はじめに
このプラグインのインストール手順とフル マークダウン ガイドを含むセットアップの質問をコピーしてください。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-video-thumbnails`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/video-thumbnails/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
インストール
インストールセクションbun add @capgo/capacitor-video-thumbnailsbunx cap syncインポート
インポートセクションimport { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';API オーバービュー
セクション「API オーバービュー」getThumbnail
getThumbnailビデオファイルから特定の時間位置で生成されるサムネイル画像
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
ビデオサムネール オプションビデオサムネールの生成に使用するオプションです。
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
ビデオサムネール生成結果ビデオサムネール生成の結果です。
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.tsパブリック API がアップストリームで変更された場合、再度同期を実行してください。