Guida
Come utilizzare il lettore di video in Capacitor
Usa @capgo/capacitor-video-player
Il plugin Capacitor per riprodurre video nel player nativo.
Installa
bun add @capgo/capacitor-video-player
bunx cap sync
bunx cap sync Copia il plugin del player nativo code nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.
Importa
import { VideoPlayer } from '@capgo/capacitor-video-player';
Vedi API in breve
| Metodo | Descrizione |
|---|---|
initPlayer |
Inizializza un lettore di video. |
isPlaying |
Restituisci se un playerId specificato è in riproduzione. |
play |
Riproduci il video corrente da un playerId specificato. |
pause |
Pausa il video corrente da un playerId specificato. |
getDuration |
ottiene la durata del video corrente da un playerId specificato. |
getCurrentTime |
ottiene il tempo corrente del video corrente da un playerId specificato. |
setCurrentTime |
Imposta il tempo corrente per cercare il video corrente da un playerId specificato. |
getVolume |
ottiene il volume del video corrente da un playerId specificato. |
setVolume |
Imposta il volume del video corrente da un playerId specificato. |
getMuted |
ottiene lo stato di silenzio del video corrente da un playerId specificato. |
setMuted |
Imposta lo stato di silenzio del video corrente da un playerId specificato. |
setRate |
Imposta il tasso del video corrente da un playerId specifico. |
getRate |
Ottieni il tasso del video corrente da un playerId specifico. |
stopAllPlayers |
Interrompi tutti i player in esecuzione. |
showController |
Mostra il controller. |
isControllerIsFullyVisible |
isControllerIsFullyVisible. |
exitPlayer |
Esci dal player. |
hidePlayer |
Nascondi l'interfaccia utente del player corrente senza interrompere la riproduzione (schermo intero nativo). |
showPlayer |
Riattiva il player UI nascosto precedentemente (schermo intero nativo). |
Esempi
initPlayer()
Inizializza un player di video.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);
isPlaying()
Verifica se un playerId specifico è in riproduzione.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);
play()
Riproduci il video corrente da un playerId specifico.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);
pause()
Interrompi il video corrente da un playerId specifico.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);
getDuration()
Ottieni la durata del video corrente da un playerId specifico.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);
getCurrentTime()
Ottieni il tempo corrente del video corrente da un playerId specifico.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);
La tabella sopra elenca le 19 metodologie di base. Gli ascoltatori e gli aiuti di versione, e il contratto completo di ogni metodo, sono documentati nel repository di GitHub.
Riferimento completo
Continua da Utilizzo di @capgo/capacitor-video-player
Se stai utilizzando Utilizzo di @capgo/capacitor-video-player per pianificare il comportamento dei media e dell'interfaccia nativa, connettilo con @capgo/capacitor-player-video per i dettagli di implementazione in @capgo/capacitor-player-video Getting Started per i dettagli di implementazione in Iniziare Utilizzare @capgo/capacitor-attività-viva per la capacità nativa in Utilizzare @capgo/capacitor-attività-viva @capgo/capacitor-attività-viva per i dettagli di implementazione in @capgo/capacitor-attività-viva, e Utilizzare @capgo/capacitor-navigazione-nativa per la capacità nativa in Utilizzare @capgo/capacitor-navigazione-nativa