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

Boutons de volume Plugin Capacitor

Capturez les pressions sur les boutons de volume matériels pour créer 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 un appareil

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

Lien QR pour l'aperçu du plugin Volume Buttons code

Utilisation de @capgo/capacitor-volume-buttons

Plugin Volume Buttons Capacitor 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';

API en un coup d'œil

Méthode Description
addListener Écoutez les pressions sur les boutons de volume matériels.
removeAllListeners Supprime tous les listeners de ce plugin.
getPluginVersion Récupérer la version du plugin natif Capacitor.

Exemples

addListener()

Écoutez les pressions sur les boutons de volume matériels.

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

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Récupérer 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() lorsque l'écran est démonté, ou VolumeButtons.removeAllListeners() pour effacer chaque listener.

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-volume-buttons

Si vous utilisez Utiliser @capgo/capacitor-volume-buttons pour planifier le travail sur un plugin natif, connectez-l’à @capgo/capacitor-volume-buttons pour les détails d'implémentation dans @capgo/capacitor-volume-buttons, Premiers pas pour les détails d'implémentation dans Premiers pas, Répertoire des plugins Capgo pour le workflow produit dans le répertoire des plugins Capgo, Plugins Capacitor par Capgo pour les détails d'implémentation dans Capacitor Plugins de Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Ajout ou mise à jour de 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 prennent en compte 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 tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

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 à celle de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub répertorie 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 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, ce qui nécessite un nouveau build pour les stores. Ensuite, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les live updates de Capgo.

Déployez les changements des Volume Buttons sans attendre la revue de l'app

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.

Commencer avec Capgo