FULL STACK   ·   UI   ·   UX   ·   GRAPHICS   ·   DEVELOPER   ·   INSTRUCTOR

Adam Khoury

Donate funds to show love and support

Click the button below to donate funds securely online. You can use your PayPal account or a credit card.

Your donations help free up my time to produce more content and assist in covering server costs. It's also a great way to say thanks for the content!

Application Configuration

Adam will be adding options here soon.

Audio Play Speed Setting playbackRate Tutorial

Published :
Author :
Adam Khoury
Learn to add playback speed control to your HTML5 audio and video multimedia programs using JavaScript. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> function initAudio(){ var audio = new Audio(); audio.src = "audio/Stoker.ogg"; audio.play(); var speedlist = document.getElementById("speedlist"); speedlist.addEventListener("change",changeSpeed); function changeSpeed(event){ audio.playbackRate = event.target.value; } } window.addEventListener("load", initAudio); </script> </head> <body> <select id="speedlist"> <option value="1">change speed</option> <option value=".5">.5</option> <option value="1">Normal</option> <option value="1.5">1.5</option> <option value="2">2</option> </select> </body> </html>