Utilisez @capgo/capacitor-video-player
Le plugin Capacitor pour jouer un vidéo dans un lecteur natif.
Installez
bun add @capgo/capacitor-video-player
bunx cap sync
bunx cap sync copie le code natif du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.
Importer
import { VideoPlayer } from '@capgo/capacitor-video-player';
API en un coup d'œil
| Méthode | Description |
|---|---|
initPlayer |
Initialisez un lecteur de vidéo. |
isPlaying |
Vérifiez si un joueur spécifique est en cours de lecture. |
play |
Lancez la vidéo actuelle à partir d'un joueur spécifique. |
pause |
Arrêtez la vidéo actuelle à partir d'un joueur spécifique. |
getDuration |
Obtenez la durée de la vidéo actuelle à partir d'un joueur spécifique. |
getCurrentTime |
Obtenez la position actuelle de la vidéo actuelle à partir d'un joueur spécifique. |
setCurrentTime |
Positionnez la position actuelle pour faire défiler la vidéo actuelle à partir d'un joueur spécifique. |
getVolume |
Obtenez le volume de la vidéo actuelle à partir d'un joueur spécifique. |
setVolume |
Définissez le volume de la vidéo actuelle à partir d'un joueur spécifique. |
getMuted |
Récupérez l'état de silence de la vidéo actuelle à partir d'un joueur spécifique. |
setMuted |
Définissez le niveau de son de la vidéo actuelle à partir d'un joueur spécifique. |
setRate |
Définissez le taux de lecture de la vidéo actuelle à partir d'un joueur spécifique. |
getRate |
Obtenez le taux de lecture de la vidéo actuelle à partir d'un joueur spécifique. |
stopAllPlayers |
Arrêtez tous les joueurs en cours de lecture. |
showController |
Affichez le contrôleur. |
isControllerIsFullyVisible |
isControllerIsFullyVisible. |
exitPlayer |
Sortir du lecteur. |
hidePlayer |
Cachez l'interface utilisateur du lecteur actuellement présentée sans arrêter la lecture (plein écran natif). |
showPlayer |
Afficher à nouveau un joueur UI précédemment caché (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()
Vérifier si un joueur spécifique 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 à partir d'un joueur spécifique.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);
pause()
Pause the current video from a given playerId.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);
getDuration()
Obtenir la durée de la vidéo actuelle à partir d'un joueur spécifique.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);
getCurrentTime()
Obtenir le temps actuel de la vidéo actuelle à partir d'un joueur spécifique.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);
La table ci-dessus répertorie les 19 méthodes de base. Les aides aux écouteurs et aux versions, ainsi que la pleine convention de chaque méthode, sont documentés dans le le dépôt GitHub.
Référence complète
Continuez à partir de l'utilisation de @capgo/capacitor-video-player
Si vous utilisez L'utilisation de @capgo/capacitor-video-player Pour planifier le comportement des médias et de l'interface natifs, connectez-l’avec @capgo/capacitor-joueur-de-videos pour les détails d'implémentation dans @capgo/capacitor-video-player Getting Started pour les détails d'implémentation dans Démarrage L'utilisation de @capgo/capacitor-live-activities pour la capacité native dans l'utilisation de @capgo/capacitor-live-activities @capgo/capacitor-activités en direct pour les détails d'implémentation dans @capgo/capacitor-activités en direct, et En utilisant @capgo/capacitor-navigation native pour la capacité native dans En utilisant @capgo/capacitor-navigation native.