Pemutar Video plugin Capacitor

Menggunakan @capgo/capacitor-video-player

Plugin Capacitor untuk memutar video di native player.

Instal

bun add @capgo/capacitor-video-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 { VideoPlayer } from '@capgo/capacitor-video-player';

Sekilas tentang API

Metode	Deskripsi
initPlayer	Inisialisasi video player.
isPlaying	Return if a given playerId is playing.
play	Putar video saat ini dari playerId tertentu.
pause	Jeda video saat ini dari playerId tertentu.
getDuration	Dapatkan durasi video saat ini dari playerId tertentu.
getCurrentTime	Dapatkan waktu saat ini dari video pada playerId tertentu.
setCurrentTime	Atur waktu saat ini untuk melakukan seek pada video dari playerId tertentu.
getVolume	Dapatkan volume video saat ini dari playerId tertentu.
setVolume	Atur volume video yang sedang diputar melalui playerId tertentu.
getMuted	Dapatkan status mute video saat ini dari playerId tertentu.
setMuted	Atur status mute video saat ini berdasarkan playerId tertentu.
setRate	Atur playback rate video saat ini berdasarkan playerId tertentu.
getRate	Ambil playback rate video saat ini dari playerId tertentu.
stopAllPlayers	Hentikan semua player yang sedang berjalan.
showController	Tampilkan controller.
isControllerIsFullyVisible	isControllerIsFullyVisible.
exitPlayer	Keluar dari player.
hidePlayer	Sembunyikan UI player yang sedang tampil tanpa menghentikan playback (native fullscreen).
showPlayer	Tampilkan kembali UI player yang sebelumnya disembunyikan (native fullscreen).

Contoh

initPlayer()

Inisialisasi video player.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);

isPlaying()

Kembalikan apakah playerId tertentu sedang memutar.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);

play()

Putar video saat ini dari playerId tertentu.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);

pause()

Jeda video yang sedang diputar menggunakan playerId tertentu.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);

getDuration()

Dapatkan durasi video yang sedang diputar dari playerId tertentu.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);

getCurrentTime()

Dapatkan waktu berjalan video yang sedang diputar dari playerId tertentu.

import { VideoPlayer } from '@capgo/capacitor-video-player';

const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);

Tabel di atas mencantumkan 19 metode inti. Listener, helper versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Referensi lengkap

• repositori GitHub
• Dokumentasi
• referensi API

Lanjutkan dari Menggunakan @capgo/capacitor-video-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-video-player untuk merencanakan perilaku media dan antarmuka native, hubungkan dengan @capgo/capacitor-video-player untuk detail implementasi di @capgo/capacitor-video-player, Panduan Memulai untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-native-navigation untuk kapabilitas native saat menggunakan @capgo/capacitor-native-navigation.