メインコンテンツにジャンプ
@capgo/capacitor-ビデオサムネール メディア オープンソース

ビデオサムネール Capacitor プラグイン

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

インストール

bun add @capgo/capacitor-video-thumbnails bunx cap sync
npm、pnpmまたはyarn
  • npm install @capgo/capacitor-video-thumbnails
  • pnpm add @capgo/capacitor-video-thumbnails
  • yarn add @capgo/capacitor-video-thumbnails

ガイド

Capacitorのビデオサムネールを使用する方法

デバイスでテスト

Capgo アプリをダウンロードし、QR code をスキャンしてください。

ビデオサムネール プラグイン プレビュー QR code

「@capgo/capacitor-video-thumbnails」を使用

ビデオサムネールプラグインのCapacitorインターフェイス

Install

bun add @capgo/capacitor-video-thumbnails
bunx cap sync

bunx cap sync プラグインのネイティブ code をあなたのネイティブ プロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

インポート

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

API の概要

方法 説明
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-ビデオサムネール

Capacitor-Video-Thumbnailsを使用している場合 Using @capgo/capacitor-video-thumbnails Capacitor-Video-Thumbnailsを使用して @capgo/capacitor-ビデオサムネイル @capgo/capacitor-ビデオサムネール Capacitor-Live-Activitiesを使用して Capacitor-Live-Activitiesの実装詳細 @capgo/capacitorライブ活動を使用 native機能のために@capgo/capacitor-live-activitiesを使用します。 @capgo/capacitor-ライブアクティビティ @capgo/capacitor-ライブアクティビティの実装詳細のために Using @capgo/capacitor-video-player Capacitor-ビデオプレーヤーを使用するために、@capgo/capacitorのネイティブ機能を利用します。

FAQ

ビデオサムネール プラグイン FAQ

Video Thumbnails プラグインを Capacitor アプリにインストールするにはどうすればよいですか?

Run "bun add @capgo/capacitor-video-thumbnails" (または "npm install @capgo/capacitor-video-thumbnails"), すると iOS と Android プロジェクトがネイティブ code を取得します。 それから、"bunx cap sync" を実行して iOS と Android プロジェクトがネイティブ code を取得します。 そして、code アプリから "@capgo/capacitor-video-thumbnails" をインポートします。

@capgo/capacitor-video-thumbnails は React、Vue、Angular とどのように動作しますか?

はい。 Video Thumbnails は Capacitor パッケージなので、Capacitor 内で実行される任意の Web フレームワークと互換性があります。 例えば、Ionic、React、Vue、Angular、Svelte、または JavaScript のみで構築されたアプリです。

Which Capacitor version does @capgo/capacitor-video-thumbnails support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-video-thumbnails は無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-video-thumbnails/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Video Thumbnails を使用する code をアップデートするには App Store のレビューが必要ですか?

プラグインをインストールまたはアップグレードするとネイティブ code が変更されるため、ストアのビルドが必要になります。 その後、JavaScript、HTML、CSS の変更がプラグインを呼び出すと Capgo のライブアップデートで即時配信できます。

Video Thumbnails の変更をアプリレビューの待たずに配信

プラグインがストアにビルドされたら、Capgo ライブアップデートは、ユーザーに JavaScript、HTML、CSS の変更を数分でプッシュします。

Capgo で始めます