Reproductor de video plugin Capacitor

Uso de @capgo/capacitor-video-player

Plugin Capacitor para reproducir video en el reproductor nativo.

Instalar

bun add @capgo/capacitor-video-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 { VideoPlayer } from '@capgo/capacitor-video-player';

API de un vistazo

Método	Descripción
initPlayer	Inicializa un reproductor de video.
isPlaying	Devuelve si un playerId determinado está reproduciendo.
play	Reproduce el video actual desde un playerId dado.
pause	Pausa el video actual de un playerId dado.
getDuration	Obtén la duración del video actual de un playerId dado.
getCurrentTime	Obtén el tiempo actual del video de un playerId dado.
setCurrentTime	Establece el tiempo actual para buscar en el video desde un playerId.
getVolume	Obtiene el volumen del video actual de un playerId.
setVolume	Establece el volumen del video actual de un playerId.
getMuted	Obtiene si el video actual está silenciado desde un playerId.
setMuted	Establece si el video actual está silenciado desde un playerId.
setRate	Establece la velocidad del video actual mediante un playerId.
getRate	Obtiene la velocidad del video actual mediante un playerId.
stopAllPlayers	Detiene todos los reproductores en ejecución.
showController	Muestra el controlador.
isControllerIsFullyVisible	isControllerIsFullyVisible.
exitPlayer	Cierra el reproductor.
hidePlayer	Oculta la interfaz del reproductor actual sin detener la reproducción (fullscreen nativo).
showPlayer	Vuelve a mostrar la interfaz del reproductor que estaba oculta (fullscreen nativo).

Ejemplos

initPlayer()

Inicializa un reproductor de video.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);

isPlaying()

Indica si un playerId determinado está reproduciendo.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);

play()

Reproduce el video actual mediante un playerId.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);

pause()

Pausa el video actual de un playerId dado.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);

getDuration()

Obtén la duración del video actual de un playerId dado.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);

getCurrentTime()

Obtén el tiempo actual del video de un playerId dado.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);

La tabla anterior lista los 19 métodos principales. Los helpers de listeners y versión, junto con el contrato completo de cada método, están en la repositorio GitHub.

Referencia completa

• repositorio GitHub
• Documentación
• Referencia de API

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

Si estás usando Uso de @capgo/capacitor-video-player para planificar el comportamiento de los medios nativos y la interfaz, conéctalo con @capgo/capacitor-video-player para los detalles de implementación en @capgo/capacitor-video-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-native-navigation para la capacidad nativa al usar @capgo/capacitor-native-navigation.