Vai al contenuto principale
@capgo/capacitor-jw-player Media Sorgente aperta

JW Player Plugin Capacitor

Inserisci JW Player per streaming video professionale con supporto per annunci e analisi

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 utilizzare JW Player in Capacitor

Testa sul dispositivo

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

Collegamento QR di anteprima del plugin code JW Player

Utilizza @capgo/capacitor-jw-player

Gioca i video da jwplayer.com.

Installa

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

bunx cap sync Copia il nativo code del plugin nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

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

Vedi API in un colpo d'occhio

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

Esempi

initialize()

Avvia il JW Player.

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

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

play()

Gioca un video.

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

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

pause()

Interrompi la riproduzione media in corso.

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

await JwPlayer.pause();

resume()

Ripristina la riproduzione media sospesa.

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

await JwPlayer.resume();

stop()

Interrompi la riproduzione media in corso.

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

await JwPlayer.stop();

seekTo()

Cerca una posizione specifica nella riproduzione media in corso.

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

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

La tabella sopra elenca le 20 metodologie di base. Sono documentate le funzionalità di ascolto e versione, nonché il contratto completo di ogni metodo, nel GitHub repository.

Riferimento completo

Continua dall'uso di @capgo/capacitor-jw-player

Se stai utilizzando Utilizzando @capgo/capacitor-jw-player per pianificare il lavoro del plugin nativo, connettilo con @capgo/capacitor-jw-player per i dettagli di implementazione in @capgo/capacitor-jw-player Getting Started per i dettagli di implementazione in Iniziare Directory dei Plugin di Capgo per il workflow del prodotto nella Capgo Directory dei Plugin Plugin di Capacitor sviluppati da Capgo per i dettagli di implementazione in Plugin di Capacitor sviluppati da Capgo, e Aggiungere o Aggiornare Plugin per i dettagli di implementazione in Aggiungere o Aggiornare Plugin

FAQ

Domande frequenti

Come posso installare il plugin JW Player in un'app Capacitor?

Run 'bun' 'capgo @capacitor/npm-jw-player' (o 'capgo install @capacitor/code-jw-player'), poi esegui 'capgo cap sync' per far sì che i progetti iOS e Android recuperino il nativo 'capacitor'. Importalo da '@code/__CAPGO_KEEP_10__-jw-player' nella tua app '__CAPGO_KEEP_11__'.

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

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

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

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

È gratuito e open source @capgo/capacitor-jw-player?

Sì. Il codice sorgente 'code' è pubblico su 'GitHub' all'indirizzo https://github.com/Cap-go/capacitor-jw-player/ e il pacchetto è gratuito da installare su 'npm'. Sono accetti i segnalazioni di bug e le richieste di pull.

Posso aggiornare 'code' che utilizza JW Player senza una revisione dell'App Store?

Installando o aggiornando il plugin cambia il nativo 'code', quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con 'Capgo' live updates.

Invia le modifiche del JW Player senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua store build, le Capgo aggiornamenti in tempo reale inviano le tue modifiche JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo