Build Custom Audio Controls in React

For the next hour, we are going to build a custom audio player modeled after the mac audio player in react using @mui/material and @mui/icons-material.
GitHub - github.com/mathieumedia/audio...
#mathieumedia

[@SquabAttack]

Thank you so much for this tutorial! Yours is the first of a few I tried to follow that actually gave me (a true novice) a functional product.

[@kareemshimes9125]

Very Beautiful thanks a lot❤

[@MathieuMedia]

You are so welcome!

[@swaroopakunchala8430]

Thank you so much for this wonderful video. Can I please have code base for this over git. Thank you

[@JohnBartmannMusic]

came here for the volume slider implementation at 30:23. you went over the onChange method pretty quickly. got a minute to unpack how ```onChange={(e,v) => setVolume(v)}``` works?

[@MathieuMedia]

onChange={(e,v) => setVolume(v)} translate to function anonymousFunction(event, value){ setVolume(value) } what we are doing here is calling an anonymous function and we are passing it an event and a value. the event is triggered whenever we change the value of the slider. inside the anonymous function, we are then calling our setVolume function and passing it the new (slider) value. hope this helps!

[@JohnBartmannMusic]

@@MathieuMedia ah great, i understand thanks

[@Herxh428]

​@@MathieuMedia hey does it work if we use keyboard ??

[@ivanahavlickova1514]

Všimla jsem si, že se Vám tam objevuje nápověda již hotových funkcí, jak toho docílím, je to nějaký doplněk VSCode?

[@MathieuMedia]

Yes it is a vs code extension

[@ambrosearuwa9458]

I want to be able to click the player slider and change song position time, @Mathieu