メインコンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-video-thumbnails
チュートリアル
@capgo/capacitor-video-thumbnails

動画サムネイル

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

Capgoで表示

ガイド

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

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から続けてください。

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を参照してください。 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のネイティブ機能については、Using @capgo/capacitor-video-player。