Live SDK

Image SDK Pipeline 플레이그라운드

Headless Tool을 실제 실행하고 반환된 File을 바로 미리보기·다운로드하며, 같은 File 객체를 다음 호환 Tool로 연속 전달해볼 수 있습니다.

1. SDK 인증

Origin:

상태: 대기

2. 입력 이미지

JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF 등 현재 SDK가 지원하는 이미지 입력 형식을 모두 선택할 수 있습니다. 파일을 선택하면 해당 File 형식과 호환되는 API Tool 목록만 자동으로 표시됩니다.

각 Tool 실행 성공 후 currentFile이 반환된 결과 File로 자동 교체됩니다.

현재 File 객체

Zavilo
Zavilo
이미지를 선택하세요.
이미지를 선택하세요.

3. Tool 실행

현재 File의 MIME 타입과 Tool Definition의 input.accept가 일치하는 Tool만 표시됩니다.

상태: 대기

먼저 SDK 인증을 하세요.

4. Pipeline 기록

각 단계에서 반환된 File이 다음 단계의 입력 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 }
    });