Guide
Comment utiliser Video Player dans Capacitor
Utiliser @capgo/capacitor-video-player
Le plugin Capacitor pour lire des vidéos dans un lecteur natif.
Installer
bun add @capgo/capacitor-video-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 { VideoPlayer } from '@capgo/capacitor-video-player';
Aperçu de API
| Méthode | Description |
|---|---|
initPlayer |
Initialiser un lecteur vidéo. |
isPlaying |
Indiquer si un playerId donné est en cours de lecture. |
play |
Lire la vidéo actuelle pour un playerId donné. |
pause |
Mettre en pause la vidéo actuelle pour un playerId donné. |
getDuration |
Récupérer la durée de la vidéo actuelle pour un playerId donné. |
getCurrentTime |
Récupérer le temps de lecture actuel de la vidéo pour un playerId donné. |
setCurrentTime |
Définir le temps de lecture (seek) de la vidéo pour un playerId donné. |
getVolume |
Récupérer le volume de la vidéo actuelle pour un playerId donné. |
setVolume |
Définir le volume de la vidéo actuelle pour un playerId donné. |
getMuted |
Récupérer l'état muet de la vidéo actuelle pour un playerId donné. |
setMuted |
Définit le mode muet de la vidéo actuelle à partir d'un playerId donné. |
setRate |
Réglez la vitesse de la vidéo actuelle via un playerId donné. |
getRate |
Récupérez la vitesse de la vidéo actuelle via un playerId donné. |
stopAllPlayers |
Arrêter tous les lecteurs en cours. |
showController |
Afficher le contrôleur. |
isControllerIsFullyVisible |
isControllerIsFullyVisible. |
exitPlayer |
Quitter le lecteur. |
hidePlayer |
Masquez l'interface du lecteur actuel sans arrêter la lecture (plein écran natif). |
showPlayer |
Réaffichez l'interface du lecteur précédemment masquée (plein écran natif). |
Exemples
initPlayer()
Initialiser un lecteur vidéo.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);
isPlaying()
Indiquer si un playerId donné est en cours de lecture.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);
play()
Lire la vidéo actuelle pour un playerId donné.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);
pause()
Mettre en pause la vidéo actuelle pour un playerId donné.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);
getDuration()
Récupérer la durée de la vidéo actuelle pour un playerId donné.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);
getCurrentTime()
Récupérer le temps de lecture actuel de la vidéo pour un playerId donné.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);
Le tableau ci-dessus liste les 19 méthodes principales. Les helpers de listener et de version, ainsi que le contrat complet de chaque méthode, sont documentés dans la dépôt GitHub.
Référence complète
Continuer depuis Utiliser @capgo/capacitor-video-player
Si vous utilisez Utiliser @capgo/capacitor-video-player pour planifier le comportement des médias et de l'interface natifs, connectez-l’à @capgo/capacitor-video-player pour le détail d'implémentation dans @capgo/capacitor-video-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 Utilisation de @capgo/capacitor-native-navigation pour la fonctionnalité native dans Using @capgo/capacitor-native-navigation.