Salta al contenuto principale
@capgo/capacitor-volume-buttons API dei dispositivi Open source

Tasti volume Plugin Capacitor

Intercetta la pressione dei tasti volume per controlli e scorciatoie personalizzate

Installa

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

Guida

Come usare i tasti volume in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

QR code per l'anteprima del plugin Volume Buttons

Utilizzo di @capgo/capacitor-volume-buttons

Plugin Capacitor Volume Buttons per rilevare la pressione dei tasti volume hardware.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
addListener Ascolta le pressioni sui tasti volume fisici.
removeAllListeners Rimuove tutti i listener di questo plugin.
getPluginVersion Ottieni la versione nativa del plugin Capacitor.

Esempi

addListener()

Ascolta le pressioni sui tasti volume fisici.

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

Rimuove tutti i listener di questo plugin.

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Ottieni la versione nativa del plugin Capacitor.

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

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

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando la schermata viene smontata, o VolumeButtons.removeAllListeners() per rimuovere tutti i listener.

Riferimento completo

Continua da Utilizzo di @capgo/capacitor-volume-buttons

Se stai usando Utilizzo di @capgo/capacitor-volume-buttons per pianificare il lavoro sui plugin nativi, collegalo a @capgo/capacitor-volume-buttons per i dettagli di implementazione in @capgo/capacitor-volume-buttons, Per iniziare per i dettagli di implementazione nella guida introduttiva, Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiunta o aggiornamento dei plugin per i dettagli di implementazione in Aggiunta o aggiornamento dei plugin.

FAQ

FAQ del plugin Volume Buttons

Come installo il plugin Volume Buttons in un'app Capacitor?

Esegui "bun add @capgo/capacitor-volume-buttons" (o "npm install @capgo/capacitor-volume-buttons"), poi lancia "bunx cap sync" in modo che i progetti iOS e Android integrino il code nativo. Importalo da "@capgo/capacitor-volume-buttons" nel tuo code.

@capgo/capacitor-volume-buttons funziona con React, Vue e Angular?

Sì. Volume Buttons è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che giri all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-volume-buttons?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-volume-buttons è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-volume-buttons/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa i Volume Buttons senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci modifiche ai tasti volume senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo