Lesson Code: http://www.developphp.com/video/JavaScript/Audio-Seek-and-Volume-Range-Slider-Tutorial
In this part of the Audio Workshop we demonstrate how the range slider input can be used as a seek slider and a volume slider. We will also demonstrate how you can try to achieve a consistent range slider input appearance across different browsers.
Original source
23 responses to “Audio Workshop 2 Seek and Volume Range Slider JavaScript Tutorial”
mute/unmute button doesn't show first time when I landing the page. It's showing after clicking the unmute button.
Adam. I had tried to make seeking option based on this tutorial. It doesn't work in chrome.
Also i have problem when playing audio. It plays from begin when if i paused and get back in after 30 secs. I am not able get it from current position
Hey Adam!
Love your tutorials on Audio! If I change the dimensions of the range-slider to anything above 100px I get a really weird effect… What do I need to do to style the range slider above 100px and still get it to work?
Thanks homie.
thank you
Hey Adam, I got the audio player to work perfectly. But as soon as I transferred the code into a website im developing I get the following error:
Uncaught TypeError: Failed to set the 'currentTime' property on 'HTMLMediaElement': The value provided is not a number.
Everything is identical besides the path locations. Do you know why this could be happening?
Awesome tutorial! This is probably a stupid question, but why did you use clientX and offsetLeft for the seeking slider, but just use the volumeSlider.value for the sound?
i mean ("those").
Please can you make does buttons downloadable on your website?
I prefer working with what i had tutorial with.
//Thanks for an awesome tutorials. you re d best!!
u da man
I'm having trouble getting the seek slider to work, can you take more time to explain what the errors are that people make are, or break it out into its own component pieces?
I posted a thread for it on Stack Overflow at: http://stackoverflow.com/questions/23423247/why-am-i-receiving-a-javascript-audio-seek-function-error-when-its-working-on
Thanks
Adam,
First, why you are my favorite in youtube channel???????? Simple because you give me strength. Thanks a lot.
Another Awesome TT
can u please make a step by step lesson for html css and javascript…..not just the basics but complete…couz i already learned the basics…..and i cant find any other good professional tutorials…plz.help.ur the best teacher i can find
Thanks Adam! You are best.
That's it Adam you are from here on my no one favorite YouTuber! It happened to be my birthday today, and this video just made my day. If may be so bold and ask you guys have a "talk" again sometime, like when u where live streaming and answer to viewers questions. Great to here the big guys/girls talk! Keep up the amazing work!
Woohoo! When is 3 coming out?
Hi Adam…I came across your website yesterday and was immediately impressed by the quality of your images AND the quality of your content. I subscribed after reading a comment that you made on another video about the importance of quality content when it comes to SEO. I am all about excellence, but for some reason that didn't transfer to my content strategy. Anyhow, just want to say thanks. THANKS! 🙂
I KNOW IM STEPPING AHEAD OF THE TUTS BUT JUST WANTED TO BRING THIS UP EARLY THE PROBLEM IM HAVING THAT I HOPE U COVER IN THE SERIES IS HOW WOULD U STORE USERS UPLOADED MP3S ALBUMS ETC.. ON A CLOUD TO BE CALLED FROM A MYSQLI DATABASE LINK
You sir, are Awesome!
Audio Workshop video # 2
thanks ADAM