Ke halaman utama
@capgo/capacitor-jw-player Media Sumber terbuka

JW Player Capacitor plugin

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

Pasang

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

Test di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin JW Player code

Menggunakan @capgo/capacitor-jw-player

Menggunakan video dari jwplayer.com.

Pasang

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

bunx cap sync menggandakan plugin asli code ke proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

API secara singkat

Metode Deskripsi
initialize Memulai JW Player.
play Mengmainkan video.
pause Menghentikan media yang sedang diputar.
resume Mengaktifkan kembali media yang sedang dihentikan.
stop Menghentikan media yang sedang diputar.
seekTo Mencari ke posisi tertentu di media yang sedang diputar.
setVolume Mengatur tingkat volume.
getPosition Peroleh posisi media saat ini.
getState Peroleh status pemutar saat ini.
setSpeed Atur kecepatan pemutaran.
setPlaylistIndex Set posisi item saat ini di playlist dengan indeks.
loadPlaylist Muat daftar putar.
loadPlaylistWithItems Muat daftar putar dengan item.
getAudioTracks Peroleh trek audio yang tersedia.
getCurrentAudioTrack Peroleh trek audio saat ini.
setCurrentAudioTrack Atur trek audio saat ini.
getCaptions Peroleh trek kapten/subjudul yang tersedia.
getCurrentCaptions Peroleh trek kapten/subjudul saat ini.
setCurrentCaptions Atur trek kapten/subjudul saat ini.
currentPlaylist Dapatkan daftar putar saat ini.

Contoh

initialize()

Inisialisasi JW Player.

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

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

play()

Mainkan video.

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

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

pause()

Tahan media yang sedang diputar.

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

await JwPlayer.pause();

resume()

Lanjutkan media yang sedang dihentikan.

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()

Cari posisi tertentu di media yang sedang diputar.

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

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

Daftar di atas menampilkan 20 metode inti. Bantuan listener dan versi, serta kontrak lengkap dari setiap metode, dapat dilihat dalam repository GitHub.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-jw-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-jw-player Untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-jw-player untuk detail implementasi di @capgo/capacitor-jw-player Mulai Menggunakan untuk detail implementasi di Getting Started Daftar Plugin Capgo untuk alur kerja produk di Daftar Plugin Capgo Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, dan Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin.

FAQ

FAQ Plugin JW Player

Bagaimana cara menginstal plugin JW Player di sebuah aplikasi Capacitor?

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

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

Ya. JW Player adalah paket Capacitor, sehingga berfungsi dengan semua framework web yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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

Capgo plugin mengikuti versi mayor Capacitor: gunakan versi plugin mayor yang sesuai dengan versi mayor Capacitor (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipelihara.

Apakah @capgo/capacitor-jw-player gratis dan terbuka sumber?

Ya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-jw-player/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull diterima.

Dapatkah saya memperbarui code yang menggunakan JW Player tanpa melalui tinjauan App Store?

Memasang atau mengupgrade plugin mengubah native code, sehingga memerlukan pembangunan toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat berlayar secara instan dengan Capgo pembaruan hidup.

Kirim perubahan JW Player tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko Anda, Capgo pembaruan hidup memasukkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo