Allez directement au contenu principal

Boutons de Volume plugin Capacitor

Capturer les pressions des boutons de volume matériel 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

Tester sur appareil

Télécharger l'application Capgo, puis scanner le QR code.

Prévisualisation du plugin Volume Buttons QR code

Utilisation de @capgo/capacitor-volume-buttons

Capacitor Plugin de 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 dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

Vue d'ensemble de API

Méthode Description
addListener Écoute les appuis sur les boutons de volume 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 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 effacer 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-volant pour les détails d'implémentation dans @capgo/capacitor-volume-buttons Documentation pour les détails d'implémentation dans Documentation Capgo Répertoire des plugins pour le flux de travail du produit dans le Répertoire de Plugin Capgo Capacitor Plugins par Capgo pour le détail d'implémentation dans Capacitor Plugins par Capgo, et Ajouter ou Mettre à Jour des Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour des Plugins.

FAQ

FAQ du plugin Volume Buttons

Comment puis-je 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 exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte les natives code. Importez-l’à partir de « @capgo/capacitor-volume-buttons » dans votre application code.

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

Oui. Volume Buttons est un paquet Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript simple.

Quelle version de Capacitor est prise en charge 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, plugin v8 avec Capacitor 8). La table de compatibilité dans le fichier README du GitHub liste les versions maintenues.

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

Oui. La source code est publique sur GitHub à https://github.com/Cap-go/capacitor-volume-buttons/ et le package est gratuit pour l'installation 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 les code natifs, 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 envoyées instantanément avec les mises à jour Capgo.

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

Once the plugin is in your store build, Capgo live updates push your JavaScript, HTML and CSS changes to users in minutes.

Démarrer avec Capgo