Live SDK

Image SDK Pipeline Playground

Headless Toolを実行し、返されたFileをプレビュー・ダウンロードし、そのまま次の互換Toolへ渡せます。

1. SDK認証

Origin:

状態: 待機

2. 入力画像

JPG、JPEG、PNG、WebP、AVIF、HEIC、HEIF など、現在SDKが対応している画像入力形式を選択できます。ファイルを選択すると、そのFile形式に対応するAPI Toolだけが自動表示されます。

成功するたびにcurrentFileは返されたFileに置き換わります。

現在のFile

Zavilo
Zavilo
画像を選択してください。
画像を選択してください。

3. Tool実行

現在のFile MIMEとinput.acceptが一致するToolのみ表示します。

状態: 待機

先にSDK認証してください。

4. Pipeline履歴

各結果Fileが次の入力になります。

    主要コード

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