Este artigo apresenta principalmente a modificação de estilo do áudio de tag html5. Amigos interessados no conhecimento dos estilos de tags de áudio HTML5 aprenderão juntos. Vamos apresentar a você as novas tags de elemento no HTML5.
SRC: caminho do arquivo de áudio.
Autobuffer: define se deve buffer automaticamente o áudio quando a página estiver carregando.
AutoPlay: defina se o áudio é reproduzido automaticamente.
Loop: Defina se o áudio precisa ser reproduzido em loop.
Controles: Propriedades para adicionar controles de reprodução, pausa e volume.
Devido à popularidade do HTML5, a maioria das necessidades de telefones celulares pode usar áudio para reproduzir áudio, mas você pode precisar apenas de um efeito de reprodução/parada muito simples, mas o estilo de áudio em diferentes navegadores não é satisfatório, então eu simplesmente o encapsulou, e o efeito é o seguinte:
Como implementação técnica, seu princípio é relativamente simples, que é ocultar o áudio nativo, depois usar uma div para exibir o efeito do jogador e, em seguida, chamar seu evento de clique para acionar a reprodução e parar e, em seguida, a duração da duração. Às vezes, esse valor pode ser obtido, mas às vezes não é possível, o que é bastante lamentável. Portanto, é recomendável personalizar a duração da duração na tag de áudio. No momento, se o componente não puder obtê -lo, esse valor será obtido.
Copie o código