Langsung ke konten utama

JW Player plugin Capacitor

Embed JW Player untuk streaming video profesional dengan dukungan iklan dan analitik

Instal

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

Panduan

Cara menggunakan JW Player di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR pratinjau plugin JW Player code

Menggunakan @capgo/capacitor-jw-player

Memutar video dari jwplayer.com.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
initialize Inisialisasi JW Player.
play Putar video.
pause Jeda media yang sedang diputar.
resume Lanjutkan media yang sedang dijeda.
stop Hentikan media yang sedang diputar.
seekTo Lompat ke posisi tertentu pada media yang sedang diputar.
setVolume Atur level volume.
getPosition Dapatkan posisi saat ini di media.
getState Dapatkan status player saat ini.
setSpeed Atur kecepatan playback.
setPlaylistIndex Atur item playlist saat ini berdasarkan indeks.
loadPlaylist Muat playlist.
loadPlaylistWithItems Muat playlist berisi item.
getAudioTracks Dapatkan track audio yang tersedia.
getCurrentAudioTrack Dapatkan track audio saat ini.
setCurrentAudioTrack Tetapkan track audio saat ini.
getCaptions Dapatkan caption/subtitle yang tersedia.
getCurrentCaptions Dapatkan track caption/subtitle saat ini.
setCurrentCaptions Tetapkan track caption/subtitle saat ini.
currentPlaylist Dapatkan playlist saat ini.

Contoh

initialize()

Inisialisasi JW Player.

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

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

play()

Putar video.

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

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

pause()

Jeda media yang sedang diputar.

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

await JwPlayer.pause();

resume()

Lanjutkan media yang sedang dijeda.

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

await JwPlayer.resume();

stop()

Hentikan media yang sedang diputar.

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

await JwPlayer.stop();

seekTo()

Lompat ke posisi tertentu pada media yang sedang diputar.

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

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

Tabel di atas mencantumkan 20 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-jw-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-jw-player untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-jw-player untuk detail implementasi di @capgo/capacitor-jw-player, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin JW Player

Bagaimana cara instal plugin JW Player di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-jw-player" (atau "npm install @capgo/capacitor-jw-player"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mengenali code native. Impor dari "@capgo/capacitor-jw-player" di code aplikasi Anda.

Apakah @capgo/capacitor-jw-player bisa digunakan dengan React, Vue, dan Angular?

Ya. JW Player adalah paket Capacitor, jadi bisa dipakai dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung @capgo/capacitor-jw-player?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-jw-player gratis dan open source?

Ya. Source code bersifat publik di GitHub pada https://github.com/Cap-go/capacitor-jw-player/ dan paketnya gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang memakai JW Player tanpa melalui review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan JW Player tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo