Live SDK

Image SDK Pipeline Playground

Headless-Tools ausführen, das zurückgegebene File anzeigen und herunterladen und direkt an das nächste kompatible Tool weitergeben.

1. SDK-Authentifizierung

Origin:

Status: Warten

2. Eingabebild

Du kannst alle derzeit vom SDK unterstützten Bildformate auswählen: JPG, JPEG, PNG, WebP, AVIF, HEIC und HEIF. Nach der Dateiauswahl zeigt der Playground automatisch nur die API Tools an, die mit diesem File-Typ kompatibel sind.

Nach jedem erfolgreichen Tool-Aufruf wird currentFile durch das Ergebnis-File ersetzt.

Aktuelles File

Zavilo
Zavilo
Bild auswählen.
Bild auswählen.

3. Tool ausführen

Es werden nur Tools angezeigt, deren input.accept zum MIME-Typ des aktuellen Files passt.

Status: Warten

Zuerst SDK authentifizieren.

4. Pipeline-Verlauf

Jedes Ergebnis-File wird zur Eingabe des nächsten Schritts.

    Kerncode

    let currentFile = selectedFile;

const result = await client.run("resize-image", {
  file: currentFile,
  options: {
    width: 1200,
    format: "webp",
    quality: 0.9
  }
});

currentFile = result.files[0];
preview.src = URL.createObjectURL(currentFile);

const next = await client.run("compress-image", {
  file: currentFile,
  options: { quality: 0.8 }
});