Salta al contenuto principale

Mux Player Plugin Capacitor

Streaming video adaptive bitrate con Mux player per una qualità di riproduzione ottimizzata

Installa

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

Guida

Come usare Mux Player in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

Anteprima plugin Mux Player QR code

Utilizzo di @capgo/capacitor-mux-player

Mux Player SDK nativo per riprodurre video su iOS e Android.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
play Avvia il Mux Player nativo a tutto schermo e inizia la riproduzione.
dismiss Chiudi il player se è visibile.
isActive Restituisce se il player è attualmente visualizzato.

Esempi

play()

Avvia il Mux Player nativo a tutto schermo e inizia la riproduzione.

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

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

dismiss()

Chiudi il player se è visibile.

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

await MuxPlayer.dismiss();

isActive()

Restituisce se il player è attualmente visualizzato.

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

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

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando la schermata viene smontata, o MuxPlayer.removeAllListeners() per rimuovere tutti i listener.

Riferimento completo

Continua da Using @capgo/capacitor-mux-player

Se stai usando Utilizzo di @capgo/capacitor-mux-player per pianificare il comportamento dei media nativi e dell'interfaccia, collegalo a @capgo/capacitor-mux-player per i dettagli di implementazione in @capgo/capacitor-mux-player, Per iniziare per i dettagli di implementazione nella guida introduttiva, Uso di @capgo/capacitor-live-activities per la funzionalità nativa nella pagina Uso di @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per i dettagli di implementazione in @capgo/capacitor-live-activities, e Uso di @capgo/capacitor-video-player per la funzionalità nativa in Usare @capgo/capacitor-video-player.

FAQ

FAQ sul plugin Mux Player

Come installo il plugin Mux Player in un'app Capacitor?

Esegui "bun add @capgo/capacitor-mux-player" (o "npm install @capgo/capacitor-mux-player"), poi lancia "bunx cap sync" per aggiornare i progetti iOS e Android con le code native. Importalo da "@capgo/capacitor-mux-player" nel code della tua app.

@capgo/capacitor-mux-player funziona con React, Vue e Angular?

Sì. Mux Player è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-mux-player?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-mux-player è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-mux-player/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa Mux Player senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci modifiche a Mux Player senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo