3

Venho com está dúvidas a algum tempo, existe alguma possibilidade de customização do player de audio do html5. Até o momento sei que existe possibilidade utilizando plugins desenvolvidos em javascript, mais deste modo ainda não há encontrei à respeito.

2
  • Não entendi, você quer um modo que não utilize JavaScript? Tipo um que use somente CSS? Ou entendi errado?
    – mgibsonbr
    Commented 16/05/2014 às 23:46
  • 1
    O modo seria apenas utilizar o CSS para a customização.
    – the flash
    Commented 16/05/2014 às 23:48

1 Resposta 1

1

Customizar o player é impossível.

Contudo, você pode fazer diferente: deixe ele invisível, e crie seus próprios controles customizados, enviando os comandos diretamente para o player, via JavaScript.

Por exemplo:

<audio id="demo" src="audio.mp3"></audio>
<div>
    <button onclick="document.getElementById('demo').play()">Reproduzir o áudio</button>
    <button onclick="document.getElementById('demo').pause()">Pausar o áudio</button>
    <button onclick="document.getElementById('demo').volume+=0.1">Aumentar o volume</button>
    <button onclick="document.getElementById('demo').volume-=0.1">Diminuir o volume</button>
</div>

*Esse exemplo foi retirado do site do MDN, onde você pode encontrar mais detalhes sobre o assunto: Utilizando áudio e vídeo com HTML5.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .