Aller au contenu principal

Mux Player Plugin Capacitor

Diffusez de la vidéo en bitrate adaptatif avec Mux Player pour une qualité de lecture optimisée

Installer

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

Guide

Comment utiliser Mux Player dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

QR d'aperçu du plugin Mux Player code

Utilisation de @capgo/capacitor-mux-player

Le plugin natif Mux Player SDK pour lire des vidéos sur iOS et Android.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
play Lance le Mux Player natif en plein écran et lance la lecture.
dismiss Ferme le player s'il est visible.
isActive Indique si le player est actuellement affiché.

Exemples

play()

Lance le Mux Player natif en plein écran et lance la lecture.

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

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

dismiss()

Ferme le player s'il est visible.

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

await MuxPlayer.dismiss();

isActive()

Indique si le player est actuellement affiché.

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

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

Écouter les événements

addListener renvoie un handle. Appelez handle.remove() lors du démontage de l'écran, ou MuxPlayer.removeAllListeners() pour supprimer tous les listeners.

Référence complète

Continuer depuis « Using @capgo/capacitor-mux-player »

Si vous utilisez Utiliser @capgo/capacitor-mux-player pour planifier le comportement des médias et de l'interface natifs, connectez-l’à @capgo/capacitor-mux-player pour les détails d'implémentation dans @capgo/capacitor-mux-player, Prise en main pour les détails d'implémentation dans Getting Started Utiliser @capgo/capacitor-live-activities pour la capacité native dans Utiliser @capgo/capacitor-live-activities @capgo/capacitor-live-activities pour les détails d'implémentation dans @capgo/capacitor-live-activities, et Utiliser @capgo/capacitor-video-player pour la fonctionnalité native dans Utilisation de @capgo/capacitor-video-player.

FAQ

FAQ du plugin Mux Player

Comment installer le plugin Mux Player dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-mux-player" (ou "npm install @capgo/capacitor-mux-player"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-mux-player" dans votre code.

Est-ce que @capgo/capacitor-mux-player fonctionne avec React, Vue et Angular ?

Oui. Mux Player est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui s'exécute dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor @capgo/capacitor-mux-player prend-il en charge ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-mux-player est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-mux-player/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Mux Player sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements de Mux Player sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo