Getting Started

__CAPGO_KEEP_11__

Capgo AI 도구에 다음 명령어를 사용하여 플러그인을 설치할 수 있습니다.

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

그다음 다음 프롬프트를 사용하세요.

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.

만약 Manual Setup을 선호한다면, 플러그인을 설치하기 위해 다음 명령어를 실행하고 아래에 플랫폼에 따라 설명된 지침을 따르세요.

bun add @capgo/capacitor-video-thumbnails
bunx cap sync

Import

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

API 개요

getThumbnail

__CAPGO_KEEP_0__ 시간 위치에 있는 비디오 파일에서 썸네일 이미지를 생성합니다.

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

const result = await CapgoVideoThumbnails.getThumbnail({
  sourceUri: 'file:///path/to/video.mp4',
  time: 5000,
  quality: 0.8
});
console.log('Thumbnail URI:', result.uri);
console.log('Dimensions:', result.width, 'x', result.height);

타입 참조

VideoThumbnailsOptions

__CAPGO_KEEP_0__ 비디오 썸네일 옵션

export interface VideoThumbnailsOptions {
  /**
   * The URI of the video file. Can be a local file path or a remote URL.
   * For local files, use file:// protocol or absolute path.
   * For remote files, use http:// or https:// protocol.
   */
  sourceUri: string;

  /**
   * The time position in milliseconds from which to extract the thumbnail.
   * Defaults to 0 (first frame).
   */
  time?: number;

  /**
   * Quality of the generated image, from 0.0 (lowest) to 1.0 (highest).
   * Defaults to 1.0.
   */
  quality?: number;

  /**
   * HTTP headers to include when fetching remote video URIs.
   * Only applicable for remote URLs.
   */
  headers?: Record<string, string>;
}

VideoThumbnailsResult

__CAPGO_KEEP_0__ 썸네일 생성 결과

export interface VideoThumbnailsResult {
  /**
   * The local URI path to the generated thumbnail image.
   * This can be used directly in img tags or Image components.
   */
  uri: string;

  /**
   * Width of the generated thumbnail in pixels.
   */
  width: number;

  /**
   * Height of the generated thumbnail in pixels.
   */
  height: number;
}

원본의 진실

이 페이지는 플러그인의 src/definitions.tsAPI가 업스트림에서 변경될 때 다시 싱크를 실행하세요.

Getting Started에서 계속

Capgo를 사용하는 경우 Getting Started Capgo를 사용하여 네이티브 미디어 및 인터페이스 동작을 계획하는 경우 Capgo를 사용하여 네이티브 미디어 및 인터페이스 동작을 계획하는 경우 @capgo/capacitor-video-thumbnails를 연결하세요. Capgo를 사용하여 네이티브 미디어 및 인터페이스 동작을 계획하는 경우 @capgo/capacitor-video-thumbnails를 연결하세요. Using @capgo/capacitor-live-activities native 기능을 위해 @capgo/capacitor-live-activities를 사용합니다. @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항을 위해 사용합니다. Using @capgo/capacitor-video-player native 기능을 위해 Using @capgo/capacitor-video-player를 사용합니다. 그리고 @capgo/capacitor-video-player @capgo/capacitor-video-player의 구현 세부 사항을 위해 사용합니다.