play button

play-button

Um componente da Web para reproduzir áudio ou vídeo com um botão.

Demo | Leitura adicional

Exemplos

 < 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 da web permite:

• Controle elementos de audio ou video com um único button que pode reproduzir e pausar o áudio ou vídeo

Instalação

Você tem algumas opções (escolha uma delas):

1. Instale via NPM: npm install @daviddarnes/play-button
2. Faça o download da fonte manualmente do GitHub em seu projeto.
3. Pule esta etapa e use o script diretamente por meio de um CDN de terceiros (não recomendado para uso da produção)

Uso

Certifique -se de incluir o <script> em seu projeto (escolha um deles):

 <!-- 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

Com agradecimento às seguintes pessoas:

• Zach Leatherman para inspirar este modelo de repo componente da web