Aller au contenu principal
@capgo/capacitor-jw-player Média Open source

JW Player Plugin Capacitor

Intégrez JW Player pour le streaming vidéo professionnel avec support des publicités et des analyses

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 l'appareil

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

Aperçu du plugin JW Player via QR code

Utilisation de @capgo/capacitor-jw-player

Diffuse des vidéos depuis jwplayer.com.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
initialize Initialiser le JW Player.
play Lire une vidéo.
pause Mettre en pause le média en cours de lecture.
resume Reprendre la lecture du média en pause.
stop Arrêter la lecture du média en cours.
seekTo Se déplacer à une position précise dans le média en cours.
setVolume Régler le niveau du volume.
getPosition Récupérer la position actuelle du média.
getState Récupérer l'état actuel du lecteur.
setSpeed Régler la vitesse de lecture.
setPlaylistIndex Définir l'élément actuel de la playlist par son index.
loadPlaylist Charger une playlist.
loadPlaylistWithItems Charger une playlist avec des éléments.
getAudioTracks Récupérer les pistes audio disponibles.
getCurrentAudioTrack Récupérer la piste audio actuelle.
setCurrentAudioTrack Définir la piste audio actuelle.
getCaptions Récupérer les sous-titres disponibles.
getCurrentCaptions Récupérer la piste de sous-titres actuelle.
setCurrentCaptions Définir la piste de sous-titres actuelle.
currentPlaylist Récupérer la playlist actuelle.

Exemples

initialize()

Initialiser le JW Player.

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

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

play()

Lire une vidéo.

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

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

pause()

Mettre en pause le média en cours de lecture.

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

await JwPlayer.pause();

resume()

Reprendre la lecture du média en pause.

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

await JwPlayer.resume();

stop()

Arrêter la lecture du média en cours.

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

await JwPlayer.stop();

seekTo()

Se déplacer à une position précise dans le média en cours.

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

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

Le tableau ci-dessus liste les 20 méthodes principales. Les helpers de listener et de version, ainsi que le contrat complet de chaque méthode, sont documentés dans la dépôt GitHub.

Référence complète

Continuer à partir de « Utilisation de @capgo/capacitor-jw-player »

Si vous utilisez Utilisation de @capgo/capacitor-jw-player pour planifier le travail sur les plugins natifs, connectez-l’à @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 Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.

FAQ

FAQ du plugin JW Player

Comment installer le plugin JW Player dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-jw-player » (ou « npm install @capgo/capacitor-jw-player »), puis lancez « bunx cap sync » pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis « @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 package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-jw-player ?

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

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

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-jw-player/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests 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 modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements JW Player sans attendre la validation de l’app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo