Ke halaman utama

Pemain MUX plugin Capacitor

Stream video dengan kualitas adaptif bitrate menggunakan pemain Mux untuk kualitas pemutaran yang optimal

Install

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

Bagaimana menggunakan Mux Player di Capacitor

Uji di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR Pratinjau Plugin Mux Player code

Menggunakan @capgo/capacitor-mux-player

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

Install

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

bunx cap sync Menggandakan plugin asli code ke dalam proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

Pandangan API

Metode Deskripsi
play Mengaktifkan pemutaran Mux Player native di layar penuh dan memulai pemutaran.
dismiss Menghilangkan pemutaran jika sudah terlihat.
isActive Mengembalikan apakah pemutaran sedang ditampilkan saat ini.

Contoh

play()

Mengaktifkan pemutaran Mux Player native di layar penuh dan memulai pemutaran.

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

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

dismiss()

Menghilangkan pemutaran jika sudah terlihat.

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

await MuxPlayer.dismiss();

isActive()

Mengembalikan apakah pemutaran sedang ditampilkan saat ini.

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

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

Dengarkan event

addListener returns a handle. Panggil handle.remove() ketika layar dihapus, atau MuxPlayer.removeAllListeners() Mengembalikan sebuah handle. Panggil

Referensi Lengkap

Teruskan dari Menggunakan @capgo/capacitor-mux-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-mux-player Untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-mux-player untuk detail implementasi di @capgo/capacitor-mux-player, Mulai Menggunakan untuk detail implementasi di Berikut, Menggunakan @capgo/capacitor-live-aktivitas untuk kemampuan asli dalam Menggunakan @capgo/capacitor-aktivitas-nyata- @capgo/capacitor-aktivitas-nyata- untuk detail implementasi dalam @capgo/capacitor-aktivitas-nyata- dan Menggunakan @capgo/capacitor-player-video untuk kemampuan asli dalam Menggunakan @capgo/capacitor-player-video.

FAQ

Pertanyaan Umum Plugin Mux Player

Bagaimana cara menginstal plugin Mux Player di sebuah aplikasi Capacitor?

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

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

Iya. Mux Player adalah paket Capacitor, sehingga dapat berjalan 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 (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipertahankan.

Apakah @capgo/capacitor-mux-player gratis dan terbuka sumber?

Ya. Sumber code ini terbuka di GitHub di https://github.com/Cap-go/capacitor-mux-player/ dan paket ini gratis untuk diinstal dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya bisa memperbarui code yang menggunakan Mux Player tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin ini mengubah native code, sehingga memerlukan build toko yang baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin ini bisa dikirimkan secara instan dengan Capgo live updates.

Kirim perubahan Mux Player tanpa menunggu tinjauan aplikasi

Setelah plugin masuk dalam pembangunan toko Anda, Capgo pembaruan hidup memindahkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo