ASMR Programming - Music Player App - No Talking

[@AsmrProg]

After a while we updated 100 days of javascript playlist, Please LIKE this video to support my channel 🙏❤

[@elnurpiriyev4655]

Good

[@AsmrProg]

Thanks 🙏❤️

[@Bradenyolo]

The amount of CSS used makes this website look minimalistic! Great job😁

[@AsmrProg]

Thanks 🙏❤️

[@juancruznunez8041]

Hi brother, I'm such a newbie into coding - currently studying the fundamentals - but seeing you, coding like this, making it look relaxing and easy is such a HUGE inspiration to me. Content like this make me realize the real beauty behind all this computational logic. Pure art. 🎨🔥 Greetings from Montevideo, Uruguay. 🇺🇾❤

[@AsmrProg]

Thanks a lot bro 🙏❤️

[@aijazbir2010]

Same i have also started learning c++ 1 month ago and it is very relaxing

[@AsmrProg]

Keep going on 🙏❤️

[@coco0847]

what`s ur progress now??

[@Mostafa-jh2ij]

Same Here!

[@rinri_ustav]

This is an amazing coincidence for me- I just got my final coding test task yesterday and I need to write website service to listen music to and now I have an inspiration thanks to you! Hope it's okay to use some of your css features or ideas- And thanks for showing something new and good every video, keep going!

[@AsmrProg]

Thanks a lot, so support me with your likes 😁❤️

[@rinri_ustav]

@@AsmrProg As always I did and will continue as well 😄💕

[@AsmrProg]

Thanks so much 🙏❤️

[@MyutiConx]

please create more in the future as a hobby, i really learn a lot by experimenting and add similar code that i'm try to copy based on your videos. and now im officially getting recruited as junior developer, you are my pioneer and savior! thankyou

[@nhuphan6969]

when I first saw your video, honestly I thought I would not just sit there and watch the video. But I'm wrong... no idea why I kinda like this type of ASMR. Great vid.

[@AsmrProg]

Thanks 🙏❤️

[@jojog2624]

Just a few lines of code made such a good looking and functional app! Amazing!

[@AsmrProg]

😁❤️

[@singmeasong1]

You are the reason I am trying to learn coding. Thank you so much

[@AsmrProg]

Keep it up 🙏❤️

[@rashidryan1309]

I love this exciting and creative things which makes me more fun . Thankfully im in IT and thinking to grow in this feild . Love u man making this 🥰

[@AsmrProg]

Thanks a lot 🙏❤️

[@user-wj1mc7kd2r]

It was a great tutorial that helped me enhance my JavaScript skills. I learned a lot of valuable concepts and techniques through your clear explanations and examples.Your video was engaging and easy to follow, making the learning experience enjoyable. Thank you❤

[@AsmrProg]

Thanks a lot for your good words, keep going on 😉🙏❤️

[@ddgarciaf]

awesome journey man, just starting js this is such a motivation for me

[@AsmrProg]

Keep it up 😉🙏❤️

[@MyCodingDiary]

Your explanations are so clear and easy to understand. Thank you for making this video!🤝

[@AsmrProg]

Thanks 🙏❤️

[@gamersengeki7150]

Bro, thanks so much for the content. You thought me something new!

[@AsmrProg]

Support video’s with your likes 😉❤️

[@flutterdevasmr]

Fantastic design! 👌

[@AsmrProg]

Thx a lot 🙏❤️

[@jurgen3069]

I wish i can master javascript like you in the mean time i created a playlist of my own 🙌

[@AsmrProg]

Yes why no, keep going on 😉🙏

[@user-oh7xe2ju6x]

Great coding, i like your Creation❤

[@AsmrProg]

Thanks so much 🙏

[@psMens]

Hey, bro i just found a channel called Arbind -M and his first video is about creating a nested bracket calculator logic which supports upto 35 nested brackets, with bodmas implementation rule, i really surprised that he the first guy who did this job, and one important thing about the logic is that it gives 99.9% accurate result along with google calculator and Microsoft calculate, i will recommend every people to watch the video thanks, reza bro please tell me how it's that, and i didn't understand the logic, can you please explain 😅😅

[@AsmrProg]

Hi bro, what i need to do?!

[@psMens]

​​@@AsmrProghey bro just watch him first video at, 25:30 and you understand what i mean😊😊 and also read my comment again i do some spelling mistake 😅😅

[@AsmrProg]

Bro why you didn’t asked channel owner about it!

[@psMens]

The channel is new and I don't know the owner tells me or not, but you are so humble and good so i prefer to ask you😄😄

[@gameplayer1563]

How to let the program automatically interact with the Internet to retrieve music, so that I don’t have to search for music and photos on the Internet one by one in the program. I hope you can make a video and explain how to do it. By the way, I like your video very much!

[@AsmrProg]

Yes, we will have video about internet connection check 😉

[@f1nnZz]

Can you do a mini tutorial on the frosted glass look to vs code and when you resizing window and stuff?

[@AsmrProg]

Hi, with glassit extension you can do it!

[@ramsaydevvop]

Man it's soo good thx

[@AsmrProg]

🙏❤️

[@Kaibuygaming]

You are best coder in the world ❤❤❤❤

[@AsmrProg]

Thanks so much 🙏❤️

[@ghostmaysam]

Great UI🌟🌟🌟

[@AsmrProg]

Thanks 🙏❤️

[@NotJayG]

Hey bro, is there an API to retrieve music and use them in our web instead of having to download them first?

[@AsmrProg]

Hi, i will check it and tell you 😉

[@NotJayG]

@@AsmrProg thanks! 😁

[@AsmrProg]

🙏❤️

[@NotJayG]

@@AsmrProg have you found it? 😁

[@AsmrProg]

Yes, Spotify and soundcloud have api for it!

[@breno3632]

Muito bom, consegui fazer um music player graças ao seu código, 👍👍

[@AsmrProg]

Thanks 🙏❤️

[@illegalGoose]

I watched the video three times, the js code is completely identical, I only changed the style and added a volume button, but that's bad luck, the music rewind doesn't work. I reviewed the setProgressBar and updateProgressBar functions 5 times, but I didn't find any differences or errors :( Please help :(

[@AsmrProg]

Hi, check video description, source code available on my github, replace your new codes there and if you have error after it, send source to me in telegram, link on channel about page 🙏

[@CyberStudios]

This is super cool!!!

[@AsmrProg]

Thanks a lot, support us with your likes 😉🙏❤️

[@asmrKotlin]

Amazing design😍

[@AsmrProg]

Thanks broooo 🙏❤️

[@lone-wolf9]

How did you learnt this advanced coding? please make a tutorial on HTML, CSS & JS too it will be helpful!!!

[@AsmrProg]

Yes! I’m working on 0 to 100 courses 😉

[@hrdavar]

How to dynamically do this ? How to change path automatically

[@AsmrProg]

Sorry? Can you explain it?

[@Gametvs33]

cool coding

[@AsmrProg]

🙏❤️

[@antoniodellifiori3207]

Beautifull video. Can i ask u which theme are you using into Visual Studio Code ?

[@melroijohnlardizabal]

I really like glass morphism ....

[@Maykzed]

Can you try to do this with react?😁

[@AsmrProg]

Also we have a React music player in the future 😉🙏

[@Maykzed]

@@AsmrProg

[@AsmrProg]

🙏❤️

[@the_code_js]

That's really awesome bro

[@AsmrProg]

Thanks 🙏❤️

[@firecreeper21]

Hi cool video, I have coded it now, but If I want to add my own files into the folder structure under the folder "assets" It says "an error occurred while loading the audio file" Do you know a fix for this?

[@AsmrProg]

Hi, you need to use its path in correct way!

[@firecreeper21]

How would I do that? Im quite new to coding in vscode so what do I do?@@AsmrProg

[@AsmrProg]

Path to the file!

[@firecreeper21]

yes I did that. Interestingly they load in the browser, so if I use the player in my browser, it works. only VS code has the problem@@AsmrProg

[@AsmrProg]

@firecreeper21 maybe your path to assets are incorrect, remove “./“ from path if you added 🙏

[@GamingXHeng02]

What should i change if i want to use Url from youtube to play instead of local? Anyway incredible work thank!

[@AsmrProg]

Hi bro, for this you need to change full of code!!

[@TrxShah110]

This is what I want

[@AsmrProg]

Great, please like video to support us 🙏❤️

[@TrxShah110]

@@AsmrProg Yeah of course

[@AsmrProg]

Thanks 🙏❤️

[@michelligan_]

for me the images for the covers are not showing up even though the source is right :/ how do i fix it?

[@AsmrProg]

Your source have bug! Check my source code link on description 🙏

[@kvitop]

thank you

[@AsmrProg]

🙏❤️

[@immanuelsong]

this is amazing. is there a reason why you dont use React or other library/framework?

[@AsmrProg]

Hi, we will have React and frameworks complete playlist soon, first we need do projects for beginners! 🙏❤️

[@immanuelsong]

thank you !!!

[@AsmrProg]

🙏❤️

[@justxpedro]

i used the same css for my image but the border-radius on the album art isnt transparent. i still see the corners, i had to remove the 20px border radius

[@AsmrProg]

Hi, did you checked my source?!

[@rafaelrocha1748]

the song time is not working on mine, what should I do to fix it?it looks just like the video

[@AsmrProg]

Hi, maybe your code have bug! If you want i can send source 🙏

[@JustShmile]

What keyboard are you using sir?

[@AsmrProg]

Hi, in this video newmen gm610

[@JustShmile]

@@AsmrProg Thanks sir keep it up!

[@AsmrProg]

🙏❤️

[@diegomazzoni9320]

Hi, how you refresh you're website and seeing changes without saving or clicking on refresh button in google? Love you're Videos

[@AsmrProg]

In this video with live server extension 🙏

[@dark_sider7801]

so nice and clean👌 can I push my code to github ?

[@AsmrProg]

Thanks, yes but it’s MIT licensed 🙏

[@dark_sider7801]

@@AsmrProg thanks for mentioning it I🙏 your videos are so good and easy to understand

[@AsmrProg]

🙏❤️

[@parth_0116]

Will you show us your vs code extensions? Btw, love from india 👑❤️

[@AsmrProg]

Hi, There is a post in my channel community page about my extensions 🙏

[@parth_0116]

@@AsmrProg okk thx brother 💥

[@AsmrProg]

🙏❤️

[@hokanea2918]

Hi, as I was practicing with you, I struggle to insert the picture and the audio. Is there anything that I'm missing?

[@AsmrProg]

I need to see your code! But project source code available on my github, link on description 🙏

[@ninjagames2368]

Hello ❤, it's a bit late, but can you please help a beginner make a shortcut for the pause button by pressing space? 😊❤😊❤😊❤😊❤

[@AsmrProg]

Hi bro, you need to just add an event listener for it 😉

[@ninjagames2368]

I am a bit shy, but I haven't learned that yet🤭

[@AsmrProg]

Add event listener for space button then connect it to toggle pause play!

[@ninjagames2368]

It worked 🎉

[@ninjagames2368]

I want to tell you something You are annoying people with your amazing videos ❤️

[@NCTURKUA]

can u create apps with android studio ? if so .. plz do one simple app with it in the next vedio ☺

[@AsmrProg]

Hi, with android studio no but with vim maybe 😉🙏

[@user-kg9rt1eu1j]

awsome😁

[@michelligan_]

hi so i fixed everything mostly im just confused as to how i can change the background to be an entirely different static image? i would like the background to stay the same and not change with the cover art but i'm too new to coding to understand the code .-. :(

[@AsmrProg]

Hi, remove section in js that we choose cover statically 🙏

[@michelligan_]

thank you so so much!!! :) i used this video to just throw myself into coding and figure stuff out on the go so thank you for providing all these informational videos :)@@AsmrProg

[@AsmrProg]

@MelodyMusicy thanks a lot 🙏 keep going 😉

[@monishtech3607]

can you please tell me how youre using the arrow keys without clicking fn key? cz i also have a 61 key layout keyboard and im having a lot of problems with the arrow keys. Someone please help!

[@AsmrProg]

Hi, install it’s software on your pc, then change arrow keys function 🙏

[@monishtech3607]

@@AsmrProg keyboards software??

[@AsmrProg]

Yes, some keyboards have softwares to customize it!

[@trannguyeninhbao4136]

how to have the vscode's background just like yours ?

[@AsmrProg]

Hi, it’s glassit extension

[@dantesonly4458]

Hi, what is the name of this keyboard?

[@AsmrProg]

Hi, newmen gm610 on this video 🙏

[@hxrry21]

what's your vscode extension for transparent background?

[@AsmrProg]

Hi, Glassit extension, also there is a repository about all of my vscode settings in my github 🙏

[@lilipyter828]

how to make vscode one like yours

[@AsmrProg]

Hi, please check my github, there is a repository about all of my vscode settings 🙏

[@hassana6983]

that was perfect

[@AsmrProg]

Thanks 🙏

[@ifeanyinnaemego]

I need the setup for your editor

[@AsmrProg]

Hi, check my github, there is a repository about all of my vscode settings 🙏

[@Sr.zangao]

What do you do for your vscode be transparence like this?

[@haxdaviele1307]

Hi can you make tutorials?

[@AsmrProg]

Courses?!

[@Mtixgame]

mashallah dadash dos dashti bego manam chi konam kanalam begire fadat

[@AsmrProg]

Salam, eshghi, tel pm bede link about channel 😉🙏

[@ankitsaha3218]

Hey, i can add more mp3 files in the assets folder right?

[@AsmrProg]

Yes and also you need to add it in js code 🙏

[@ankitsaha3218]

@@AsmrProg ok thanks👍

[@ankitsaha3218]

@@AsmrProg tell me one thing, how can I modify the play bar so that it can be dragged forward and backward...at the moment the progression bar is moving only on clicking at a point on the bar.

[@AsmrProg]

🙏❤️

[@PhonkCoding]

What is the keyboard model? ⌨

[@p98976]

how do you get the red trail and the green circal

[@AsmrProg]

Hi, it’s screen recorder effects!

[@matiasgigena1912]

hey ASMR! where do you get your wallpapers?

[@AsmrProg]

Hi, Pexels website!

[@m7mds166]

I have made small projects on Visual Studio Code, but I do not know how to create a link to these projects and I want to know how to do that

[@AsmrProg]

Hi, you need upload projects on hosting sites, then you can get links 😉🙏

[@prazwaltechming123]

Can i use these for my another KZbin channel by giving credit

[@AsmrProg]

Hi, yes no problem 😉🙏❤️

[@Kaarim030]

is there some kind of api available for music data

[@AsmrProg]

Hi, yes! Also spotify api, sorry for late response 🙏

[@Kaarim030]

thanks man @@AsmrProg

[@AsmrProg]

@ThePhantom030 🙏❤️

[@obidov]

How can i change like your animation cursor ?

[@AsmrProg]

Hi, it’s screen recorder effects!

[@sathwikcm7]

where did / how did you learn web development broo???

[@AsmrProg]

Hi bro, with courses in my country and searching sites and youtube 🙏❤️

[@sathwikcm7]

@@AsmrProg oh Thankyou for replying bro , love your videos from India💖

[@AsmrProg]

Thanks 🙏❤️

[@rashidryan1309]

bro, assets part gives me error where to save ??

[@AsmrProg]

Hi, what’s your error?! Check my source, link on description 🙏

[@rashidryan1309]

@@AsmrProg just a minor error but i sorted out and also i had changes songs and imgs too . thats feeling was superb😍... but one thing i cant do in song is skipping forward it restart or change the song . but in ur video u can skip forward i dont understand where i m stuck

[@AsmrProg]

Check my source you will fix it too 😉 don’t miss new video, it’s great!!!

[@jawnelcurato2864]

hello, how did you add your assets?

[@AsmrProg]

Hi, i showed in video!

[@jawnelcurato2864]

thanks, i just finished coding it man, it took me 3 days hahaha. but how do you create a link for my friends to be able to view the music player?

[@AsmrProg]

@jawnelcurato2864 great, you need to upload it on a hosting!

[@B2fSaurav]

bro how to play my own music from my pc 😢♥️

[@AsmrProg]

Hi, there is another music player video in channel, check it 😉

[@matiasgigena1912]

and also I wanted to know what font size do you use!!

[@matiasgigena1912]

like on your vscode

[@AsmrProg]

Hi, it’s vscode default

[@AsmrProg]

I’m using Cascadia Code font

[@shivaayritik6680]

Hey! I also want to start how could I?

[@AsmrProg]

Hi, it’s web coding!

[@shivaayritik6680]

@@AsmrProg from where should I start ? ❤️❤️

[@AsmrProg]

Html, css tutorials

[@shivaayritik6680]

@@AsmrProg hey thanx buddy for ur reply, can i start from html?

[@AsmrProg]

Yes, you need to start with html, then css and js

[@ali_mod4974]

nice 🔥🔥

[@AsmrProg]

Thanks 🙏❤️

[@LibertyAdv]

what thema ?

[@AsmrProg]

Hi, this one firefly pro

[@data7677]

what theme is this?

[@AsmrProg]

Hi, check my github please, there is a repository about all of my vscode settings 🙏

[@TrxShah110]

Opera is not working properly

[@AsmrProg]

Hi, what’s problem? Please can you explain it?!

[@user-mb1xg5lp2v]

How mch xp do u have? I finished front end part of web development course

[@AsmrProg]

Hi, what xp!

[@TrxShah110]

What software you use for live server

[@AsmrProg]

Hi, it’s live server extension!

[@LaxmanSingh-vo2gt]

Plz provide project coding file

[@AsmrProg]

Hi, project file link on description!

[@ewton5578]

Thank you ❤

[@Kathan_13]

Wallpaper link please without telegram make an project on wallpaper download

[@AsmrProg]

Hi, I don’t have its link! If you want i can send in telegram 🤦‍♂️

[@Kathan_13]

@@AsmrProg ok I'll send you message

[@AsmrProg]

🙏❤️

[@hakberdiorazow232]

Bro do you know backend web development

[@AsmrProg]

Yes and also we will have it in channel in the future 😉

[@goofyassgerman117]

what keyboard do you use?

[@AsmrProg]

Hi, in this video newmen gm610

[@Joseph-uv6kh]

brother what is your job? and how much you earn?

[@AsmrProg]

Hi, sorry it’s private!

[@user-mb1xg5lp2v]

u r good

[@AsmrProg]

Thanks 🙏❤️

[@TrxShah110]

Hey Brother I have a question Plz reply must

[@AsmrProg]

Hi, what’s question?!

[@samtz30506]

👍👍👍👍👍👍

[@AsmrProg]

Thanks ❤️🙏

[@BAN235]

distinct

[@AsmrProg]

Thanks 🙏❤️

[@genie9262]

First!!!

[@AsmrProg]

Yes! Please like video 🙏❤️

[@rashid5155]

😍😍Hey man you are very talented and your very genuius 😇 😙what is your name?????????

[@AsmrProg]

Thanks a lot, I’m Reza 🙏

[@rashid5155]

"Reza" very nice name🥰

[@AsmrProg]

Thanks ❤️

[@meryameddaif4951]

First time we hear some sounds in your video 😂

[@AsmrProg]

Yes 😂❤️