I would like to play a mp3 soundtrack on my website, and manipulate the speed of the soundtrack by a percentage using a slider. I'm wondering how this could be done with only HTML(5) and JavaScript. I haven't been able to find any examples or tutorials, any help would be greatly appreciated.
If you're looking for a free tool to slow down your MP3 tracks, VEED is the perfect app you can use! All you have to do is select a speed from the Settings. In order to slow down your music or audio file, you must select a speed lower than 1x. Or you can enter a custom speed on the custom field.
Something like this:
myaudio=document.getElementById("audio1");
myaudio.playbackRate=0.5;
This is the basics to demonstrate that audio and videos both have property you can set to change the playing rate. The implementation of sliders and other things, you can achieve using jquery based on how you want it.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With