play button

play-button

Un composant Web pour lire de l'audio ou de la vidéo avec un bouton.

Démo | Dès la lecture

Exemples

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

Caractéristiques

Ce composant Web vous permet de:

• Contrôler des éléments audio ou video avec un seul button qui peut lire et suspendre l'audio ou la vidéo

Installation

Vous avez quelques options (choisissez-en une):

1. Installer via NPM: npm install @daviddarnes/play-button
2. Téléchargez la source manuellement à partir de GitHub dans votre projet.
3. Ignorez cette étape et utilisez le script directement via un CDN tiers (non recommandé pour une utilisation en production)

Usage

Assurez-vous d'inclure le <script> dans votre projet (choisissez-en un):

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

Merci aux personnes suivantes:

• Zach Leatherman pour avoir inspiré ce modèle de repo composant Web