Lompat ke konten utama
@capgo/capacitor-player video Media Terbuka sumber

Pemutar Video Plugin Capacitor

Pemutaran video asli dengan teks, layar penuh, dan kontrol yang komprehensif

Instal

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

Panduan

Cara menggunakan pemutar video di Capacitor

Test di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin pemutar video code

Menggunakan @capgo/capacitor-video-player

Plugin Capacitor untuk memutar video di pemutar native.

Install

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

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

Import

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

API secara ringkas

Metode Deskripsi
initPlayer Memulai pemutar video.
isPlaying Kembali jika seorang playerId sedang bermain.
play Mengmainkan video saat ini dari ID pemutar tertentu.
pause Menghentikan video saat ini dari ID pemutar tertentu.
getDuration Mengembalikan durasi video saat ini dari ID pemutar tertentu.
getCurrentTime Mengembalikan waktu saat ini video saat ini dari ID pemutar tertentu.
setCurrentTime Mengatur waktu saat ini untuk mencari video saat ini ke ID pemutar tertentu.
getVolume Olehkan volume video saat ini dari playerId tertentu.
setVolume Setel volume video saat ini ke nilai tertentu dari playerId tertentu.
getMuted Olehkan status muted video saat ini dari playerId tertentu.
setMuted Setel status muted video saat ini ke nilai tertentu dari playerId tertentu.
setRate Setel kecepatan video saat ini dari playerId tertentu.
getRate Olehkan kecepatan video saat ini dari playerId tertentu.
stopAllPlayers Hentikan semua pemutaran video.
showController Tampilkan kontrol.
isControllerIsFullyVisible Apakah kontrol sepenuhnya terlihat.
exitPlayer Keluar dari pemutaran video.
hidePlayer Sembunyikan UI pemutaran video saat ini tanpa menghentikan pemutaran (fullscreen native).
showPlayer Tampilkan kembali UI pemutaran video yang sebelumnya disembunyikan (fullscreen native).

Contoh

initPlayer()

Mulai pemutar video.

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

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

isPlaying()

Kembali jika ID pemain yang diberikan sedang bermain.

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

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

play()

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

Pause video saat ini dari playerId tertentu.

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

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

getDuration()

Mendapatkan durasi video saat ini dari playerId tertentu.

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

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

getCurrentTime()

Mendapatkan waktu saat ini video saat ini dari playerId tertentu.

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

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

Daftar metode utama di atas mencakup 19 metode. Pembantu pemanggil dan versi, serta kontrak lengkap setiap metode, dapat dilihat di Repositori GitHub.

Dokumentasi

Teruskan dari Menggunakan @capgo/capacitor-video-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-video-player Untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-video-player untuk detail implementasi di @capgo/capacitor-video-player, Mulai Menggunakan untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-aktivitas-langsung Untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-native-navigation Untuk kemampuan asli di Menggunakan @capgo/capacitor-native-navigation.

FAQ

Pertanyaan Umum Plugin Player Video

Bagaimana cara saya menginstal plugin pemutar video di aplikasi Capacitor?

Run "bun add @capgo/capacitor-video-player" (or "npm install @capgo/capacitor-video-player"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-video-player" in your app code.

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

Yes. Video Player is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Apa versi Capacitor yang didukung oleh @capgo/capacitor-video-player?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

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

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-video-player/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Apakah saya dapat memperbarui code yang menggunakan pemutar video tanpa melalui tinjauan App Store?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

Kirim perubahan pemutar video tanpa menunggu tinjauan aplikasi

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

Mulai dengan Capgo