Aller au contenu principal
@capgo/capacitor-volume-buttons API de l'appareil Open source

Boutons de volume Plugin Capacitor

Capturez les pressions des boutons de volume physiques pour des contrôles et 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

Tester sur l'appareil

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

QR de l'aperçu du plugin Volume Buttons code

Utiliser @capgo/capacitor-volume-buttons

Capacitor Plugin Volume Buttons pour détecter l'appui sur les boutons de volume matériels.

Installer

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

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

Importer

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

Aperçu de API

Méthode Description
addListener Écoutez les appuis sur les boutons de volume physiques.
removeAllListeners Supprime tous les écouteurs de ce plugin.
getPluginVersion Récupère la version du plugin natif Capacitor.

Exemples

addListener()

Écoutez les appuis sur les boutons de volume physiques.

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 de ce plugin.

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Récupère la version du plugin natif Capacitor.

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

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

Écouter les événements

addListener renvoie un handle. Appelez handle.remove() lors du démontage de l'écran, ou VolumeButtons.removeAllListeners() pour supprimer tous les listeners.

Référence complète

Continuer avec @capgo/capacitor-volume-buttons

Si vous utilisez Utiliser @capgo/capacitor-volume-buttons pour planifier le travail sur les plugins natifs, connectez-l’à @capgo/capacitor-volume-buttons pour les détails d’implémentation dans @capgo/capacitor-volume-buttons, Prise en main pour les détails d'implémentation dans Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.

FAQ

FAQ du plugin Volume Buttons

Comment installer le plugin Volume Buttons dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-volume-buttons » (ou « npm install @capgo/capacitor-volume-buttons »), puis lancez « bunx cap sync » pour que les projets iOS et Android récupèrent le code natif. Importez-le depuis « @capgo/capacitor-volume-buttons » dans votre code.

Est-ce que @capgo/capacitor-volume-buttons fonctionne avec React, Vue et Angular ?

Oui. Volume Buttons est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui tourne dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript simple.

Quelle version de Capacitor est supportée par @capgo/capacitor-volume-buttons ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-volume-buttons est gratuit et open source ?

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

Puis-je mettre à jour code utilisant Volume Buttons sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les modifications de Volume Buttons sans attendre la revue de l’application

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo