Este artículo presenta principalmente la modificación del estilo del audio de la etiqueta HTML5. Los amigos interesados en el conocimiento de los estilos de etiqueta de audio HTML5 aprenderán juntos. Vamos a presentarles las nuevas etiquetas de elementos en HTML5.
SRC: ruta del archivo de audio.
Autobuffer: Establece si buffer automáticamente el audio cuando la página se está cargando.
Autoplay: Establezca si el audio se reproduce automáticamente.
Bucle: Establezca si el audio debe reproducirse en bucle.
Controles: Propiedades para agregar controles de juego, pausa y volumen.
Debido a la popularidad de HTML5, la mayoría de las necesidades de teléfonos móviles pueden usar audio para reproducir audio, pero es posible que solo necesite un efecto de reproducción/parada muy simple, pero el estilo de audio en diferentes navegadores no es satisfactorio, por lo que simplemente lo encapsulé, y el efecto es el siguiente:
Como implementación técnica, su principio es relativamente simple, que es ocultar el audio nativo, luego usar un DIV para mostrar el efecto del jugador y luego llamar a su evento de clic para activar el juego y detenerse, y luego la duración de la duración. Este valor a veces se puede obtener, pero a veces no es posible, lo cual es bastante lamentable. Por lo tanto, se recomienda personalizar la duración de la duración en la etiqueta de audio. En este momento, si el componente no puede obtenerlo, se obtendrá este valor.
Copiar el código