「@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);
フル リファレンス
- GitHub: https://github.com/Cap-go/capacitor-video-thumbnails/
- ドキュメント: /docs/plugins/video-thumbnails/
@capgo/capacitor-video-thumbnailsを使用し続ける
Capacitor Video Thumbnailsを使用している場合 Using @capgo/capacitor-video-thumbnails Capacitor Video Thumbnailsを使用して、ネイティブのメディアとインターフェイスの動作を計画する場合、Capacitor Video Thumbnailsと接続してください。 @capgo/capacitor-video-thumbnails for the implementation detail in @capgo/capacitor-video-thumbnails, Capacitor Video Thumbnailsの実装詳細については、Capacitor Video ThumbnailsのGetting Startedを参照してください。 Capacitor Live Activitiesを使用している場合 Using @capgo/capacitor-live-activities for the native capability in Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities Capacitor-Video-Thumbnailsの実装詳細については@capgo/capacitor-live-activitiesにあります。 Capacitor-Video-Thumbnailsを使用する@capgo/capacitor-video-player Capacitor-Video-Thumbnailsのネイティブ機能は、@capgo/capacitor-video-playerを使用することで実現します。