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

JW Player Capacitor Plugin

JW-Player für professionelle Video-Streaming mit Werbeeinblendungen und Analyseunterstützung einbetten

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 verwenden

Auf Gerät testen

Die Capgo-App herunterladen, dann die QR-Code code scannen.

QR-Link für die Voransicht des code-Plugins

Verwenden Sie @capgo/capacitor-jw-player

Spielt Videos von jwplayer.com ab.

Installieren

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

bunx cap sync kopiert die native code-Datei Ihres Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem Sie das Plugin aktualisiert haben.

Importieren

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

API im Überblick

Methode Beschreibung
initialize Initialisiere den JW Player.
play Abspielen eines Videos.
pause Pausiere das aktuell abgespielte Medium.
resume Fortsetze das aktuell pausierte Medium.
stop Beende das aktuell abgespielte Medium.
seekTo Gehe zu einer bestimmten Position im aktuell abgespielten Medium.
setVolume Stelle den Lautstärkelevel ein.
getPosition Erhalte die aktuelle Position im Medium.
getState Erhalte den aktuellen Zustand des Spielers.
setSpeed Stelle die Wiedergabegeschwindigkeit ein.
setPlaylistIndex Setze das aktuelle Element in der Wiedergabeliste durch Index.
loadPlaylist Laden Sie eine Wiedergabeliste.
loadPlaylistWithItems Laden Sie eine Wiedergabeliste mit Inhalten.
getAudioTracks Verfügbare Audiotracks abrufen.
getCurrentAudioTrack Derzeitiges Audiotrack abrufen.
setCurrentAudioTrack Derzeitiges Audiotrack setzen.
getCaptions Verfügbare Untertitel/Untertitel abrufen.
getCurrentCaptions Derzeitiges Untertitel/Untertitel abrufen.
setCurrentCaptions Derzeitiges Untertitel/Untertitel setzen.
currentPlaylist Derzeitige Wiedergabeliste abrufen.

Beispiele

initialize()

Initialisieren Sie den JW Player.

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

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

play()

Ein Video abspielen.

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

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

pause()

Pausieren Sie das gerade abgespielte Medium.

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

await JwPlayer.pause();

resume()

Fortsetzen Sie das gerade angehaltene Medium.

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

await JwPlayer.resume();

stop()

Beenden Sie das gerade abgespielte Medium.

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

await JwPlayer.stop();

seekTo()

Gehen Sie zu einer bestimmten Position im gerade abgespielten Medium vor.

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

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

Die Tabelle oben listet die 20 Kernmethoden auf. Helfer für Listener und Versionen sowie die vollständige Vertragsstruktur jeder Methode sind im GitHub-Repository.

Vollständige Referenz

Fortfahren Sie mit der Verwendung von @capgo/capacitor-jw-player

Wenn Sie bereits Mit @capgo/capacitor-jw-player um native Plugin-Arbeit zu planen, verbinden Sie es mit @capgo/capacitor-jw-player für die Implementierungsdetails in @capgo/capacitor-jw-player Anleitung zum Starten für die Implementierungsdetails in Anleitung zum Starten Capgo Plugin-Verzeichnis für den Produktworkflow in 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

FAQ zur JW-Player-Plugin

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

Run "bun add @capgo/capacitor-jw-player" (oder "npm install @capgo/capacitor-jw-player"), dann "bunx cap sync" ausführen, damit die iOS- und Android-Projekte die native code aufnehmen. Importieren Sie es aus "@capgo/capacitor-jw-player" in Ihrer App code.

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

Ja. JW Player ist ein Capacitor-Paket, daher funktioniert es mit jedem Web-Framework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

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

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

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

Ja. Die Quellcode von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-jw-player/ verfügbar und das Paket kann kostenlos installiert werden von npm. Bug-Reports und Pull-Requests sind willkommen.

Kann ich code mit JW Player aktualisieren, ohne eine App-Store-Bewertung abzuwarten?

Die Installation oder Aktualisierung des Plugins ändert die native code, daher benötigt es eine neue App-Store-Bewertung. Nachdem Sie dies getan haben, können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe JW Player-Änderungen ohne auf eine App-Überprüfung warten

Einmal das Plugin in Ihrem Laden erstellt, Capgo lebendige Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Starten Sie mit Capgo