Anleitung
Verwenden Sie den Video-Player in Capacitor
Verwenden Sie @capgo/capacitor-video-player
Capacitor-Plugin zum Abspielen von Videos in einem nativen Player.
Installieren
bun add @capgo/capacitor-video-player
bunx cap sync
bunx cap sync kopiert das Plugin-code in Ihren nativen Projekten. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.
Importieren
import { VideoPlayer } from '@capgo/capacitor-video-player';
API im Überblick
| Methode | Beschreibung |
|---|---|
initPlayer |
Ein Video-Player initialisieren. |
isPlaying |
Überprüfen, ob ein gegebener SpielerId abgespielt wird. |
play |
Das aktuelle Video von einem gegebenen SpielerId abspielen. |
pause |
Das aktuelle Video von einem gegebenen SpielerId pausieren. |
getDuration |
Die Dauer des aktuellen Videos von einem gegebenen SpielerId abrufen. |
getCurrentTime |
Die aktuelle Zeit des aktuellen Videos von einem gegebenen SpielerId abrufen. |
setCurrentTime |
Die aktuelle Zeit zum Suchen des aktuellen Videos von einem gegebenen SpielerId setzen. |
getVolume |
Ermitteln Sie den aktuellen Lautstärke-Wert des Videos mit der angegebenen Spieler-Id. |
setVolume |
Das aktuelle Lautstärkelevel des aktuellen Videos von einem gegebenen SpielerId setzen. |
getMuted |
Das aktuelle Mute-Status des aktuellen Videos von einem gegebenen SpielerId abrufen. |
setMuted |
Das aktuelle Mute-Status des aktuellen Videos von einem gegebenen SpielerId setzen. |
setRate |
Setze die Geschwindigkeit des aktuellen Videos von einem gegebenen Spieler-Id. |
getRate |
Erhalte die Geschwindigkeit des aktuellen Videos von einem gegebenen Spieler-Id. |
stopAllPlayers |
Beende alle Spieler, die abgespielt werden. |
showController |
Zeige den Controller. |
isControllerIsFullyVisible |
ist der Controller vollständig sichtbar. |
exitPlayer |
Beende den Spieler. |
hidePlayer |
Verstecke die derzeit präsentierte Spieler-UI ohne Abspielung (natives Vollbild). |
showPlayer |
Zeige wieder eine zuvor versteckte Spieler-UI (natives Vollbild). |
Beispiele
initPlayer()
Ein Video-Player initialisieren.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);
isPlaying()
Rückgabewert, wenn ein gegebener playerId abspielt.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);
play()
Überprüfe, ob ein gegebener Spieler-Id abgespielt wird.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);
pause()
Pausieren Sie das aktuelle Video von einem gegebenen Spieler-Id.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);
getDuration()
Ermitteln Sie die Dauer des aktuellen Videos von einer gegebenen Spieler-Id.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);
getCurrentTime()
Ermitteln Sie die aktuelle Zeit des aktuellen Videos von einer gegebenen Spieler-Id.
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);
Die Tabelle oben listet die 19 Kernmethoden auf. Helfer für Listener und Versionen sowie die vollständige Vertragsvereinbarung jeder Methode sind im GitHub-Repository.
Vollständige Referenz
Weiter mit @capgo/capacitor-Video-Player
Wenn Sie @CapacitorVideoPlayer verwenden Verwendung von @capgo/capacitor-Video-Player um nativere Medien- und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-Video-Player für die Implementierungsdetails in @capgo/capacitor-Video-Player Getting Started für die Implementierungsdetails in Einführung Mit @capgo/capacitor-Live-Aktivitäten für die nativen Fähigkeiten in Mit @capgo/capacitor-Live-Aktivitäten @capgo/capacitor-Live-Aktivitäten für die Implementierungsdetails in @capgo/capacitor-Live-Aktivitäten und Mit @capgo/capacitor-nativer Navigation für die nativen Fähigkeiten in Mit @capgo/capacitor-nativer Navigation