Live SDK

Playground de Pipeline de Imagem

Execute ferramentas Headless, visualize e baixe o File retornado e use-o como entrada da próxima ferramenta compatível.

1. Autenticação SDK

Origin:

Status: Aguardando

2. Imagem de entrada

Você pode selecionar qualquer formato de imagem atualmente suportado pelo SDK: JPG, JPEG, PNG, WebP, AVIF, HEIC e HEIF. Ao escolher um arquivo, o Playground mostra automaticamente apenas as API Tools compatíveis com esse tipo de File.

Após cada execução, currentFile é substituído pelo File retornado.

File atual

Zavilo
Zavilo
Selecione uma imagem.
Selecione uma imagem.

3. Executar Tool

Apenas Tools cujo input.accept corresponde ao MIME do File atual são exibidos.

Status: Aguardando

Autentique o SDK primeiro.

4. Histórico do Pipeline

Cada File retornado vira a entrada da próxima etapa.

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