Erste Schritte
Kopiere einen Setup-Prompt mit den Installationsschritten und dem vollständigen Markdown-Guide für dieses Plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-jw-player`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/jw-player/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installieren
Abschnitt „Installation“Du kannst unser KI-gestütztes Setup nutzen, um das Plugin zu installieren. Füge die Capgo Skills mit dem folgenden Befehl deinem KI-Tool hinzu:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsNutze dann diesen Prompt:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-jw-player` plugin in my project.Wenn du ein manuelles Setup bevorzugst, installiere das Plugin mit den folgenden Befehlen und befolge die plattformspezifischen Anweisungen unten:
npm install @capgo/capacitor-jw-playernpx cap syncImportieren
Abschnitt mit dem Titel „Import“import { JwPlayer } from '@capgo/capacitor-jw-player';Quickstart
Abschnitt „Quick start“import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.initialize({ licenseKey: 'YOUR_JW_LICENSE' });await JwPlayer.play({ mediaUrl: 'https://cdn.example.com/stream.m3u8', mediaType: 'video' });Häufige Stolperfallen
Abschnitt „Häufige Fallstricke“- Lizenz: Eine gültige JW-Lizenz ist erforderlich vor
initialize(). - DRM: Übergib DRM-Konfigurationen von deinem Backend; binde Secrets niemals direkt ein.
- Audio: Abstimmung mit
@capgo/capacitor-audiosessionauf iOS.
API Übersicht
Abschnitt „API Übersicht“initialize
Abschnitt „initialize“JW Player initialisieren
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.initialize({ licenseKey: 'license-key-123' });Ein Video abspielen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.play({ mediaUrl: 'https://example.com', mediaType: 'video',});Das aktuelle Medium pausieren
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.pause();Das pausierte Medium fortsetzen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.resume();Das aktuell laufende Medium stoppen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.stop();Springe zu einer bestimmten Position in den aktuell abgespielten Medien
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.seekTo({ time: 10 });setVolume
Abschnitt mit dem Titel „setVolume“Die Lautstärke einstellen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setVolume({ volume: 0.5 });getPosition
Abschnitt mit dem Titel „getPosition“Die aktuelle Position im Medium abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getPosition();console.log(result);Den aktuellen Player-Status abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getState();console.log(result);Die Wiedergabegeschwindigkeit festlegen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setSpeed({ speed: 1 });setPlaylistIndex
Abschnitt mit dem Titel „setPlaylistIndex“Das aktuelle Element der Playlist per Index setzen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setPlaylistIndex({ index: 1 });loadPlaylist
Abschnitt mit dem Titel „loadPlaylist“Playlist laden
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.loadPlaylist({ playlistUrl: 'https://example.com' });loadPlaylistWithItems
Abschnitt mit dem Titel „loadPlaylistWithItems“Eine Playlist mit Items laden
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.loadPlaylistWithItems({ playlist: [] });getAudioTracks
Abschnitt mit dem Titel „getAudioTracks“Verfügbare Audio-Tracks abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getAudioTracks();console.log(result);getCurrentAudioTrack
Abschnitt mit dem Titel „getCurrentAudioTrack“Den aktuellen Audio-Track abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCurrentAudioTrack();console.log(result);setCurrentAudioTrack
Abschnitt mit dem Titel „setCurrentAudioTrack“Aktuellen Audio-Track festlegen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setCurrentAudioTrack({ index: 1 });getCaptions
Abschnitt mit dem Titel „getCaptions“Verfügbare Captions/Untertitel abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCaptions();console.log(result);getCurrentCaptions
Abschnitt mit dem Titel „getCurrentCaptions“Aktuellen Caption/Untertitel-Track abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCurrentCaptions();console.log(result);setCurrentCaptions
Abschnitt mit dem Titel „setCurrentCaptions“Aktuellen Caption/Untertitel-Track festlegen
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setCurrentCaptions({ index: 1 });currentPlaylist
Abschnitt mit dem Titel „currentPlaylist“Die aktuelle Playlist abrufen
import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.currentPlaylist();console.log(result);Source of Truth
Abschnitt mit dem Titel „Source of Truth“Diese Seite wird aus dem Plugin generiert src/definitions.ts. Führe den Sync erneut aus, wenn sich das öffentliche API upstream ändert.
Weiter geht's nach Getting Started
Abschnitt: „Weiter geht’s mit Getting Started“Wenn du es nutzt Erste Schritte um Dashboard- und API-Operationen zu planen, verbinde es mit @capgo/capacitor-jw-player verwenden für die native Funktion in „@capgo/capacitor-jw-player verwenden“, API Übersicht für Details zur Implementierung im API Overview, Einführung für die Implementierungsdetails in der Einleitung, API Schlüssel für das Implementierungsdetail in API Keys und Geräte für das Implementierungsdetail in Devices.