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

動画プレイヤー

ネイティブ動画再生機能、サブタイトル、フルスクリーン、コンプリヘンシブコントロール

ガイド

ビデオ プレーヤーのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

動画プレーヤープラグインのプレビューQR code

使用する@capgo/capacitor-video-player

Capacitor プラグインを使用して、ネイティブのプレーヤーで動画を再生します。

インストール

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

このプラグインが公開するもの

  • initPlayer - 指定されたplayerIdで動画プレーヤーを初期化します。
  • isPlaying - 指定されたplayerIdが再生中であるかどうかを確認します。
  • play - 指定されたplayerIdの現在の動画を再生します。
  • pause - 指定されたplayerIdの現在の動画を一時停止します。

例の使用方法

initPlayer

動画プレーヤーを初期化します。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.initPlayer({} as capVideoPlayerOptions);

isPlaying

指定された playerId が再生中の場合、戻ります。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.isPlaying({} as capVideoPlayerIdOptions);

play

指定された playerId から現在の動画を再生します。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.play({} as capVideoPlayerIdOptions);

pause

指定された playerId から現在の動画を一時停止します。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.pause({} as capVideoPlayerIdOptions);

フル リファレンス

capgo を使用して、@capgo/capacitor-video-player を継続して使用します。

__CAPGO_KEEP_0__ を使用して、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-player を使用します。 native メディアとインターフェイスの動作を計画する場合、@capgo/capacitor-video-player を接続します。 native メディアとインターフェイスの動作を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-video-player を使用します。 native メディアとインターフェイスの動作を計画する場合、@capgo/capacitor-video-player を使用します。 Capacitor-Video-Playerの実装詳細については@capgo/capacitor-video-playerを参照してください。 Getting Started Capacitor-Video-Playerの実装詳細についてはGetting Startedを参照してください。 Capacitor-Live-Activitiesの使用方法については@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-native-navigation for the native capability in Using @capgo/capacitor-native-navigation.