Erste Schritte
Kopiere einen Setup-Prompt mit den Installationsschritten und dem vollständigen Markdown-Guide für dieses Plugin.
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.
Installieren
Abschnitt „Installation“Du kannst unser KI-gestütztes Setup nutzen, um das Plugin zu installieren. Füge die Capgo Skills mit dem folgenden Befehl deinem KI-Tool hinzu:
bunx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsNutze dann diesen Prompt:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-volume-buttons` plugin in my project.Wenn du ein manuelles Setup bevorzugst, installiere das Plugin mit den folgenden Befehlen und befolge die plattformspezifischen Anweisungen unten:
bun add @capgo/capacitor-volume-buttonsbunx cap syncImportieren
Abschnitt „Import“import { VolumeButtons } from '@capgo/capacitor-volume-buttons';Quickstart
Abschnitt „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();Beispiel: removeAllListeners
Abschnitt „Beispiel: removeAllListeners“import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
await VolumeButtons.removeAllListeners();Beispiel: getPluginVersion
Abschnitt „Beispiel: getPluginVersion“import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
const { version } = await VolumeButtons.getPluginVersion();console.log('Plugin version:', version);Häufige Stolperfallen
Abschnitt „Häufige Fehler“- Listener: Handles beim Unmounten der Screens entfernen.
- Native Sync: Ausführen
bunx cap syncnach Plugin-Upgrades. - Single Source of Truth: Vertrauen
src/definitions.tsim GitHub Repo.
API Übersicht
Abschnitt „API Übersicht“addListener
Abschnitt „addListener“Auf Drücken der Hardware-Lautstärketasten lauschen.
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
Abschnitt mit dem Titel „removeAllListeners“Entfernt alle Listener für dieses Plugin.
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
await VolumeButtons.removeAllListeners();getPluginVersion
Abschnitt mit dem Titel „getPluginVersion“Die native Capacitor Plugin-Version abrufen.
import { VolumeButtons } from '@capgo/capacitor-volume-buttons';
const { version } = await VolumeButtons.getPluginVersion();console.log('Plugin version:', version);Typreferenz
Abschnitt mit dem Titel „Typreferenz“VolumeButtonListener
Abschnitt mit dem Titel „VolumeButtonListener“Listener-Funktion für Volume-Button-Events.
export type VolumeButtonListener = (event: VolumeButtonPressed) => void;VolumeButtonPressed
Abschnitt „VolumeButtonPressed“Event-Daten für das Drücken der Lautstärketasten.
export interface VolumeButtonPressed { /** Direction of the button press */ direction: VolumeButtonDirection;}VolumeButtonDirection
Abschnitt „VolumeButtonDirection“Richtung der Lautstärketasten-Eingabe.
export type VolumeButtonDirection = 'up' | 'down';Source of Truth
Abschnitt mit dem Titel „Source of Truth“Diese Seite wurde aus dem Plugin- Dokument generiert src/definitions.tsFühre den Sync erneut aus, wenn sich der öffentliche API upstream ändert.
Weiter geht's nach Getting Started
Abschnitt: „Weiter geht’s mit Getting Started“Wenn du es nutzt Erste Schritte um Dashboard- und API-Operationen zu planen, verbinde es mit Verwendung von @capgo/capacitor-volume-buttons für die native Funktion in Verwendung von @capgo/capacitor-volume-buttons, API Übersicht für Details zur Implementierung im API Overview, Einführung für die Implementierungsdetails in der Einleitung, API Schlüssel für das Implementierungsdetail in API Keys, und Geräte für die Implementierungsdetails in Devices.