Saltar al contenido principal
@capgo/capacitor-mux-player Multimedia Código abierto

Mux Player plugin Capacitor

Reproduce video con bitrate adaptativo usando Mux Player para una calidad de reproducción óptima

Instalar

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

Guía

Cómo usar Mux Player en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

QR de vista previa del plugin Mux Player code

Uso de @capgo/capacitor-mux-player

SDK nativo de Mux Player para reproducir video en iOS y Android.

Instalar

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

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

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

API de un vistazo

Método Descripción
play Inicia el Mux Player nativo a pantalla completa y comienza la reproducción.
dismiss Cierra el reproductor si está visible.
isActive Indica si el reproductor se está mostrando actualmente.

Ejemplos

play()

Inicia el Mux Player nativo a pantalla completa y comienza la reproducción.

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

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

dismiss()

Cierra el reproductor si está visible.

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

await MuxPlayer.dismiss();

isActive()

Indica si el reproductor se está mostrando actualmente.

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

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

Escuchar eventos

addListener devuelve un handle. Llama handle.remove() cuando la pantalla se desmonte, o MuxPlayer.removeAllListeners() para limpiar todos los listeners.

Referencia completa

Continúa desde Uso de @capgo/capacitor-mux-player

Si estás usando Uso de @capgo/capacitor-mux-player para planificar el comportamiento de los medios nativos y la interfaz, conéctalo con @capgo/capacitor-mux-player por los detalles de implementación en @capgo/capacitor-mux-player, Primeros pasos para los detalles de implementación en Primeros pasos, Uso de @capgo/capacitor-live-activities para la capacidad nativa en Uso de @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para el detalle de implementación en @capgo/capacitor-live-activities, y Uso de @capgo/capacitor-video-player para la capacidad nativa en Uso de @capgo/capacitor-video-player.

FAQ

FAQ del plugin Mux Player

¿Cómo instalo el plugin Mux Player en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-mux-player" (o "npm install @capgo/capacitor-mux-player"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-mux-player" en el code de tu app.

¿Es compatible @capgo/capacitor-mux-player con React, Vue y Angular?

Sí. Mux Player es un paquete Capacitor, así que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluidos Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-mux-player?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-mux-player gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub, en https://github.com/Cap-go/capacitor-mux-player/, y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Mux Player sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Mux Player sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo