In diesem Artikel wird hauptsächlich die Stiländerung des HTML5 -Tag -Audio eingeführt. Freunde, die sich für das Wissen über HTML5 -Audio -Tag -Stile interessieren, lernen gemeinsam. Lassen Sie uns Ihnen die neuen Element -Tags in HTML5 vorstellen.
SRC: Audio -Dateipfad.
Autobuffer: Legt fest, ob beim Laden der Seite automatisch Audio gepuffert werden soll.
Autoplay: Stellen Sie fest, ob das Audio automatisch abgespielt wird.
Schleife: Stellen Sie fest, ob das Audio gespielt werden muss.
Bedienelemente: Eigenschaften zum Hinzufügen von Spiel-, Pause- und Lautstärkeregler.
Aufgrund der Popularität von HTML5 können die meisten Mobiltelefonanforderungen Audio zum Abspielen von Audio verwenden. Möglicherweise benötigen Sie jedoch nur einen sehr einfachen Spiel-/Stopp -Effekt, aber der Audio -Stil auf verschiedenen Browsern ist nicht zufriedenstellend. Daher habe ich es einfach eingedämmt, und der Effekt lautet wie folgt:
Als technische Implementierung ist sein Prinzip relativ einfach, nämlich das native Audio zu verbergen, dann einen DIV zu verwenden, um den Effekt des Spielers anzuzeigen, und dann das Klickereignis aufzurufen, um das Spielen auszulösen und zu stoppen, und dann die Dauerdauer. Dieser Wert kann manchmal erhalten werden, aber manchmal ist er nicht möglich, was ziemlich erbärmlich ist. Daher wird empfohlen, die Dauer der Dauer auf dem Audio -Tag anzupassen. Zu diesem Zeitpunkt wird dieser Wert erhalten, wenn die Komponente es nicht erhalten kann.
Kopieren Sie den Code