DEV Community

Robson Muniz
Robson Muniz

Posted on

🎬Music Player | JavaScript✨

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


Discussion (10)

Collapse
hugekontrast profile image
Ashish Khare😎 • Edited on

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.

Collapse
ana_regina profile image
Ana

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.

Collapse
hugekontrast profile image
Ashish Khare😎

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.

Collapse
codecustard profile image
Emmanuel Barroga

Really awesome idea!

Collapse
zaxwebs profile image
Zack Webster

Fantastic, I love the UI. Soft and friendly.

Collapse
tirthdt profile image
Tirth Trivedi

If I am not wrong this is the same music player which was made by Brad Traversy.

Collapse
solemnvortex profile image
solemnVortex

20 Web Projects With Vanilla JavaScript in udemy. I think Brad also did it on his YT channel

Collapse
tirthdt profile image
Tirth Trivedi

Yes that's true

Collapse
cjsmocjsmo profile image
Charlie J Smotherman

Having a hard copy of the code to follow along with while you watch the video would make the video much more useful.

Collapse
robsonmuniz16 profile image
Robson Muniz Author

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.