Allez directement au contenu principal
@capgo/capacitor-jw-player Médias Open source

JW Player plugin Capacitor

Intégrez JW Player pour un streaming vidéo professionnel avec support publicité et analytics.

Installer

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

Guide

Comment utiliser JW Player dans Capacitor

Tester sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

Lien QR de prévisualisation du plugin JW Player code

Utilisez @capgo/capacitor-jw-player

Jouez des vidéos de jwplayer.com.

Installer

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

bunx cap sync copie les fichiers natifs du plugin code dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

API en un coup d'œil

Méthode Description
initialize Initialisez le lecteur JW.
play Jouez une vidéo.
pause Pausez la média en cours de lecture.
resume Résumez la média en pause.
stop Arrêtez la média en cours de lecture.
seekTo Recherchez une position spécifique dans la média en cours de lecture.
setVolume Configurez le niveau de volume.
getPosition Obtenez la position actuelle dans la média.
getState Obtenez l'état actuel du lecteur.
setSpeed Configurez la vitesse de lecture.
setPlaylistIndex Configurez l'élément actuel de la playlist par index.
loadPlaylist Charger une playlist.
loadPlaylistWithItems Charger une playlist avec des éléments.
getAudioTracks Obtenir les pistes audio disponibles.
getCurrentAudioTrack Obtenir la piste audio actuelle.
setCurrentAudioTrack Définir la piste audio actuelle.
getCaptions Obtenir les sous-titres disponibles.
getCurrentCaptions Obtenir la piste de sous-titres actuelle.
setCurrentCaptions Définir la piste de sous-titres actuelle.
currentPlaylist Obtenir la playlist actuelle.

Exemples

initialize()

Initialiser le JW Player.

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

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

play()

Lancer une vidéo.

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

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

pause()

Arrêtez la média en cours de lecture.

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

await JwPlayer.pause();

resume()

Reprenez la média en pause.

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

await JwPlayer.resume();

stop()

Arrêtez la média en cours de lecture.

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

await JwPlayer.stop();

seekTo()

Recherchez une position spécifique dans la média en cours de lecture.

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

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

La table ci-dessus liste les 20 méthodes de base. Les aides aux écouteurs et aux versions, ainsi que le contrat complet de chaque méthode, sont documentés dans le le dépôt GitHub.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-jw-player

Si vous utilisez Utilisez @capgo/capacitor-jw-player pour planifier le travail de plugin natif, le connecter avec @capgo/capacitor-jw-player pour les détails d'implémentation dans @capgo/capacitor-jw-player, Prise en main pour les détails d'implémentation dans Prise en main, Répertoire des plugins Capgo pour le flux de travail du produit dans Répertoire des plugins Capgo, Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo, et Ajouter ou mettre à jour les plugins pour les détails d'implémentation dans Ajouter ou mettre à jour les plugins.

FAQ

FAQ du plugin JW Player

Comment installer le plugin JW Player dans une application Capacitor?

Runz "bun add @capgo/capacitor-jw-player" (ou "npm install @capgo/capacitor-jw-player"), puis exécutez "bunx cap sync" afin que les projets iOS et Android prennent en compte les natives code. Importez-l’à partir de "@capgo/capacitor-jw-player" dans votre application code.

Est-ce que @capgo/capacitor-jw-player fonctionne avec React, Vue et Angular ?

Oui. JW Player est un paquet Capacitor, donc il fonctionne avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript simple.

Quelle version Capacitor est prise en charge par @capgo/capacitor-jw-player ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à votre version majeure de Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Est-ce que @capgo/capacitor-jw-player est gratuit et open source ?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-jw-player/ et le paquet est gratuit à installer à partir de npm. Les rapports de bogues et les demandes de modification sont les bienvenus.

Puis-je mettre à jour code utilisant JW Player sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin change les natives code, il faut donc une nouvelle build de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Envoyez les modifications de JW Player sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en temps réel poussent vos modifications JavaScript, HTML et CSS chez les utilisateurs en quelques minutes.

Commencez avec Capgo