Lebih lanjut ke konten utama
@capgo/capacitor-media-session Media Icon Sesi Media

Sesi Media Plugin Capacitor

Kontrol pemutaran media dari layar kunci dan pusat notifikasi

Install

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

Panduan

Bagaimana Menggunakan Media Session di Capacitor

Uji di Perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR Pratinjau code Plugin Media Session

Menggunakan @capgo/capacitor-media-session

Plugin Capacitor untuk mengungkapkan kontrol media sesi perangkat.

Install

bun add @capgo/capacitor-media-session
bunx cap sync

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

Import

import { MediaSession } from '@capgo/capacitor-media-session';

Ringkasan API

Metode Deskripsi
setMetadata Mengatur metadata dari media yang sedang diputar.
setPlaybackState Mengupdate status pemutaran media sesi.
setActionHandler Mendaftarkan handler untuk aksi media sesi.
setPositionState Mengupdate status posisi untuk media sesi aktif.

Contoh

setMetadata()

Mengatur metadata dari media yang sedang diputar.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setMetadata({ album: 'album' });

setPlaybackState()

Mengupdate status pemutaran media sesi.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setPlaybackState({ playbackState: 'none' });

setActionHandler()

Mendaftarkan handler untuk aksi media sesi.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setActionHandler({ action: 'play' }, (details) => {
  console.log(details);
});

setPositionState()

Mengupdate status posisi untuk media sesi aktif.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setPositionState({
  duration: 1000,
  playbackRate: 1,
  position: 10,
});

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-media-session

Jika Anda menggunakan Menggunakan @capgo/capacitor-media-session untuk merencanakan dashboard dan API operasi, hubungkannya dengan @capgo/capacitor-media-session untuk detail implementasi di @capgo/capacitor-media-session, Dokumentasi Pemula untuk detail implementasi di Dokumentasi Pemula, Ringkasan API untuk detail implementasi di Ringkasan API Pendahuluan untuk detail implementasi di Pendahuluan, dan Kunci API untuk detail implementasi di Kunci API.

FAQ

FAQ Plugin Media Sesi

Bagaimana cara menginstal plugin Media Sesi di sebuah aplikasi Capacitor?

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

Apakah @capgo/capacitor-media-session dapat digunakan bersama React, Vue, dan Angular?

Ya. Media Sesi adalah sebuah paket Capacitor, sehingga dapat digunakan bersama dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-media-session?

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 masih didukung.

Apakah @capgo/capacitor-media-session gratis dan terbuka sumber?

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

Apakah saya dapat memperbarui code yang menggunakan Media Sesi tanpa melalui tinjauan App Store?

Memasang atau mengupgrade plugin mengubah native code, sehingga perlu dibuat ulang aplikasi penyimpanan. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo pembaruan hidup.

Kirim perubahan Media Session tanpa menunggu tinjauan aplikasi

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

Mulai dengan Capgo