「@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を使用することで実現します。

ビデオサムネール

ガイド