Videoplayer Capacitor Plugin

Verwendung von @capgo/capacitor-video-player

Capacitor Plugin zum Abspielen von Videos im Native Player.

Installieren

bun add @capgo/capacitor-video-player
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { VideoPlayer } from '@capgo/capacitor-video-player';

API auf einen Blick

Methode	Beschreibung
initPlayer	Initialisiert einen Video-Player.
isPlaying	Gibt zurück, ob die angegebene playerId gerade spielt.
play	Spielt das aktuelle Video der angegebenen playerId ab.
pause	Pausiert das aktuelle Video der angegebenen playerId.
getDuration	Gibt die Dauer des aktuellen Videos der angegebenen playerId zurück.
getCurrentTime	Gibt die aktuelle Zeit des Videos der angegebenen playerId zurück.
setCurrentTime	Setzt die aktuelle Zeit, um das Video der angegebenen playerId zu suchen.
getVolume	Gibt die Lautstärke des aktuellen Videos der angegebenen playerId zurück.
setVolume	Setzt die Lautstärke des aktuellen Videos der angegebenen playerId.
getMuted	Gibt den Stummschaltstatus des Videos der angegebenen playerId zurück.
setMuted	Stelle den Mute-Status des aktuellen Videos über eine bestimmte playerId ein.
setRate	Setzt die Abspielrate des aktuellen Videos über eine playerId.
getRate	Ruft die Abspielrate des aktuellen Videos über eine playerId ab.
stopAllPlayers	Stoppt alle laufenden Player.
showController	Controller anzeigen.
isControllerIsFullyVisible	isControllerIsFullyVisible.
exitPlayer	Player schließen.
hidePlayer	Blendet das aktuelle Player-UI aus, ohne die Wiedergabe zu stoppen (native Fullscreen).
showPlayer	Blendet das zuvor ausgeblendete Player-UI wieder ein (native Fullscreen).

Beispiele

initPlayer()

Initialisiert einen Video-Player.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);

isPlaying()

Gibt zurück, ob eine bestimmte playerId gerade spielt.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);

play()

Spielt das aktuelle Video über eine playerId ab.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);

pause()

Pausiert das aktuelle Video über eine bestimmte playerId.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);

getDuration()

Ruft die Dauer des aktuellen Videos über eine bestimmte playerId ab.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);

getCurrentTime()

Ruft die aktuelle Zeit des Videos über eine bestimmte playerId ab.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);

Die obige Tabelle listet die 19 Kernmethoden auf. Listener, Version-Helper und der vollständige Contract jeder Methode sind in der GitHub Repository.

Vollständige Referenz

• GitHub Repository
• Dokumentation
• API-Referenz

Weiter mit Using @capgo/capacitor-video-player

Wenn du es nutzt Verwendung von @capgo/capacitor-video-player , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-video-player für das Implementierungsdetail in @capgo/capacitor-video-player, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Verwendung von @capgo/capacitor-native-navigation für die native Funktion bei Verwendung von @capgo/capacitor-native-navigation.