ガイド
Mux Player を Capacitor で使用する方法
@capgo/capacitor-mux-playerを使用
ネイティブMux Player SDKを使用して、iOSとAndroidで動画を再生します。
インストール
bun add @capgo/capacitor-mux-player
bunx cap sync
bunx cap sync プラグインのネイティブ codeをプロジェクトにコピーします。プラグインのアップグレード後は、再度実行してください。
インポート
import { MuxPlayer } from '@capgo/capacitor-mux-player';
APIの概要
| メソッド | 説明 |
|---|---|
play |
フルスクリーンでMux プレーヤーを起動し、再生を開始します。 |
dismiss |
プレイヤーが表示されている場合は、プレイヤーを閉じます。 |
isActive |
プレイヤーが現在表示されているかどうかを返します。 |
サンプルコード
play()
フルスクリーンでMux プレーヤーを起動し、再生を開始します。
import { MuxPlayer } from '@capgo/capacitor-mux-player';
await MuxPlayer.play({ playbackId: 'playback-id-123' });
dismiss()
プレイヤーが表示されている場合は、プレイヤーを閉じます。
import { MuxPlayer } from '@capgo/capacitor-mux-player';
await MuxPlayer.dismiss();
isActive()
プレイヤーが現在表示されているかどうかを返します。
import { MuxPlayer } from '@capgo/capacitor-mux-player';
const result = await MuxPlayer.isActive();
console.log(result);
イベントをリスン
addListener ハンドルを返します。呼び出す。 handle.remove() 画面がアンマウントされたとき、または MuxPlayer.removeAllListeners() すべてのリスナーをクリアするときに呼び出す。
フルリファレンス
使用中の @capgo/capacitor-mux-player から続けてください。
あなたが使用している 使用中の @capgo/capacitor-mux-player ネイティブ メディアとインターフェイスの動作を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-mux-player と接続してください。 あなたが使用している @capgo/capacitor-mux-player Capacitor MUX プレイヤー用の実装詳細については @capgo/capacitor-mux-player を参照してください。 はじめに Capacitor MUX プレイヤー用の実装詳細については はじめに を参照してください。 @capgo/capacitor-ライブ活動 Capacitor Live アクティビティ用のネイティブ機能については Using @capgo/capacitor-live-activities を参照してください。 @capgo/capacitor-ライブアクティビティ @capgo/capacitor-ライブアクティビティの実装詳細について Using @capgo/capacitor-video-player Capacitor ビデオ プレイヤー用のネイティブ機能については Using @capgo/capacitor-video-player を参照してください。