React js is the most hated. Angular is the king. React makes things more complicated, while the same functionality can be achieved in pure js or angular in more elegant way. Virtual dom is very slow in mobile because it takes a lot of RAM space. There are many blogs against react js. Please adapt to the trending Angular.
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.
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 !
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! 🤞).
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!
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
In playsong() and pausesong(), instead of adding and removing classes, can we use the toggle method? Tip- Add a circular queue. Add as many songs you want. Pressing the next button or prev button will always play a song. It will never end.😅
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.
Thank you so much. I completed it. Here the CSS section is essential for practising and in the js section, the progress bar js is a little bit tricky for a beginner but the other thing is 100% clear.
Thank you Sir... This is a great tutorial.. I finally completed this project today... All the concepts and explanations you gave in this project are really helpful for understanding the basics of HTML, CSS and JavaScript in a real world implementing view. Thanks a lot Sir...
Sir if you dont mind i want to say that next time when you upload the course it should be a full course not a crash course because you are our mentor we want to learn from you alot thank you
Hey Brad, thanks for doing this for us, I'm learning at light speed here. I got one suggestion, though. When you are about to do something, especially when coding the script, please tell us ahead what you're going to do and why, just one or two sentences would do, because usually I'm tempted to just write along without knowing what I'm doing. It'd help me to streamline the thought process when I'm making my own stuff. Thanks a lot.
like line 18 it's calling the function that takes parameter that accept index of the song from the songs array. Because he set the songIndex = 2, that would be the first song to appear. songs[songIndex] is basically saying. from the array, just bring me back whatever index in the array. Which in this case it is Ukulele
If you are following along with this tutorial but are having trouble to set the duration variable, try : audio.addEventListener("loadedmetadata", function() { songLength = audio.duration; console.log(songLength); }); in case its returning NaN :) Thanks for the tutorial
Nice one brad. Its 1am in Kenya and Ive got to learn this. But while following it, I am hearing some voices of people at background, did anyone notice?😁
for incrementing the song just use the module operator to a max of size .. no need to if statements. Like "index = (-- ++index) % size" always between 0 and size-1
hello dear brad you are amazing men thank you so mush .i start learning html with a lot of courses with other guys .and yesterday i find your course really you are very kind because you give me lot of information .i want to thank for your efforts in videos .now I'm very happy to continue with you css and java .i looking for more courses about html i want be professional like you .i need your advices thank you bro
Great vid! I built a music player on my own where I used JS to handle a lot of the styling animation, but I like your coding structure much more, thanks!
This is a great tutorial and I had a lot of fun and learned a lot following along. I've embedded a version of this into a multi-page audio player I've created, but the audio stops when I switch web pages. I'm wondering if there is a way to continue playing the audio, even when switching web pages? Thanks for all your great content Brad.
Did your own work? Because mine ain't playing i even typed everything and added his but it still ain't playing even after me inputting the song . please help me solve it
Hi Brad, you've been such a phenomenal Resource to all of us. Thank you very much. I found this Video when I searched for how to make a Media ( Audio & Video) Playlist. I was delighted to find your work is so close. But, could you make a supplement, showing how a clickable list of Videos or Audios can be added. Your Widget does not show the User what is Available. A user should be able to select from a list which Music or Video to play. Your schedule is scary though. Sorry for this more trouble.
When trying to pass in e during the progressbar section in javascript, I just get undefined and unable to console log e.srcElement... any idea why? I didnt notice declaring an "e" earlier on
i have a question. can you help me with this. I want to create a simple site, so that there is a music player and when switching between pages, the music continues to play, that is, it saves its state (the player, too). Could you tell me what technologies to use to satisfy my need. Example (soundcloud, spotify) Thanks!
I needed to create custom music player a month ago in React. I was looking for something like that. Thank you Brad!
React js is the most hated. Angular is the king. React makes things more complicated, while the same functionality can be achieved in pure js or angular in more elegant way. Virtual dom is very slow in mobile because it takes a lot of RAM space. There are many blogs against react js. Please adapt to the trending Angular.
@@Almighty_Flat_Earth lol
I rember years ago you made a music player and blasted off some Linkin Park tunes on the demo, good times
Wow, that was a long time ago. I'm surprised you remember. I don't want a copyright strike, so stock music will have to do lol
@Banx Omg I remember that tooooooooooo
@@cwcfunclock2709 omg i dont remember that
@@yalla_caguetrades4140 me to
Still listening to LP to this day! 🤘
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.
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 !
this is the first time I've ever been able to successfully complete a project using JavaScript. Thank you!
You are the best programmer teacher I ve never meet before.
The best place to learn to code on the web! I loved watching this, Brad!
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! 🤞).
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.
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!
I did everything he say but the round picture isn't turning what I am doing wrong?
why is the github code different than the video?
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!
Quick questions, is this scalable (playlist of hundreds of files)? Also, would this work when hosted online (also hosting the mp3 files)?
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
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
We are waiting your Next Js full stack course🎊🎊🎊🎊🎊🎊😍😍😍
yess
yea exactly
when will Brad release it?🤔
Yes + backend Express
Laravel & vue
You're awesome. Definitely a refresher for CSS & JS. Stay blessed Brad!!!
In playsong() and pausesong(), instead of adding and removing classes, can we use the toggle method?
Tip-
Add a circular queue. Add as many songs you want. Pressing the next button or prev button will always play a song. It will never end.😅
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.
I'm picking up JavaScript lately and this example was a great ground-up tutorial to learn from. Will consider buying your course!
Thanks Brad, I have always wanted to create a music player.
This is such a nice and simple HTML/CSS/JS training. Perfect for beginners.
removing the css property bottm:50%, the dot would be perfectly centered
Just another amazing video! Thanks for share your knowledge with us, Brad
dude you are a freaking wizard. love your tutorials. great pacing and explanations throughtout!
Thank you so much. I completed it. Here the CSS section is essential for practising and in the js section, the progress bar js is a little bit tricky for a beginner but the other thing is 100% clear.
Hi! Can you help me fix the progress bar problem?
I've looked in the CSS and JS, but nothing, the progress bar doesn't work for me.
😊 🙏 😊
thank you so much for sharing this.
css seems a beautiful presentation system at its core despite all the frustrating browser implementations.
Traversy media is a saviour for all young developers.
You are such a genius.. Have learnt a lot from your courses.. With love from 🇳🇬🇳🇬
Thank you Sir... This is a great tutorial.. I finally completed this project today... All the concepts and explanations you gave in this project are really helpful for understanding the basics of HTML, CSS and JavaScript in a real world implementing view.
Thanks a lot Sir...
This was a awesome project, thank you. You explain things clearly and I was able to keep up. Thank you.
Sir if you dont mind i want to say that next time when you upload the course it should be a full course not a crash course because you are our mentor we want to learn from you alot thank you
Hey Brad, thanks for doing this for us, I'm learning at light speed here. I got one suggestion, though. When you are about to do something, especially when coding the script, please tell us ahead what you're going to do and why, just one or two sentences would do, because usually I'm tempted to just write along without knowing what I'm doing. It'd help me to streamline the thought process when I'm making my own stuff. Thanks a lot.
like line 18 it's calling the function that takes parameter that accept index of the song from the songs array. Because he set the songIndex = 2, that would be the first song to appear. songs[songIndex] is basically saying. from the array, just bring me back whatever index in the array. Which in this case it is Ukulele
I just bought the course, just made it in time and it was $9.99 for me. As I don't make a ton of $, this helps a lot! Thank you Brad! 👍
I love traverse media ....I just love this channel ...Brad you amazing man.
this is si hype!!!!! Thanks dude, I will make something like this! next :- a video player to go with this!
If you are following along with this tutorial but are having trouble to set the duration variable, try : audio.addEventListener("loadedmetadata", function() {
songLength = audio.duration;
console.log(songLength);
}); in case its returning NaN :) Thanks for the tutorial
still not working
@@kirillgrechukhin1298 if you show me your github repo or a codepen i can have a look
Had fun with this. I think i added bits so you can search for songs and play them too with the pictures.
Thanks a lot, Bro.. This video really helped me with some of the stuff I wasn't able to fix
Before the end of 2021, it's gonna be 2M subscribers for this amazing channel. Watch this space.
I just want to learn more and gain money then subs to your udmey bc you deserve more, thank you
wow this looks like a really fun n exciting project! looking forward in rolling along with this, Thanks brad for the awesome content again! 😎
Thanks Brad these projects are really cool helps in understanding how logic works especially for as beginners
Great video, you taught me a lot of new things, thank you !
It is really easy to understand for beginners...Thanks ..please keep doing many such programs 😊😊
what a beautiful project, amazing learning experience with this one, traversy for life.
I got stuck on the audio.play(), my audio just wouldn't play and I couldn't figure out why
Nice one brad. Its 1am in Kenya and Ive got to learn this. But while following it, I am hearing some voices of people at background, did anyone notice?😁
for incrementing the song just use the module operator to a max of size .. no need to if statements. Like "index = (-- ++index) % size" always between 0 and size-1
Thank you so much for this video, so lovely!!!
Just awesome and so simple to understand 👌 thanks a lot for this nice course 😀😀
I have a problem multiplying numbers by numbers
BRAD does numbers by strings
God bless this dude
Brad, thanks a lot for a good and simple explanation! 👍
Hey,
Almost 1.5 million subs.... Congrats Brad
It is written "Brad", but it is read "Motivation".
Love from Azerbaijan.
Thanks a million this is a deal breaker
Why my music-container play image isn't turning when added the class play?
Traversy Media, you're great and thanks so much for helping us do amazing things.
This is really cool. Helped to learn new CSS and JS. Thanks alot
hello dear brad you are amazing men thank you so mush .i start learning html with a lot of courses with other guys .and yesterday i find your course really you are very kind because you give me lot of information .i want to thank for your efforts in videos .now I'm very happy to continue with you css and java .i looking for more courses about html i want be professional like you .i need your advices thank you bro
I just purchased the udemy course! can't wait! :)
Thank you for your good deeds.
Sir please make video on how to create video player with html,css , javascript
Great little App, I loved it, You're the man Brad, thanks a lot
Great vid! I built a music player on my own where I used JS to handle a lot of the styling animation, but I like your coding structure much more, thanks!
Great tutorial as always, love you brad🙌🙌🙌
"Now we're going to javascript. This is the fun part."
Great video Brad, I literally commented on one of your videos a few weeks ago asking if you could do something with the audio tags
Combining my two passions: Music and Web developement - love it!
I'm currently following your Javascript Udemy course, and it is so awesome!
Thanks for the discount! bought the course
So good! Thanks Brad!
This is genius!!! THANK YOU!
how did you insert the mp3 audio files? I cannot make them work
Please do the frontend part for this project "API Masterclass With Express & MongoDB" you have mentioned in your class you will do it.
my top channel.. kudos always
This is a great tutorial and I had a lot of fun and learned a lot following along. I've embedded a version of this into a multi-page audio player I've created, but the audio stops when I switch web pages. I'm wondering if there is a way to continue playing the audio, even when switching web pages? Thanks for all your great content Brad.
Did your own work?
Because mine ain't playing i even typed everything and added his but it still ain't playing even after me inputting the song .
please help me solve it
that Hey! song scares me everytime xD
otherwise great tutorial!
Great tutorial! Thank you so much!
Awesome ! May God reward you
Thank you for this class....
Great tutorial, thank you very much!
fantastic tutorial as usual. thank you.
Ohh thats now another a very super cool video by brad....A big motivation for us😀😀😎😁
Adding select song feature
Sigue creando proyectos así amigo que en RUclips casi no hay, saludos desde Colombia
I like how you used RUclips audio library music so you don't get copyright
amazing video, love from pakistan
As always. Wonderful. Thanks
Thank you very much✊✊✊❣️❣️❣️👍👍👍
Hi Brad, you've been such a phenomenal Resource to all of us. Thank you very much.
I found this Video when I searched for how to make a Media ( Audio & Video) Playlist. I was delighted to find your work is so close.
But, could you make a supplement, showing how a clickable list of Videos or Audios can be added. Your Widget does not show the User what is Available. A user should be able to select from a list which Music or Video to play.
Your schedule is scary though. Sorry for this more trouble.
That was allot of fun. Thanks for sharing that with us.
Your videos are always top notch
Brad thank you very much
I get this error:
script.js:94 Uncaught TypeError: Cannot read property 'addEventListener' of null
also, how could I add a Spotify API / playlist?
the fa-pause icon is not showing up
Thanks bro for your great help.
When trying to pass in e during the progressbar section in javascript, I just get undefined and unable to console log e.srcElement... any idea why? I didnt notice declaring an "e" earlier on
Very interesting, great Job Brad ✨✨
i have a question. can you help me with this. I want to create a simple site, so that there is a music player and when switching between pages, the music continues to play, that is, it saves its state (the player, too). Could you tell me what technologies to use to satisfy my need. Example (soundcloud, spotify) Thanks!
Great Video. Thank you