play button

play-button

Un componente web para reproducir audio o video con un botón.

Demostración | Lectura adicional

Ejemplos

 < script type =" module " src =" play-button.js " > </ script >

< play-button >
  < audio controls src =" https://darn.es/sounds/daviddarnes.m4a " > </ audio >
  < button > Play </ button >
</ play-button > 

Características

Este componente web le permite:

• Controle los elementos audio o video con un solo button que puede reproducirse y pausar el audio o el video

Instalación

Tiene algunas opciones (elija una de estas):

1. Instalar a través de NPM: npm install @daviddarnes/play-button
2. Descargue la fuente manualmente de GitHub en su proyecto.
3. Omita este paso y use el script directamente a través de un CDN de terceros (no recomendado para el uso de producción)

Uso

Asegúrese de incluir el <script> en su proyecto (elija uno de estos):

 <!-- Host yourself -->
< script type =" module " src =" play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://www.unpkg.com/@daviddarnes/[email protected]/play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://esm.sh/@daviddarnes/[email protected] " > </ script > 

Crédito

Gracias a las siguientes personas:

• Zach Leatherman por inspirar esta plantilla de repositorio de componentes web