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

動画プレイヤー

サブタイトル、フルスクリーン、コントロールのあるネイティブ動画再生

Capacitor Video Playerをnpmで参照

ガイド

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

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);

フルリファレンス

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

Capacitor-Video-Playerを使用している場合 Using @capgo/capacitor-video-player Capacitor-Video-Playerを使用して、ネイティブのメディアとインターフェイスの動作を計画する場合 @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.