Langsung ke konten utama

Mux Player plugin Capacitor

Streaming video adaptive bitrate dengan Mux Player untuk kualitas playback yang optimal

Instal

bun add @capgo/capacitor-mux-player bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-mux-player
  • pnpm add @capgo/capacitor-mux-player
  • yarn add @capgo/capacitor-mux-player

Panduan

Cara menggunakan Mux Player di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

Pratinjau QR plugin Mux Player code

Menggunakan @capgo/capacitor-mux-player

Native Mux Player SDK untuk memutar video di iOS dan Android.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { MuxPlayer } from '@capgo/capacitor-mux-player';

Sekilas tentang API

Metode Deskripsi
play Jalankan native Mux Player dalam mode fullscreen dan mulai playback.
dismiss Tutup player jika sedang tampil.
isActive Mengembalikan apakah player sedang ditampilkan.

Contoh

play()

Jalankan native Mux Player dalam mode fullscreen dan mulai playback.

import { MuxPlayer } from '@capgo/capacitor-mux-player';

await MuxPlayer.play({ playbackId: 'playback-id-123' });

dismiss()

Tutup player jika sedang tampil.

import { MuxPlayer } from '@capgo/capacitor-mux-player';

await MuxPlayer.dismiss();

isActive()

Mengembalikan apakah player sedang ditampilkan.

import { MuxPlayer } from '@capgo/capacitor-mux-player';

const result = await MuxPlayer.isActive();
console.log(result);

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat layar di-unmount, atau MuxPlayer.removeAllListeners() untuk menghapus semua listener.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-mux-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-mux-player untuk merencanakan perilaku media dan antarmuka native, hubungkan dengan @capgo/capacitor-mux-player untuk detail implementasi di @capgo/capacitor-mux-player, Panduan Memulai untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kapabilitas native saat menggunakan @capgo/capacitor-video-player.

FAQ

FAQ plugin Mux Player

Bagaimana cara install plugin Mux Player di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-mux-player" (atau "npm install @capgo/capacitor-mux-player"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native-nya. Import dari "@capgo/capacitor-mux-player" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-mux-player kompatibel dengan React, Vue, dan Angular?

Ya. Mux Player adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-mux-player?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-mux-player gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-mux-player/ dan paketnya gratis diinstal dari npm. Bug report dan pull request sangat kami terima.

Bisakah saya update code yang menggunakan Mux Player tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Mux Player tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo