Cet article présente principalement la modification du style de l'audio TAG HTML5. Les amis qui sont intéressés par la connaissance des styles de balises audio HTML5 apprendront ensemble. Voyons à vous les nouveaux étiquettes d'élément dans HTML5.
SRC: chemin de fichier audio.
AutoBuffer: Définit l'opportunité de tamponner automatiquement l'audio lorsque la page se charge.
AutoPlay: Définissez si l'audio est automatiquement lu.
LOOP: Définissez si l'audio doit être lu en boucle.
Contrôles: Propriétés pour l'ajout de commandes de jeu, de pause et de volume.
En raison de la popularité de HTML5, la plupart des besoins de téléphone mobile peuvent utiliser l'audio pour lire l'audio, mais vous avez peut-être besoin d'un effet de jeu / d'arrêt très simple, mais le style audio sur différents navigateurs n'est pas satisfaisant, donc je l'ai simplement encapsulé, et l'effet est le suivant:
En tant que mise en œuvre technique, son principe est relativement simple, qui consiste à masquer l'audio natif, puis à utiliser un div pour afficher l'effet du lecteur, puis à appeler son événement de clic pour déclencher le jeu et l'arrêt, puis la durée de la durée. Cette valeur peut parfois être obtenue, mais parfois elle n'est pas possible, ce qui est assez pitoyable. Par conséquent, il est recommandé de personnaliser la durée de la durée de la balise audio. Pour le moment, si le composant ne peut pas l'obtenir, cette valeur sera obtenue.
Copier le code