Hey Devs, in this episode we are going to create a working Music Player App using JavaScript, you’ll be able to click to play the music and pause it, and it has previous and next button to play next song.
⏱️ Chapters:
00:00 -> Project Intro
05:19 -> Music Container & Rotate Animation
17:58 -> Load, Play & Pause Song
26:06 -> Next, Prev Song & Progress
🏆 Recommended Projects 🏆
🎬 Neumorphism Login Form | HTML & CSS
➤https://youtu.be/QWh0S-3D7uY
🎬 Animated Sidebar Menu with HTML & CSS
➤ Watch: https://youtu.be/QPZrQ_xPVs4
🎬 Amazing Social Media Buttons Hover Effects | HTML & CSS
➤ https://youtu.be/P9pi4hq7BBA
🎬 Animated Login Form | HTML, CSS & JavaScript
➤ Watch: https://youtu.be/ogNwc45qHKo
🎬 Slider Sign In / Sign Up Form | HTML CSS Vanilla JS
➤ Watch: https://youtu.be/Wz5THk0-Y1s
Top comments (10)
I hate when people use dev.to for advertising their YT. Please, try blogging here for what you have achieved or accomplished. I would love to read your process of making this awesome thing.
I know how difficult it is to create and edit videos, this guy is a developer and not a filmmaker, it's a lot of work, and judging by the size of his channel it shouldn't be monetized (I didn't see ads).
I tried it myself a while ago but gave up, not because of haters like this (HATERS just"hate" and they're everywhere) but because it's too time-consuming and having other work I had to give up.
Keep up with your great work man.
100% right, haters gonna hate and this ain't one sided thing. So, carry one doing what you like and shun that negativity. Good luck! Also, stay safe and be hydrated.
Really awesome idea!
Fantastic, I love the UI. Soft and friendly.
If I am not wrong this is the same music player which was made by Brad Traversy.
20 Web Projects With Vanilla JavaScript in udemy. I think Brad also did it on his YT channel
Yes that's true
Having a hard copy of the code to follow along with while you watch the video would make the video much more useful.
Hi dev, thanks for the feedback, I love your idea.
I think that this way we can teach more efficiently because when the aspiring web dev has doubts, he can always check the code and see where he went wrong.
I'm really grateful to you.