メインコンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-ビデオサムネイル
チュートリアル
@capgo/capacitor-ビデオサムネイル

ビデオサムネイル

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

ガイド

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

デバイスでテスト

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_KEEP_0__/__CAPGO_KEEP_1__-video-thumbnails」を使用している場合 「@capgo/capacitor-video-thumbnails」を使用 「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-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」の実装詳細については「Getting Started」を参照 「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities」を使用 「@capgo/capacitor-live-activities」のネイティブ機能については「@capgo/capacitor-live-activities」を参照 「@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