Salta al contenuto principale

JW Player Plugin Capacitor

Integra JW Player per lo streaming video professionale con supporto per ads e analytics

Installa

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

Guida

Come usare JW Player in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

Anteprima plugin JW Player QR code

Utilizzando @capgo/capacitor-jw-player

Riproduce video da jwplayer.com.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
initialize Inizializza il JW Player.
play Riproduci un video.
pause Metti in pausa il media in riproduzione.
resume Riprendi il media in pausa.
stop Ferma il media in riproduzione.
seekTo Vai a una posizione specifica nel media in riproduzione.
setVolume Imposta il livello del volume.
getPosition Ottieni la posizione attuale nel media.
getState Ottieni lo stato attuale del player.
setSpeed Imposta la velocità di riproduzione.
setPlaylistIndex Imposta l'elemento corrente della playlist tramite indice.
loadPlaylist Carica una playlist.
loadPlaylistWithItems Carica una playlist con elementi.
getAudioTracks Ottieni le tracce audio disponibili.
getCurrentAudioTrack Ottieni la traccia audio corrente.
setCurrentAudioTrack Imposta la traccia audio corrente.
getCaptions Ottieni i sottotitoli disponibili.
getCurrentCaptions Ottieni la traccia sottotitoli corrente.
setCurrentCaptions Imposta la traccia sottotitoli corrente.
currentPlaylist Ottieni la playlist corrente.

Esempi

initialize()

Inizializza il JW Player.

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

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

play()

Riproduci un video.

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

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

pause()

Metti in pausa il media in riproduzione.

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

await JwPlayer.pause();

resume()

Riprendi il media in pausa.

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

await JwPlayer.resume();

stop()

Ferma il media in riproduzione.

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

await JwPlayer.stop();

seekTo()

Vai a una posizione specifica nel media in riproduzione.

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

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

La tabella sopra elenca i 20 metodi core. I listener, gli helper di versione e il contratto completo di ogni metodo sono documentati in repository GitHub.

Riferimento completo

Continua da Usare @capgo/capacitor-jw-player

Se stai usando Utilizzo di @capgo/capacitor-jw-player per pianificare il lavoro sui plugin nativi, collegalo a @capgo/capacitor-jw-player per i dettagli di implementazione in @capgo/capacitor-jw-player, Per iniziare per i dettagli di implementazione nella guida introduttiva, Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiunta o aggiornamento dei plugin per i dettagli di implementazione in Aggiunta o aggiornamento dei plugin.

FAQ

FAQ sul plugin JW Player

Come installo il plugin JW Player in un'app Capacitor?

Esegui "bun add @capgo/capacitor-jw-player" (o "npm install @capgo/capacitor-jw-player"), poi lancia "bunx cap sync" per far sì che i progetti iOS e Android integrino il code nativo. Importalo da "@capgo/capacitor-jw-player" nella tua app code.

@capgo/capacitor-jw-player funziona con React, Vue e Angular?

Sì. JW Player è un pacchetto Capacitor, quindi funziona con qualsiasi framework web in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-jw-player?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-jw-player è free e open source?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-jw-player/ e il pacchetto è gratuito su npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa JW Player senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Rilascia le modifiche a JW Player senza aspettare la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo