Customization of html5 audio player
I come with this doubts for some time, there is some possibility of customization of the player of audio
of html5. So far I know that there is possibility using plugins developed in javascript, more so there is not yet found about it.
3
1 answers
Customizing the player is impossible.
However, you can do different: make it invisible, and create your own custom controls by sending the commands directly to the player, via JavaScript.
For example:
<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>
*this example was taken from the MDN website, where you can find more details on the subject: using audio and video with HTML5.
1
Author: carlosrafaelgn, 2014-05-17 13:53:49