Zum Hauptinhalt springen
@capgo/capacitor-jw-player Medien Open Source

JW Player Capacitor Plugin

JW Player einbinden für professionelles Video-Streaming mit Ad- und Analytics-Support

Installieren

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

Anleitung

JW Player in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

JW Player Plugin Vorschau QR code

@capgo/capacitor-jw-player verwenden

Spielt Videos von jwplayer.com ab.

Installieren

bun add @capgo/capacitor-jw-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 { JwPlayer } from '@capgo/capacitor-jw-player';

API auf einen Blick

Methode Beschreibung
initialize JW Player initialisieren.
play Video abspielen.
pause Aktuelle Medien pausieren.
resume Pausierte Medien fortsetzen.
stop Aktuelle Medien stoppen.
seekTo Springe zu einer bestimmten Position in den aktuell abgespielten Medien.
setVolume Lautstärke einstellen.
getPosition Die aktuelle Position im Medium abrufen.
getState Aktuellen Player-Status abrufen.
setSpeed Wiedergabegeschwindigkeit einstellen.
setPlaylistIndex Setzt das aktuelle Element in der Playlist anhand des Index.
loadPlaylist Playlist laden.
loadPlaylistWithItems Eine Playlist mit Einträgen laden.
getAudioTracks Verfügbare Audio-Tracks abrufen.
getCurrentAudioTrack Den aktuellen Audio-Track abrufen.
setCurrentAudioTrack Den aktuellen Audio-Track setzen.
getCaptions Verfügbare Captions/Untertitel abrufen.
getCurrentCaptions Den aktuellen Captions-/Untertitel-Track abrufen.
setCurrentCaptions Den aktuellen Captions-/Untertitel-Track setzen.
currentPlaylist Die aktuelle Playlist abrufen.

Beispiele

initialize()

JW Player initialisieren.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.initialize({ licenseKey: 'license-key-123' });

play()

Video abspielen.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.play({
  mediaUrl: 'https://example.com',
  mediaType: 'video',
});

pause()

Die aktuelle Medienwiedergabe pausieren.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.pause();

resume()

Die pausierte Medienwiedergabe fortsetzen.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.resume();

stop()

Die aktuelle Medienwiedergabe stoppen.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.stop();

seekTo()

Springe zu einer bestimmten Position in den aktuell abgespielten Medien.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.seekTo({ time: 10 });

Die obige Tabelle listet die 20 Core-Methoden auf. Listener und Versions-Helper sowie der vollständige Contract jeder Methode sind dokumentiert in der GitHub Repository.

Vollständige Referenz

Weiter mit @capgo/capacitor-jw-player

Wenn du es nutzt @capgo/capacitor-jw-player verwenden Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-jw-player für die Implementierungsdetails in @capgo/capacitor-jw-player, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren.

FAQ

JW Player Plugin FAQ

Wie installiere ich das JW Player Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-jw-player" (oder "npm install @capgo/capacitor-jw-player") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-jw-player".

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

Ja. JW Player ist ein Capacitor-Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

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

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

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

Ja. Der Quellcode von code ist auf GitHub unter https://github.com/Cap-go/capacitor-jw-player/ öffentlich und das Package lässt sich kostenlos über npm installieren. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit JW Player aktualisieren, ohne ein App Store Review zu benötigen?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

JW Player Änderungen ausrollen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo