__CAPGO_KEEP_0__ Startseite

Lautstärkenknöpfe Capacitor Plugin

Hardware-Volumenknopfdrücke erfassen, um benutzerdefinierte App-Funktionen und Kurzschlüssel zu ermöglichen

Installieren

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

Richtlinie

Wie man die Lautstärkentasten in Capacitor verwendet

Auf Gerät testen

Laden Sie die Capgo-App herunter, dann scannen Sie die QR-code.

Volumen-Tasten-Plugin-Vorschau QR code

Mit @capgo/capacitor-volumenknopf

Capacitor Volume-Button-Plugin für die Erkennung von Hardware-Volumen-Tasten-Drücken.

Installieren

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

bunx cap sync Kopiert den Plugin-Native-code in Ihre Native-Projekte. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

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

API im Überblick

Methode Beschreibung
addListener Hören Sie auf die Drücke auf den Hardware-Lautstärkentasten.
removeAllListeners Entfernt alle Listener für diesen Plugin.
getPluginVersion Ermitteln Sie die native Capacitor Pluginversion.

Beispiele

addListener()

Hören Sie auf die Drücke auf den Hardware-Lautstärkentasten.

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()

Entfernt alle Listener für diesen Plugin.

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Ermitteln Sie die native Capacitor Pluginversion.

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

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

Zu Ereignissen hören

addListener gibt eine Verbindung zurück. Aufrufen Sie handle.remove() wenn das Bildschirm unmontiert wird, oder VolumeButtons.removeAllListeners() um jeden Listener zu löschen.

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-volume-buttons

Wenn Sie Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-volume-buttons verwenden Verwendung von @capgo/capacitor-Lautstärken-Buttons um native Plugin-Arbeit zu planen, verbinden Sie es mit @capgo/capacitor-Lautstärken-Tasten für die Implementierungsdetails in @capgo/capacitor-Lautstärken-Buttons, __CAPGO_KEEP_0__ Plugin-Verzeichnis für die Implementierungsdetails im Abschnitt "Getting Started" @Capgo/__CAPGO_KEEP_1__-volume-buttons für das Produktworkflow in Capgo Plugin-Verzeichnis Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren

FAQ

FAQ für das Volume Buttons-Plugin

Wie installiere ich das Volume Buttons-Plugin in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-volume-buttons" (oder "npm install @capgo/capacitor-volume-buttons"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie es aus "@capgo/capacitor-volume-buttons" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-volume-buttons mit React, Vue und Angular?

Ja. Volume Buttons ist ein Capacitor-Paket, daher funktioniert es mit jedem Web-Framework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-volume-buttons?

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrer Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

Ist @capgo/capacitor-volume-buttons kostenlos und Open-Source?

Ja. Die Quelle code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-volume-buttons/ und die Pakete sind kostenlos zum Installieren erhältlich von npm. Fehlerberichte und Pull-Anfragen sind willkommen.

Kann ich code mit Volume Buttons ohne eine App Store-Bewertung aktualisieren?

Die Installation oder Aktualisierung des Plugins ändert die native code, sodass eine neue App-Store-Build erforderlich ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe Volume-Button-Änderungen ohne auf eine App-Überprüfung zu warten

Einmal das Plugin in Ihrem Store-Builder installiert, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Beginnen Sie mit Capgo