Änderung der Tutorialfähigkeiten im HTML5-Audio-Tag-Stil _html5

Lassen Sie mich zunächst die neuen Element-Tags in HTML5 vorstellen
src: Pfad der Audiodatei.
Autobuffer: Legen Sie fest, ob Audio beim Laden der Seite automatisch gepuffert werden soll.
Autoplay: Legen Sie fest, ob Audio automatisch abgespielt werden soll.
Schleife: Legen Sie fest, ob das Audio in einer Schleife abgespielt werden soll.
Steuerelemente: Attribut zum Hinzufügen von Wiedergabe-, Pausen- und Lautstärkereglern.
Aufgrund der Beliebtheit von HTML5 kann Audio jetzt für die meisten Anforderungen auf mobilen Endgeräten verwendet werden. Möglicherweise benötigen Sie jedoch nur einen einfachen Wiedergabe-/Stopp-Effekt, aber die Audiostile sind in verschiedenen Browsern nicht zufriedenstellend Ich habe es einfach eingekapselt und der Effekt ist wie folgt:

Als technische Implementierung ist das Prinzip relativ einfach: Das native Audio auszublenden, dann mit div den Effekt des Players anzuzeigen und dann sein Klickereignis aufzurufen, um die Wiedergabe und den Stopp auszulösen, und dann Manchmal kann dieser Wert abgerufen werden, manchmal jedoch nicht, was etwas schwierig ist. Daher wird empfohlen, die Speicherzeit des Dauerattributs für das Audio-Tag anzupassen wird diesen Wert erhalten.

Code kopieren

Der Code lautet wie folgt:

this.settings.target. on(' geladene Metadaten', Funktion() {
_this.duration = _this.audio.duration;
if (_this.duration != "Infinity") {
_this.durationContent.html(Math.floor (_this. Dauer) 's');
} else {
var attr = $(_this.settings.target).attr('duration');
_this .durationContent. html($(_this.settings.target).attr('duration') "s");
_this.durationContent.html('');
} >}
});



Der obige Inhalt stellt Ihnen die Änderung des HTML5-Audio-Tag-Stils vor. Ich hoffe, er wird Ihnen hilfreich sein.