Building JavaScript Media Players

[@NedumEze]

This is rather MAGICAL. How does anyone attain this level of dexterity and proficiency? Thanks Prof for stunning me.

[@muhammadbilalmalik7292]

Great professor please add more videos about media players, streaming,etc Thankyou

[@SteveGriffith-Prof3ssorSt3v3]

You and make tutorial requests in the comments here - kzbin.info/www/bejne/gnTIq5SuZ9qBacU

[@Stoney_Eagle]

Great tutorial, wish I had this when I created my Spotify clone 😊 A nice challenge is to add track fading to this with 2 audio nodes.

[@mrgum6y]

Brilliant educational material, and the first thing that happens is copyright nonsense! Anyways I hope you follow this up with a tutorial on using audio sprites. Thanks

[@ashharkausar413]

Beautiful!

[@raeesahmadkhan6862]

Kindly come with more react and advanced javascript website projects. Plus a complete comprehensive series for python.

[@SteveGriffith-Prof3ssorSt3v3]

You can make requests in the comments here - kzbin.info/www/bejne/gnTIq5SuZ9qBacU

[@BeatBustersDance]

Hi Steve. Great tutorial. Is there a way we can make the player like DJ player Visually and we can spin the player to seek the audio. Add is there a way to generate graph of the audio. To be precise it's PCM i.e. Pulse Code Modulation of track? Btw love the way you explain ❤️❤️

[@SteveGriffith-Prof3ssorSt3v3]

What you want to look at is the Web Audio API - developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API where you can create BufferNodes to process the audio data. (I have no tutorials on this yet) That combined with Web Animations API - developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API

[@olehshevchenko9488]

great video! what`s extension you using in your`s VSCode that is creating these little tips about time of editing line ("You, 2 days ago" etc) or maybe you can provide full list of yours extension, that would be great!)

[@SteveGriffith-Prof3ssorSt3v3]

I'm pretty sure that one is GitLens.

[@arttilt]

My good sir. I noticed when I am zoomed in on the browser, at pretty much any level pass 100%, the coral colored circle for seeking audio will bounce to 100% and auto load the next track. Otherwise - the mightiest of audio players.

[@arttilt]

I myself keeps going to parseInt or clientWidth for the var ( let width )... but I know I am wrong.

[@arttilt]

Pardon me. let w

[@SteveGriffith-Prof3ssorSt3v3]

I didn't spend any time on design for this. It is just an explanation of the concepts of the media player and how to script it. There is only about 50 lines of CSS. I did not do any testing of the CSS at different zoom levels.

[@arttilt]

Thank you! I'll update in the event it works.