Langsung ke konten utama
@capgo/capacitor-volume-buttons API Perangkat Open source

Tombol Volume plugin Capacitor

Tangkap penekanan tombol volume hardware untuk kontrol dan shortcut aplikasi kustom

Instal

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

Panduan

Cara menggunakan Volume Buttons di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

Pratinjau QR plugin Volume Buttons code

Menggunakan @capgo/capacitor-volume-buttons

Plugin Capacitor Volume Buttons untuk mendeteksi penekanan tombol volume hardware.

Instal

bun add @capgo/capacitor-volume-buttons
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { VolumeButtons } from '@capgo/capacitor-volume-buttons';

Sekilas tentang API

Metode Deskripsi
addListener Dengarkan penekanan tombol volume hardware.
removeAllListeners Hapus semua listener untuk plugin ini.
getPluginVersion Dapatkan versi plugin native Capacitor.

Contoh

addListener()

Dengarkan penekanan tombol volume hardware.

import { VolumeButtons } from '@capgo/capacitor-volume-buttons';

const listener = await VolumeButtons.addListener(
  'volumeButtonPressed',
  (event) => {
    console.log(`Volume ${event.direction} button pressed`);
  }
);

// Remove listener when done
await listener.remove();

removeAllListeners()

Hapus semua listener untuk plugin ini.

import { VolumeButtons } from '@capgo/capacitor-volume-buttons';

await VolumeButtons.removeAllListeners();

getPluginVersion()

Dapatkan versi plugin native Capacitor.

import { VolumeButtons } from '@capgo/capacitor-volume-buttons';

const { version } = await VolumeButtons.getPluginVersion();
console.log('Plugin version:', version);

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat layar di-unmount, atau VolumeButtons.removeAllListeners() untuk menghapus semua listener.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-volume-buttons

Jika Anda menggunakan Menggunakan @capgo/capacitor-volume-buttons untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-volume-buttons untuk detail implementasi di @capgo/capacitor-volume-buttons, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin Volume Buttons

Bagaimana cara instal plugin Volume Buttons di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-volume-buttons" (atau "npm install @capgo/capacitor-volume-buttons"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Impor dari "@capgo/capacitor-volume-buttons" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-volume-buttons mendukung React, Vue, dan Angular?

Ya. Volume Buttons adalah paket Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-volume-buttons?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-volume-buttons gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-volume-buttons/ dan paketnya gratis untuk diinstal dari npm. Bug report dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Volume Buttons tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Volume Buttons tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo