ガイド
Capacitor で Mux Player を使用する方法
@capgo/capacitor-mux-player の使い方
iOSとAndroidで動画を再生するための、ネイティブなMux Player SDK
インストール
bun add @capgo/capacitor-mux-player
bunx cap sync
bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。
インポート
import { MuxPlayer } from '@capgo/capacitor-mux-player';
API の概要
| メソッド | 説明 |
|---|---|
play |
ネイティブの Mux Player をフルスクリーンで起動し、再生を開始します。 |
dismiss |
プレイヤーが表示されている場合は、それを閉じます。 |
isActive |
プレイヤーが現在表示されているかどうかを返します。 |
例
play()
ネイティブの Mux Player をフルスクリーンで起動し、再生を開始します。
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/capacitor-mux-player @capgo/capacitor-mux-player の実装の詳細については、 スタートガイド スタートガイドの実装詳細については、 @capgo/capacitor-live-activities の使用 @capgo/capacitor-live-activities の使用におけるネイティブ機能については、 @capgo/capacitor-live-activities @capgo/capacitor-live-activities の実装の詳細については、 @capgo/capacitor-video-playerの使用方法 「@capgo/capacitor-video-player. の使い方」のネイティブ機能については