Saltar al contenido principal
@capgo/capacitor-botones-de-volumen Dispositivos de API Fuente abierta

Botones de volumen plugin de Capacitor

Captura presiones de botones de volumen del hardware para controles y atajos de la aplicación personalizados

Instalar

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

Guía

Cómo usar los botones de volumen en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo, luego escane el código QR code.

Volume Buttons plugin preview QR code

Usando @capgo/capacitor-botones-de-volumen

Plugin de botones de volumen Capacitor para detectar presiones de botones de volumen hardware.

Instalar

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

bunx cap sync Copia el code nativo del plugin en tus proyectos nativos. Correlo de nuevo después de cada actualización del plugin.

Importar

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

API en resumen

Método Descripción
addListener Escuchar presiones en los botones de volumen del hardware.
removeAllListeners Elimina todos los listeners para este plugin.
getPluginVersion Obtenga la versión nativa del plugin Capacitor.

Ejemplos

addListener()

Escuchar presiones en los botones de volumen del hardware.

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

Elimina todos los listeners para este plugin.

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

await VolumeButtons.removeAllListeners();

getPluginVersion()

Obtenga la versión nativa del plugin Capacitor.

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

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

Escuchar eventos

addListener devuelve un manejador. Llame handle.remove() cuando se desmonte la pantalla, o VolumeButtons.removeAllListeners() para eliminar todos los listeners.

Referencia completa

Continúa desde @capgo/capacitor-botones-de-volumen

Si estás utilizando Usando @capgo/capacitor-botones-de-volumen para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-botones-de-volumen para los detalles de implementación en @capgo/capacitor-botones-de-volumen, Inicio rápido para los detalles de implementación en Inicio rápido, Directorio de plugins Capgo para el flujo de trabajo del producto en el directorio de plugins Capgo Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.

FAQ

FAQ para el plugin de botones de volumen

Cómo instalo el plugin de botones de volumen en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-volume-buttons" (o "npm install @capgo/capacitor-volume-buttons"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen el code nativo. Importa desde "@capgo/capacitor-volume-buttons" en tu aplicación code.

¿Funciona @capgo/capacitor-volume-buttons con React, Vue y Angular?

Sí. Los botones de volumen son un paquete Capacitor, por lo que funcionan con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor admite @capgo/capacitor-volume-buttons?

Los plugins Capgo siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es gratuito y de código abierto @capgo/capacitor-volume-buttons?

¡Sí. La fuente code es pública en GitHub en https://github.com/Cap-go/capacitor-botones-de-volumen/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

Puedo actualizar code que utiliza Botones de Volumen sin una revisión de la Tienda?

La instalación o actualización del complemento cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al complemento pueden enviar con actualizaciones Capgo en vivo.

Envía cambios en botones de volumen sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Inicia con Capgo