Live SDK

Playground de Pipeline de Imagen

Ejecuta herramientas Headless, previsualiza y descarga el File devuelto y úsalo como entrada de la siguiente herramienta compatible.

1. Autenticación SDK

Origin:

Estado: En espera

2. Imagen de entrada

Puedes seleccionar cualquier formato de imagen compatible actualmente con el SDK: JPG, JPEG, PNG, WebP, AVIF, HEIC y HEIF. Al elegir un archivo, el Playground muestra automáticamente solo las API Tools compatibles con ese tipo de File.

Tras cada ejecución correcta, currentFile se reemplaza por el File devuelto.

File actual

Zavilo
Zavilo
Selecciona una imagen.
Selecciona una imagen.

3. Ejecutar Tool

Solo aparecen Tools cuyo input.accept coincide con el MIME del File actual.

Estado: En espera

Autentica primero el SDK.

4. Historial del Pipeline

Cada File devuelto pasa a ser la entrada del siguiente paso.

    Código principal

    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 }
});