はじめに
このプラグインのインストール手順と詳細なMarkdownガイドを含むセットアッププロンプトをコピーします。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-volume-buttons`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/volume-buttons/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
インストール
「Install」セクションAIアシストセットアップを使用してプラグインをインストールできます。次のコマンドを使用して、AIツールに Capgo のスキルを追加してください。
bunx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins次に、以下のプロンプトを使用します:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-volume-buttons` plugin in my project.手動設定(Manual Setup)を行う場合は、以下のコマンドを実行してプラグインをインストールし、各プラットフォームごとの手順に従ってください:
bun add @capgo/capacitor-volume-buttonsbunx cap syncインポート
「Import」セクションimport { VolumeButtons } from '@capgo/capacitor-volume-buttons';クイックスタート
「Quick start」セクションimport { VolumeButtons } from '@capgo/capacitor-volume-buttons';
const listener = await VolumeButtons.addListener( 'volumeButtonPressed', (event) => { console.log(`Volume ${event.direction} button pressed`); });
// Remove listener when doneawait listener.remove();例: removeAllListeners
「例: removeAllListeners」というセクションimport { VolumeButtons } from '@capgo/capacitor-volume-buttons';
await VolumeButtons.removeAllListeners();例: getPluginVersion
「例: getPluginVersion」というセクションimport { VolumeButtons } from '@capgo/capacitor-volume-buttons';
const { version } = await VolumeButtons.getPluginVersion();console.log('Plugin version:', version);よくある落とし穴
「よくある落とし穴」というセクション- リスナー: 画面のアンマウント時に解除されます。
- ネイティブ同期: 実行
bunx cap syncプラグインのアップグレード後に。 - 信頼できる唯一の情報源 (Source of truth): 信頼
src/definitions.tsGitHub リポジトリ内の。
API の概要
「API Overview」というセクションaddListener
「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 doneawait listener.remove();removeAllListeners
「removeAllListeners」というセクションこのプラグインのすべてのリスナーを削除します。
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
await VolumeButtons.removeAllListeners();getPluginVersion
「getPluginVersion」セクションネイティブの Capacitor プラグインのバージョンを取得します。
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
const { version } = await VolumeButtons.getPluginVersion();console.log('Plugin version:', version);型リファレンス
「Type Reference」セクションVolumeButtonListener
「VolumeButtonListener」セクションボリュームボタンのイベント用リスナー関数です。
export type VolumeButtonListener = (event: VolumeButtonPressed) => void;VolumeButtonPressed
「VolumeButtonPressed」セクションボリュームボタンが押された時のイベントデータです。
export interface VolumeButtonPressed { /** Direction of the button press */ direction: VolumeButtonDirection;}VolumeButtonDirection
「VolumeButtonDirection」セクション音量ボタンが押された方向。
export type VolumeButtonDirection = 'up' | 'down';信頼できる唯一の情報源
「Source Of Truth」セクションこのページはプラグインの src/definitions.tsから生成されています。上流の API が変更された場合は、再度 sync を実行してください。
Getting Started の次のステップ
「Getting Started の次のステップ」セクション以下を使用している場合: はじめに dashboard や API の運用を計画し、これと連携させるには @capgo/capacitor-volume-buttons の使用方法 @capgo/capacitor-volume-buttons でネイティブ機能を使用する場合、 API の概要 API Overview の実装の詳細については、 はじめに Introduction の実装の詳細については、 API キー API Keys の実装の詳細については、 デバイス Devices の実装の詳細については。