メインコンテンツにジャンプ
プラグインに戻る
@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);

フル リファレンス

Keep going from Using @capgo/capacitor-video-thumbnails

Capacitor-__CAPGO_KEEP_1__-video-thumbnailsを使用している場合 Using @capgo/capacitor-video-thumbnails Capacitor-__CAPGO_KEEP_1__-video-thumbnailsを使用し、Capacitor-__CAPGO_KEEP_1__-live-activitiesと接続する @capgo/capacitor-video-thumbnails for the implementation detail in @capgo/capacitor-video-thumbnails, Capacitor-__CAPGO_KEEP_1__-live-activitiesの実装詳細 Getting Started Using @capgo/capacitor-live-activities for the native capability in Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities for the implementation detail in @capgo/capacitor-live-activities, and Using @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player.