Guía
Cómo usar el Reproductor de Video en Capacitor
Usando @capgo/capacitor-video-player
El plugin Capacitor para reproducir video en reproductor nativo.
Instalar
bun add @capgo/capacitor-video-player
bunx cap sync
bunx cap sync copiar el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo después de cada actualización del plugin.
Importar
import { VideoPlayer } from '@capgo/capacitor-video-player';
Vista general del API
| Método | Descripción |
|---|---|
initPlayer |
Iniciar un reproductor de video. |
isPlaying |
Devuelve si un playerId dado está reproduciendo. |
play |
Reproducir la video actual desde un jugador de video determinado. |
pause |
Pausa el video actual desde un playerId determinado. |
getDuration |
Obtenga la duración de la video actual desde un playerId dado. |
getCurrentTime |
Obtenga la hora actual del video actual desde un jugador de playerId determinado. |
setCurrentTime |
Establecer el tiempo actual para buscar el video actual desde un jugador de video dado. |
getVolume |
Obtenga el volumen del video actual desde un jugador dado. |
setVolume |
Establezca el volumen del video actual a partir de un jugador dado. |
getMuted |
Obtenga el estado de silencio del video actual desde un jugador dado. |
setMuted |
Establezca el estado de silencio del video actual a partir de un jugador dado. |
setRate |
Establezca la velocidad del video actual desde un jugador dado. |
getRate |
Obtenga la velocidad del video actual desde un jugador dado. |
stopAllPlayers |
Detenga todos los jugadores que estén reproduciendo. |
showController |
Muestre el controlador. |
isControllerIsFullyVisible |
isControllerIsFullyVisible. |
exitPlayer |
Salir del jugador. |
hidePlayer |
Oculte la interfaz de usuario del jugador actual sin detener la reproducción (pantalla completa nativa). |
showPlayer |
Mostrar de nuevo un jugador de video previamente oculto (pantalla completa nativa). |
Ejemplos
initPlayer()
Inicializar un reproductor de video.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);
isPlaying()
Devolver si un playerId dado está reproduciendo.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);
play()
Reproducir el video actual desde un playerId dado.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);
pause()
Pausar el video actual desde un playerId dado.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);
getDuration()
Obtener la duración del video actual desde un playerId dado.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);
getCurrentTime()
Obtener el tiempo actual del video actual desde 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 muestra los 19 métodos básicos. Los ayudantes de escucha y versión, y la completa contratación de cada método, se documentan en el GitHub repositorio.
Referencia completa
Sigue adelante desde el uso de @capgo/capacitor-video-player
Si estás utilizando Usando @capgo/capacitor-video-player Para planificar el comportamiento de medios y interfaz nativa, conecta con @capgo/capacitor-video-player para el detalle de implementación en @capgo/capacitor-video-player Getting Started para el detalle de implementación en Getting Started Usando @capgo/capacitor-live-activities para la capacidad nativa en Usando @capgo/capacitor-live-activities @capgo/capacitor-actividades en vivo para los detalles de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-navegación-nativa para la capacidad nativa en Usando @capgo/capacitor-navegación-nativa.