play button

play-button

Eine Webkomponente zum Abspielen von Audio oder Video mit einer Schaltfläche.

Demo | Weitere Lesen

Beispiele

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

Merkmale

Mit dieser Webkomponente können Sie:

• Steuern Sie audio oder video mit einer einzelnen button , mit der Audio oder Video abgespielt und pausieren kann

Installation

Sie haben einige Optionen (wählen Sie eine davon):

1. Installieren Sie über NPM: npm install @daviddarnes/play-button
2. Laden Sie die Quelle manuell von Github in Ihr Projekt herunter.
3. Überspringen Sie diesen Schritt und verwenden Sie das Skript direkt über eine Drittanbieter -CDN (nicht für die Produktionsanwendung empfohlen)

Verwendung

Stellen Sie sicher, dass Sie das <script> in Ihr Projekt aufnehmen (wählen Sie eines davon):

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

Kredit

Dank an die folgenden Leute:

• Zach Leatherman für die Inspiration dieser Webkomponenten -Repo -Vorlage