How To Make A Music Website Using HTML, CSS JAVASCRIPT || Add music html website

[@amit-jx5lh]

Huge respect to you man. this is insane.

[@Ankit-dm2wl]

Wow amazing bro very nice website..🎉🎉🎉 great...👍👍

[@SmitBadiyani]

2:50:31 Music Play / Pause Javascript 3:24:12 Music start And End time Javascript 3:41:40 Volume Javascript 2:53:04 Music Selection Javascript

[@mercurys6882]

A hero we don't deserve

[@Yesshriyanhere]

bhai apan appko Naman karta hai ki app na apan logo ke liye aisa video banaya, Thank you so much bhaiya😇😍

[@kdscoder]

Shukriya brother ❤️😍

[@muhammadismailabdulaziz4463]

Thanks bro, amazing video, keep it up ❤️❤️

[@kdscoder]

You are welcome 🤗

[@CodeLearningAcademy]

I don't know why people underestimate the power of HTML and CSS with Javascript you can really create a project with great features. Nice project and nice animations,Keep it up, i also make a website development video 📹

[@kdscoder]

Thanks brother 😊

[@souravkumar7650]

Bhai 2:25:31 pai 330 kese hua bata na plz

[@harshdeep7015]

​@@souravkumar7650bcoz that is width of cards

[@manishkumar-bw5iv]

Great project.. lots of love and respect to you sir.

[@kdscoder]

Thanks 🤗🤗🤗

[@SwarajMhaskeFIT]

Bhai ye website responsive hai na ? esko mobile app me convert kar sakte hai na?

[@MofM101]

Thanks man! you deserve more likes 👍

[@naknet-p5r]

Like you pro thank you so so so so much.❤❤

[@kdscoder]

Thank you too 🩷❤️❤️🧡🖤💜🩵💙

[@sanjayshiyaliya8386]

Thanks mam for best website ❤

[@kdscoder]

You are welcome 🤗

[@Hereissarthak]

hai code dedo

[@tarunjain4496]

Great video, I'll continue from 17:13

[@_JaydattKshirsagar]

can you give source code

[@JahangeerKhan-qv5gj]

Ek dum mast bhaijaan

[@kdscoder]

Thanks 😊

[@keepitsimplenaruto6912]

Nice bro thnks for explaining

[@kdscoder]

You are Welcome brother ❤️

[@n.singh_jaat4421]

Awesome 🎉🎉👌

[@kdscoder]

Thanks 🤗

[@marysoil3209]

Hello, just wanna ask. Did you fetch an api here? Thank you!

[@kdscoder]

Simple Array , if you have api ,so you use fetch method

[@hpk-gaming]

nice website bro very good

[@kdscoder]

Thanks

[@rededucation9142]

Nice effort bro

[@kdscoder]

😊

[@kdscoder]

Thanks

[@kashishsankhyan3600]

Hyy apki video really helpful hai mera lia ... Mai bhi apna project bna rhi hun music website pr ... So kya ap source code send kr skte hain ??? ...and thank you so much ❤️

[@kdscoder]

Thanks 😊 visit = kdscoder.com

[@manbox866]

can you pleas make a video on creating firebase linking it with website and storing and updating user data like this watchlist, playlist in database so when he logins he has his playlist and watchlist pleas

[@muhammadismailabdulaziz4463]

Bro php ki website ki bhi video kryn ap , thanks ❤️❤️

[@kdscoder]

Jrur 😊

[@m1nato64]

I will continue tomorrow from 2:17:49 Thanks for the project!

[@souravkumar7650]

Bhai 2:25:31 pai 330 kese hua bata na plz

[@GiveBackGlory]

Can you provide source code till you have done

[@artist3587]

@@souravkumar7650 hey.. Did u got it.. How it took 330..if yes pls let me know

[@nikhilkumar4759]

Can you provide source code till you have done

[@nikhilkumar4759]

@@GiveBackGlory Can you provide source code till you have done

[@БотирИсамиддинов]

how i can run this project from server to open any buttons like index.html#1 and #2 and others like this?

[@chiemeriewilliams5852]

Amazing project dear Thank You So Much

[@kdscoder]

You are Welcome 🤗❤️

[@souravkumar7650]

Bhai 2:25:31 pai 330 kese hua bata na plz

[@SKULLMEHTA]

@@souravkumar7650 same problem with me

[@niteshprajapat7918]

This is insane 🔥🔥

[@kdscoder]

Thanks brother 🤗🤗🤗

[@souravkumar7650]

Bhai 2:25:31 pai 330 kese hua bata na plz

[@artist3587]

@@souravkumar7650 did u got.. If so please tell me

[@BureKaamoSeBacho]

Bhai app.js me array Banene per SongName: 'lagdi Lahore di' iss line per error aa raha hai console me kya problem hogi Code const Songs=[ { id:1, SongName: 'lagdi Lahore di Varun Dhawan' poster: "1.jpg" } ]

[@kdscoder]

(Add comma here , )poster:”1.jpg”

[@BureKaamoSeBacho]

Ok thank you soo much bhai

[@sachin_yadav417]

College project ke liye use kar sakte hain kya

[@mizajulhoque1001]

Nice Project

[@kdscoder]

Thanks❤️❤️❤️

[@JanviJaiswani]

thank u so much it gives me great learning but this not responsive sir can u please make this resposive cane u help??

[@kdscoder]

You are welcome Responsive = Create A Music Website Using HTML CSS JAVASCRIPT | Add Music In HTML Website | Hindi kzbin.info/www/bejne/r6W8Z4uYlsRrg5Y

[@SZBrosOfficial]

nice work

[@kdscoder]

Thanks Buddy ❤️

[@mayajagadale1963]

Sir next video show Kara na music websites cha sir kara ni website rahileli

[@rrkitchen5305]

thank you😀😀😀

[@kdscoder]

You are Welcome ❤️

[@binhnguyen-hb4lp]

amazing! Thank you so much!

[@kdscoder]

You are Welcome 😊

[@敏·薩格羅]

Kya ya Blogger website mai bana re,ya dusra website mai

[@kdscoder]

Nahi Ye Blogger Website Nahi Ye Custom Website

[@敏·薩格羅]

Tho kya ha

[@divyansh6842]

1:28:12 why image is printing so many times??

[@ngokien8591]

i think there's a problem with http of localhost, they ignore range so when you click on progress bar, the music.currentTime always set to 0. How can i fix this issue?

[@nopolioncollection]

This video is done correctly coding tommorrow i will begin part2

[@kdscoder]

Congratulations 🎉🍾🎊

[@NavinKumar-rp5pr]

Bro send me source code

[@aniemer1801]

Is there is any concept of log in and how can artist upload thier song over it

[@muhammadismailabdulaziz4463]

Bro mera assignment hy, php sy music songs website bnani hy wo bhi dynamic website, aur bro 16 September ko suit krni hy, to bro dynamic music website ki complete video bnayn plzz, taky hamy help ho sky , thanks

[@kdscoder]

Jrur

[@AyobamiOgunjemilusi]

nice video but why are you not replying those of us that are asking question like how to get the link for the poppins and other question

[@RTXGAMINGWITHMUMIN-gn7et]

loveu vro

[@trendyp998]

code đéch chuyên nghiệp ;)

[@kdscoder]

Visit = kdscoder.com 😊

[@karthik_2112]

I am just begginer, can anyone help me? How can i play the appropriate song from the multiple songs when the user click from the list

[@suryateja510]

Hi Bro, While i was createing in the header section, i gave the same dimmension as like you, but whn i was giving flex-wrap as a wrap it was not getting the same what you got....can any one please help me out that please

[@dipplays649]

Same issue

[@Aditya_541]

Bro! from where can i download the songs and images required for this project. Because when I'm downloading it from ur website it says that the file is damaged.

[@kdscoder]

Right brother, this problem solve tonight 😊

[@Jaga6657]

its a good work by you but in this code we need to take unique song in playlist and popular songs or we need to copy the image and audio again for same music that is alot hectic task please solve it and provide a link of better code

[@kdscoder]

Please check website = kdscoder.com

[@at0m814]

Hi man great video almost done bus ek problem ari hai ki vo progress bar freely use nai kar para hu usko age drag kiya tho vo vapus starting se shuru hora hai i even checked the console no errors there can u help? 3:39:52 ye event kam nai kara hai

[@rajshikhawat6188]

How can I make the song's image continuously rotate clockwise while its song its playing..?? Its really a cool effect which I wanna know how to do exactly pls tell..

[@Vampion]

ass translation using css

[@Vampion]

i mean add*

[@souravkumar7650]

Bhai 2:25:31 pai 330 kese hua bata na plz

[@abhisaragarwal9084]

Kya isme songs add bhi kar sakte hai

[@kdscoder]

Yes 😊

[@abhisaragarwal9084]

@@kdscoder kaise add hoga koi add button hai kya jaise apan isi website me add new song ka ek button banaye fir usme api fetch karke apne aap add hojaye

[@abhinayy___2627]

Bhai styling tak to thik thik tha But jese hi js continue ki project work hi nhi kar rha arrow se hi dikkat aa rhi h 😢

[@ProgrammingKeeda]

Bro how to add songs in last listening, recommendation my library and radio

[@Siya56450]

Sir 2:25:29 ispr Kaun sa card ka dalna h number plz batao naa

[@jatinchugh9493]

Is this responsive website?

[@himanisingh539]

Meri music playlist connect nhi ho rha h in my website

[@RajPatel-bl7ke]

Hii bro, your video is very helpful to me, great thanks to you!! Can you just share source code for this same website??

[@vishwajeetjadhav6194]

Nothing is free bro...

[@henbawaheng9780]

Plz recheck the link provided in the description for source code etc. Nothing is working brother...

[@n.singh_jaat4421]

Sir can you provide full coding and programming pdf and report of this application. ???

[@kdscoder]

only code on kdscoder.com

[@Jonathan.M007]

This is such a great idea how much would it cost to dev this and reach sp0tify levels, and also have features for personalized algorithm, randomized algorithm, trending alog. built in plus have the capability of having online sale platform for artist albums and even donation options built in. Am hoping to get your opinion on the cost that would be involved and the time it would take to have this built and running. Am fired up about this and hope others would be too speaking as an upcoming musician, there is nothing as terrifying as having to spend all your money on making music just to realize that you may never get it back and now your family could starve n go down the social drain just because you followed your passion. Thanks for your time.

[@kdscoder]

40INR k to 50INR k

[@iceheart_601]

flex wrap doesn't work properly in 13:14 .... bro kya karu....

[@kdscoder]

Use flex or flex wrap agr fir bhi nahi ho reha to aap muje instagram pe code ka screenshot bhejo use solve krte hai

[@iceheart_601]

​@@kdscoder jane do maine mere senior se problem solve karva li hai... thanks

[@aayusheebundela6229]

i am unable to copy exact Font url you imported. Please send the one u wrote in this code.

[@kdscoder]

@import url('fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

[@shroud-1]

js me problem aarho hai poster menu side me aarha hai lekin pop_song pr nhi or button bhi kaam nhi kr raha hai 2:40:41

[@kdscoder]

Console me koi error aa reha hai ?

[@shroud-1]

Ha sir

[@mrnexnibos9946]

Bro how to make this javascrip code for multiple genres

[@PrernaBhardwaj667]

Mujhe yeh nhi samajh aaraha h ki aapne html or css ki coding alag alag kyun ki h or mai isse kaise kr sakti hu I didn't not understand it...

[@kdscoder]

Mene un files ko alg alg kiya hai or un files ko html me connect kr diya

[@PrernaBhardwaj667]

Okk thank you😊

[@sourabhpandey6830]

my JavaScript code is not working properly ,Sir please help me out with it

[@Islamic_wisdom535]

Can you convert this website into a responsive one 😢

[@kdscoder]

This is a responsive check 3rd part

[@Islamic_wisdom535]

Ok I will check if there is one more video of it . Thanks 👍

[@radityabanuputra3137]

can you explain me for the music src part with englsih please?

[@pankajgudekar8414]

40:38 wave div is not showing what do you think what is the issue

[@rinkirani2685]

aapne description me link to de hi nhi rakha h

[@kdscoder]

kdscoder.com

[@shroud-1]

Jb bhi me popular song pr click kr raha hu to index number 1 se start ho raha hai

[@AbhishekYadav-sq6ez]

2:17:40 se kya kiye ho kuchh samjh me nahi aa raha hai

[@priyanshuvatsyan2564]

in my code event listeners are not working can any one help me out pleplease

[@kdscoder]

Any error

[@capembanews]

Good 🇦🇴

[@YeiberGonzalez]

#28:52

[@EasterTamil]

Bro my project one problem js code not work so js source code send me please 🥺 2 days I am submit mini project so help me ..

[@kdscoder]

Sure please message on instagram

[@GiveBackGlory]

you haven't uploaded correct files of spotify & movie app all the files are missing and other page that you made are not working properly like you showed in video

[@kdscoder]

I will check brother

[@SZBrosOfficial]

♥

[@kdscoder]

😍😍🎈🎊

[@SZBrosOfficial]

@@kdscoder I learn full JavaScript from one video | This video is very helpful | May You upload such videos | Thank you so sooo much bro

[@ajng7504]

Bro can you help me on how to make this webplayer connect to the database? Like how can we load the music from database

[@Hereissarthak]

2:30:21

[@sourabhkadam1040]

Bro Image ke folder mai 26th wala image nhi hai

[@kdscoder]

I will check bro

[@joshuaoklo5666]

why is the website still saying wait checking screenshot

[@kdscoder]

Maybe approved 😊

[@bodoitguy4855]

Same website $6 mein milega?

[@kdscoder]

Yes

[@shashwatsharma2202]

is this website responsive??????

[@kdscoder]

Yes

[@shantanuphutane668]

Hey I was trying to make this site l but I'm getting many errors so can u plzz share me the source code??

[@kdscoder]

sure, message on instagram please i'd = @kds_coder 😊

[@103vidhiitaliya2]

@@kdscoder please this error solve

[@SKULLMEHTA]

did you get the source code ? , he is not replying on instagram , and i need it for college project

[@sanskrutishelar2555]

Hey did you receive the source code?

[@zalakpancha3117]

hii.. can you share source code for the same???

[@anushkayadav165]

Array nhi bann rha h...... Song list js mei define krne ke lie...... Please help

[@kdscoder]

Ok aap muje Instagram pe code bhejo aapka error solve krte hai I'd = @kds_coder 😊

[@NavinKumar-rp5pr]

Agr aapka ho gya ho to plzz mujhe v help kar do

[@yashvardhan2404]

why there is error in downloading files from your website

[@kdscoder]

Which project

[@The_Tech_Sensei]

Reports for this project bro please tell me

[@lupii_e]

music.src = 'audio/${index}.mp3'; in this section, throws an error. how do i fix it. the index number does not come out

[@Khushi2879]

same problem have you fixed...plzzzzzzzz reply

[@harshasrmap7924]

​@@Khushi2879Did you fixed this problem same I also getting the same problem..... If you solved please replyyyyy

[@fayasabdulrsheed541]

where will i get the image and also the poppins? any link!

[@sagarbaghelakablackswan]

you can get poppins from google fonts and can copy paste the font url from embeded code

[@vuhung4487]

Can you turn on the subtitle because it can help me understand clealy. Thank you so much

[@kdscoder]

sure 😊

[@vuhung4487]

@@kdscoder ❤

[@souravkumar7650]

Bhai 2:25:31 pai 330 kese hua bata na plz

[@rajankumarraj686]

where is next part of this video

[@shynzne]

1:27:13 Tomorrow I will continue doing this part.

[@kdscoder]

Thanks ❤️

[@NavinKumar-rp5pr]

Bro aapka ho gya ho to mujhe js file me help kar do

[@NavinKumar-rp5pr]

Const music wali

[@sanskrutishelar2555]

Hey could you please share your source code??

[@07trinhminhtruong47]

I have a bit of a problem with the CSS file and some of your clicks are a bit fast. Would you be able to help me?

[@kdscoder]

Why not, Message on instagram please id = @kds_coder 😊

[@Lavendos-k5o]

why can you at this minute 2:28:28 and I can't do the same with you can you help me please

[@shynzne]

2:23:00

[@kdscoder]

Thanks buddy ❤️

[@abhilashyalagandhula8496]

when i am trying to insert image in html i am getting this error(Failed to save 'project.html': Insufficient permissions. Select 'Retry as Admin' to retry as administrator.)could you please any one help me how to insert image .why i am getting this error how to overcome from this problm

[@NavinKumar-rp5pr]

Bhai mera me music 🎵 nhi chal rha music.play(); karne se error aa rha h kya karu

[@Khushi2879]

same problem have you fixed?

[@kdscoder]

Koi error hai to aap btao

[@ankitdixit7065]

bro why did'nt u made it responsive , make a part 2 for responsiveness

[@kdscoder]

This is responsive please check part 3

[@ankitdixit7065]

@@kdscoder got u brother!

[@rohitshailesh3449]

can u make a video in which we can upload songs

[@kdscoder]

Sure 😊

[@rohitshailesh3449]

Can u just make a second part of this video in which we can upload songs

[@sumantrinidas2031]

Can anyone provide me the correct link to download the icons/images?

[@kdscoder]

Kdscoder.com