Build a Music Player | Vanilla JavaScript

Let's create a music player with HTML, CSS, JavaScript, and the HTML5 Audio API

Code:

20 Vanilla Projects Course:

$11.99 Promo(5 Days Only): APR5DAY

Timestamps:
Intro - 0:00
HTML - 1:51
CSS - 5:27
JavaScript - 23:10

[gothicisbestrpg]

I needed to create custom music player a month ago in React. I was looking for something like that. Thank you Brad!

[quickcodingtuts]

I rember years ago you made a music player and blasted off some Linkin Park tunes on the demo, good times

[CybrTechGuy]

I don't think I've ever watched a video that was easy to follow and understand. This video was very well done. Easy to follow, easy to understand. I was looking for how to build a music player. Now I have to figure out how to make it play as an A/B comparison player. I'll have to give myself a crash course in JS and CSS.

[geekstudio.]

Thanks Trav!
You not only need consistency for code but you need hands on and creativity. Its not enough to watch and follow up on documentation but to also disect and play aorund with your code to create something new and fresh. Thats why I like this channel. Trav puts in the work for his videos !

[TylerPotts]

The best place to learn to code on the web! I loved watching this, Brad!

[wetsand]

this is the first time I've ever been able to successfully complete a project using JavaScript. Thank you!

[aliounegueye]

You are the best programmer teacher I ve never meet before.

[quocbao]

What a brilliant tutorial!! Holy crap! This will be my university "Web programming" course project for sure! Thank you very much sir! Keep it going! <3

[dancehalllyrics]

I’ve used the certificates from your JS courses to apply for my dream education as a software developer and later on web developer!

I’ll of course have you on my mind when I get my answer whether I get in or not and when I’m in (if everything goes well! 🤞).

[michalbotor]

i had lots of fun coding along. thanks!

css and js have come a long way btw. it's pretty stunning what one can achieve with so little effort.

[syberiaok]

Great!!I've recently finished my JS course and I'm starting to code a few little projects. I hope one day I can have the ability to think more logically in order to know how to implement my own ideas. I really enjoy your videos, thanks a lot

[oscaralvarez]

I loved so much this practice I put in practice almost all I learned in HTML, CSS & JS Thanks so much for your time and sharing your knowledge with us

[andysworkshopcustoms]

I am building an extended version of this Player as a first js exersice now I added a new array inside first to make albums playing separately from each other. That will be my music site!

[thiyagus]

You're awesome. Definitely a refresher for CSS & JS. Stay blessed Brad!!!

[ES-jqzo]

We are waiting your Next Js full stack course🎊🎊🎊🎊🎊🎊😍😍😍

[xgamertm]

why is the github code different than the video?

[tonym]

Thank you for your great teachings and offers over the years. And even for today's promo. We have learnt a great deal and we appreciate you taking time to help us advance in all relevant fields.

[piecesofeight_mashups]

I'm picking up JavaScript lately and this example was a great ground-up tutorial to learn from. Will consider buying your course!

[doomerconsumer]

dude you are a freaking wizard. love your tutorials. great pacing and explanations throughtout!

[lucasbertoldo]

Just another amazing video! Thanks for share your knowledge with us, Brad