ガイド
Capacitor で Volume Buttons を使う方法
@capgo/capacitor-volume-buttons の使用方法
ハードウェアの音量ボタンの押下を検知する Capacitor Volume Buttons Plugin
インストール
bun add @capgo/capacitor-volume-buttons
bunx cap sync
bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。
インポート
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
API の概要
| メソッド | 説明 |
|---|---|
addListener |
ハードウェアの音量ボタンの押下を検知します。 |
removeAllListeners |
このプラグインのすべてのリスナーを削除します。 |
getPluginVersion |
ネイティブの Capacitor プラグインのバージョンを取得します。 |
例
addListener()
ハードウェアの音量ボタンの押下を検知します。
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()
このプラグインのすべてのリスナーを削除します。
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
await VolumeButtons.removeAllListeners();
getPluginVersion()
ネイティブの Capacitor プラグインのバージョンを取得します。
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
const { version } = await VolumeButtons.getPluginVersion();
console.log('Plugin version:', version);
イベントをリッスンする
addListener ハンドルを返します。画面がアンマウントされるときに handle.remove() 画面がアンマウントされるとき、または VolumeButtons.removeAllListeners() すべてのリスナーを解除します。
完全なリファレンス
@capgo/capacitor-volume-buttons の使用方法から
使用している場合 @capgo/capacitor-volume-buttons の使用方法 ネイティブプラグインの作業を計画するには、次と連携してください： @capgo/capacitor-volume-buttons @capgo/capacitor-volume-buttons の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo プラグインディレクトリ Capgo プラグインディレクトリのプロダクトワークフローについては、 Capgo による Capacitor プラグイン Capgo による Capacitor Plugins の実装詳細、および プラグインの追加または更新 プラグインの追加または更新に関する実装詳細についてはこちら。