__CAPGO_KEEP_0__ Startseite
@capgo/capacitor-video-player Medien Offene Quelle

Video-Player Capacitor Plugin

Natives Videoabspiel mit Untertiteln, Vollbildmodus und umfassenden Steuerungen

Installieren

bun add @capgo/capacitor-video-player bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-video-player
  • pnpm add @capgo/capacitor-video-player
  • yarn add @capgo/capacitor-video-player

Anleitung

Verwenden Sie den Video-Player in Capacitor

Testen auf Gerät

Herunterladen Sie die Capgo-App, dann scannen Sie die QR-code.

Vorschau-QR-code für das Video-Player-Plugin

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

FAQ

FAQ für den Video-Player-Plugin

Wie installiere ich den Video Player-Plugin in einer Capacitor-App?

Run "bun add @capgo/capacitor-video-player" (or "npm install @capgo/capacitor-video-player"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-video-player" in your app code.

Funktioniert @capgo/capacitor-video-player mit React, Vue und Angular?

Ja. Der Video Player ist ein Capacitor-Paket, daher funktioniert er mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-video-player?

Capgo-Plugins folgen der Capacitor-Version: Wählen Sie die Plugin-Major-Version, die Ihrer Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README enthält die unterstützten Versionen.

Ist @capgo/capacitor-video-player kostenlos und Open-Source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-video-player/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code, das Video Player verwendet, ohne eine App-Store-Bewertung aktualisieren?

Die Installation oder das Upgrade des Plugins ändert die native code, daher ist eine neue App-Store-Build erforderlich. Danach können JavaScript-, HTML- und CSS-Änderungen, die den Plugin-Aufruf enthalten, sofort mit Capgo-Live-Updates bereitgestellt werden.

Schiffen Sie Video-Player-Änderungen ohne auf die App-Überprüfung zu warten

Sobald das Plugin in Ihrem Store-Build ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an Benutzer in Minuten.

Starten Sie mit Capgo