Lompat ke konten utama
@capgo/capacitor-tombol-volume API Perangkat Terbuka Sumber

Tombol Volume Capacitor Plugin

Menangkap Tekanan Tombol Volume Perangkat untuk Mengontrol Aplikasi dan Pintasan Kustom

Pasang

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 Tombol Volume di Capacitor

Tes di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tombol Volume plugin pratinjau QR code

Menggunakan @capgo/capacitor-tombol-volume

Plugin Tombol Volume Capacitor untuk mendeteksi tekanan tombol volume perangkat keras.

Pasang

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

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

Import

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

Pandangan API secara singkat

Metode Deskripsi
addListener Dengarkan tekanan pada tombol volume keras.
removeAllListeners Hapus semua pendengar untuk plugin ini.
getPluginVersion Dapatkan versi plugin Capacitor asli.

Contoh

addListener()

Dengarkan tekanan pada tombol volume keras.

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 pendengar untuk plugin ini.

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Dapatkan versi plugin Capacitor asli.

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

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

Dengarkan event

addListener mengembalikan sebuah referensi. Panggil handle.remove() ketika layar dihapus, atau VolumeButtons.removeAllListeners() untuk menghapus setiap pendengar.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-volume-buttons

Jika Anda menggunakan Menggunakan @capgo/capacitor-volume-buttons untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-volume-buttons untuk detail implementasi di @capgo/capacitor-volume-buttons, Mulai Menggunakan untuk detail implementasi di Mulai, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin-Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin-Plugin Capacitor oleh Capgo, dan Menginstal atau Mengupdate Plugin untuk detail implementasi di Menginstal atau Mengupdate Plugin.

FAQ

FAQ Plugin Tombol Volume

Bagaimana Cara Menginstal Plugin Tombol Volume di Aplikasi Capacitor?

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

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

Ya. Tombol Volume adalah paket Capacitor, sehingga berfungsi dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte dan JavaScript biasa.

Versi Capacitor apa yang didukung oleh @capgo/capacitor-tombol-volume?

Paket Capgo mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipertahankan.

Apakah @capgo/capacitor-tombol-volume gratis dan terbuka sumber?

Ya. Sumber code tersedia di GitHub di https://github.com/Cap-go/capacitor-tombol-volume/ dan paketnya gratis untuk diinstal dari npm. Laporan bug dan permintaan pull diterima.

Apakah saya dapat memperbarui code yang menggunakan Tombol Volume tanpa melalui tinjauan App Store?

Pemasangan atau pengupgrade plugin mengubah native code, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat berlayar segera dengan Capgo live updates.

Kirimkan perubahan tombol volume tanpa menunggu tinjauan aplikasi

Saat plugin sudah ada di toko Anda, Capgo pembaruan hidup mengirimkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo