Passer à la page principale
@capgo/capacitor-puces-de-volume APIs de dispositifs Source ouvert

Boutons de volume plugin Capacitor

Capturer les pressions des boutons de volume pour des contrôles et des raccourcis personnalisés

Installer

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

Guide

Comment utiliser les boutons de volume dans Capacitor

Testez sur appareil

Téléchargez l'application Capgo, puis scannez le QR code.

Prévisualisation du plugin Volume Buttons QR code

En utilisant @capgo/capacitor-volume-buttons

Capacitor Boutons de volume pour détecter les appuis sur les boutons de volume matériel.

Installer

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

bunx cap sync copie le code natif du plugin code dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

API en un coup d'œil

Méthode Description
addListener Écoute les appuis sur les boutons de volume du matériel.
removeAllListeners Supprime tous les écouteurs pour ce plugin.
getPluginVersion Obtenez la version native du plugin Capacitor.

Exemples

addListener()

Écoute les appuis sur les boutons de volume du matériel.

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

Supprime tous les écouteurs pour ce plugin.

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Obtenez la version native du plugin Capacitor.

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

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

Écoutez les événements

addListener retourne un gestionnaire. Appelez handle.remove() lorsque l'écran est démonté, ou VolumeButtons.removeAllListeners() pour supprimer tous les écouteurs.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-volume-buttons

Si vous utilisez L'utilisation de @capgo/capacitor-volume-buttons pour planifier le travail de plugin natif, connectez-l’avec @capgo/capacitor-boutons-de-volume pour les détails d'implémentation dans @capgo/capacitor-volume-buttons, Getting Started pour les détails d'implémentation dans Démarrage, Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, et Ajouter ou Mettre à Jour les Plugins pour les détails d'implémentation dans Ajouter ou Mettre à Jour les Plugins.

FAQ

Foire aux questions du plugin Volume Buttons

Comment installez-vous le plugin des boutons de volume dans une application Capacitor ?

Run "bun add @capgo/capacitor-volume-buttons" (or "npm install @capgo/capacitor-volume-buttons"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-volume-buttons" in your app code.

Fonctionne-t-il @capgo/capacitor-volume-buttons avec React, Vue et Angular ?

Oui. Les boutons de volume sont un Capacitor package, donc ils fonctionnent avec n'importe quel framework web qui tourne à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-volume-buttons ?

Capgo plugins suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à votre version majeure de Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Le plugin @capgo/capacitor-volume-buttons est-il gratuit et open source ?

Oui. Le code source de code est public sur GitHub à https://github.com/Cap-go/capacitor-volume-buttons/ et le package est gratuit pour l'installer depuis npm. Les rapports de bugs et les demandes de tirage sont les bienvenus.

Puis-je mettre à jour code qui utilise les boutons de volume sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin modifie le code natif, il faut donc une nouvelle mise à jour de l'application. Après cela, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Envoyer les modifications des boutons de volume sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en direct poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Commencez avec Capgo