メインコンテンツにスキップ
Back to plugins
@capgo/capacitor-video-thumbnails
チュートリアル
@capgo/capacitor-video-thumbnails

動画サムネイル

ローカルおよびリモートの動画ファイルから特定のタイムスタンプでサムネイル画像を生成します

ガイド

ビデオサムネールのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

ビデオサムネール プラグイン プレビュー QR code

使用する @capgo/capacitor-video-thumbnails

Capacitor ビデオサムネール プラグイン ビデオサムネール生成用インターフェイス

インストール

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

このプラグインが公開するもの

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

フル リファレンス

使用中の @capgo/capacitor-video-thumbnails から続けてください。

使用中の場合 @capgo/capacitor-video-thumbnails を使用して @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-thumbnails を使用してネイティブのメディアとインターフェイスの動作を計画する @capgo/capacitor-video-thumbnails を使用して @capgo/capacitor-video-thumbnails の実装詳細を参照してください。 for the implementation detail in @capgo/capacitor-video-thumbnails, Getting Started の実装詳細を参照してください。 Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities を使用して Using @capgo/capacitor-live-activities を使用してネイティブの機能を実装する @capgo/capacitor-live-activities @capgo/capacitor-live-activities @capgo/capacitor-live-activitiesの実装詳細について @capgo/capacitor-video-playerを使用 @capgo/capacitor-video-playerのネイティブ機能を使用