Langsung ke konten

Panduan Memulai

GitHub

Anda bisa menggunakan AI-Assisted Setup kami untuk menginstal plugin ini. Tambahkan skill Capgo ke tool AI Anda dengan command berikut:

Jendela terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu gunakan prompt berikut:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-jw-player` plugin in my project.

Jika Anda lebih memilih Manual Setup, instal plugin dengan menjalankan perintah berikut dan ikuti petunjuk khusus platform di bawah ini:

Jendela terminal
npm install @capgo/capacitor-jw-player
npx cap sync
import { JwPlayer } from '@capgo/capacitor-jw-player';
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.initialize({ licenseKey: 'YOUR_JW_LICENSE' });
await JwPlayer.play({ mediaUrl: 'https://cdn.example.com/stream.m3u8', mediaType: 'video' });
  • Lisensi: butuh lisensi JW valid sebelum initialize().
  • DRM: kirim konfigurasi DRM dari backend, jangan pernah embed secret.
  • Audio: koordinasikan dengan @capgo/capacitor-audiosession di iOS.

Inisialisasi JW Player

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.initialize({ licenseKey: 'license-key-123' });

Putar video

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.play({
mediaUrl: 'https://example.com',
mediaType: 'video',
});

Jeda media yang sedang diputar

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.pause();

Lanjutkan media yang sedang dijeda

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.resume();

Hentikan media yang sedang diputar

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.stop();

Seek ke posisi tertentu pada media yang sedang diputar

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.seekTo({ time: 10 });

Atur level volume

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setVolume({ volume: 0.5 });

Dapatkan posisi media saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getPosition();
console.log(result);

Dapatkan status player saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getState();
console.log(result);

Atur kecepatan playback

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setSpeed({ speed: 1 });

Atur item playlist saat ini berdasarkan index

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setPlaylistIndex({ index: 1 });

Muat playlist

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.loadPlaylist({ playlistUrl: 'https://example.com' });

Muat playlist dengan item

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.loadPlaylistWithItems({ playlist: [] });

Ambil audio track yang tersedia

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getAudioTracks();
console.log(result);

Ambil audio track saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCurrentAudioTrack();
console.log(result);

Atur audio track saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setCurrentAudioTrack({ index: 1 });

Ambil daftar caption/subtitle yang tersedia

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCaptions();
console.log(result);

Ambil track caption/subtitle saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCurrentCaptions();
console.log(result);

Atur track caption/subtitle saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setCurrentCaptions({ index: 1 });

Ambil playlist saat ini

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.currentPlaylist();
console.log(result);

Halaman ini dibuat dari plugin src/definitions.ts. Jalankan ulang sync saat API publik berubah di upstream.

Jika Anda menggunakan Panduan Memulai untuk merencanakan operasi dashboard dan API, hubungkan dengan Menggunakan @capgo/capacitor-jw-player untuk kapabilitas native saat menggunakan @capgo/capacitor-jw-player, Ringkasan API untuk detail implementasi di API Overview, Pendahuluan untuk detail implementasi di Introduction, Kunci API untuk detail implementasi di API Keys, dan Perangkat untuk detail implementasi di Devices.