How to use Spotify's API with Javascript

[@averywicks6892]

Hope this video is informative for you guys!

[@kenbee85]

this is very informative. Thanks

[@averywicks6892]

@@kenbee85 Appreciate buddy! I have another video with React coming Monday!!

[@saifsiddiqui8017]

Thank you bro

[@PachucoDesigns]

Not gonna lie, this was more discouraging than informative to me. Not because you don't know your stuff; clearly, you do. It just reminds me just how little I know. Most of this was complete Greek to me. That's the most frustrating thing about learning to code. It's loaded with chain after chain of "before you can understand this, first you must understand that..."

[@averywicks6892]

@@PachucoDesigns No reason to be discouraged. We all have to start somewhere. You'll get it. Trust me! I was an intern during my first programming gig, and I wanted to pull my hair out because I couldn't grasp the idea of just an 'object' in OOO. I couldn't figure out when I needed to create a new object vs not. I was completely green, but just kept working little by little. You keep grinding at it, and you'll get there. There are tons of devs that are way better programmers, and smarter than me. My strength is that I will grind it out and learn. That's worked pretty well for me. You keep working, and I think it will work pretty well for you buddy :)

[@mact3nnz257]

Holy Cow!!! I thought APIs were going to be simple. However, this is way more than I expected. Thank you so much for giving us the code on GitHub to study.

[@averywicks6892]

no problem buddy!

[@jamesforster2194]

I learned so much from this by just pausing the video to type everything out and making notes on your explanation. You explain it all so clearly! Thanks very much indeed.

[@averywicks6892]

Really happy to hear that! More videos coming soon! Feel free top share this video and/or channel! Tx!

[@simonlindgren9747]

This is really underrated, only 328 subs??? He deserves a lot more.

[@jimmysit0]

true

[@averywicks6892]

Cool to hear that the videos are useful. Appreciate your feedback buddy! I'm going to keep em coming

[@averywicks6892]

@@jimmysit0 tx buddy

[@jimmysit0]

@@averywicks6892 Thanks to you, this video was very useful!

[@jimhalpert9803]

His subs doubled now

[@Meeks2k]

Bro this was so helpful. Just learning JS and my dumbass set up a local server and everything because I had NO clue about async functions. You’re the goat💜

[@antoinealez12]

i understood about 20% of what you were saying. I'm still learning JavaScript and haven't gotten to APIs yet, but I'll be back when I do

[@averywicks6892]

Just keep pushing buddy! It'll come. I'll def try to make the videos easier for beginners to consume!! Tx for the feedback!

[@jackwatson438]

Legend. This video probably saved me hours of fumbling through Spotify docs, thanks dude!

[@lolownq]

just found this looking through some extra content on the spotify API as I learn best from seeing. But I stumbled across a goldmine for JS Coding convetions (the closures and modules) deffinately will incorporate this into my own coding. Never learned something as good as this in college. And thats over 3 years lmao

[@averywicks6892]

Amazing to hear! Glad this video was useful! If you want, feel free to check out my Spotify API video using React!!

[@TrapWorldz]

Just started studying JS, will get back to this video as soon as i progress.

[@averywicks6892]

Very cool buddy! Hope that this video helped. Please feel free to share if it was useful!

[@rupamkairi]

After scratching my head for couple of days about which auth method to choose for spotify i finally did implemented client credential couple of days ago. But watching your video gave me a whole new view to approach. Creating controls and api connection are awesome 🤯 and i would definitely be using this tutorial to fix my codes many ways. Thank you for the video.

[@averywicks6892]

Sorry for the late response. Really glad this video was helpful. If you want, feel free to check out my Spotify API video using React!!

[@NicoleBardales]

Thank you for this... I'm barely getting started with JS but your explanation is so clear that I can't wait to start working on this project. Everything made sense and was simply explained.

[@averywicks6892]

Absolutely! Glad the video was helpful. Feel free to check out new my video on Unity!!

[@cagan8]

I really like your explanations man especially providing info on important concepts like closures, modules etc.

[@averywicks6892]

Thx buddy! Glad the video was useful! Feel free to share this channel! Would really help me out!

[@grantemerson5932]

Just singing the word "Scootaloo" the whole time watching this. Rad tutorial. I'm new to dev, I appreciate the explanations.

[@averywicks6892]

LOL...Really geeked that the video was useful buddy! Def the goal! More to come. Please feel free to share if you want!

[@123matheuslol]

One os the bests tutorials i ever seen on yt, keep the good work!

[@averywicks6892]

Really appreciate the comment and feedback! Please feel free to share if you want!

[@dannnnydannnn5201]

Nice tutorial! I’m going to try this when I get back home. I’m working on a project that could definitely incorporate some of what you did here with the playlists. This is really helpful actually. Thanks dude.

[@_remma]

Thank You. I like the way you explain every step, not just assume we know.

[@umairgosal5033]

a very beautifully curated and detailed video for all level of learners

[@michalcizek6785]

Wow, what a great video. You deserve waaay more subscribers! Iam hitting the bell.

[@averywicks6892]

Much appreciated! Thx buddy

[@josefranciscoaguirrevillar2113]

Very well explained!!!! So grateful for founding this video! Well edited and professional! Hope you can get More subscribers!

[@averywicks6892]

You're very welcome sir. Been a while but more videos coming.

[@druloloy]

Your explanations are great bro! Thank you for this wonderful tutorial.

[@averywicks6892]

Really appreciate it! Thx buddy!

[@NICKYwashisnameOH]

loved the vid bro. Helped me understand how to use the API + understood IFEE's and Closures

[@averywicks6892]

Appreciate the feedback buddy! Excited that it made some things clear for you! Good luck!!

[@matthewmitchell5141]

Thanks for explaining the way you modularized your code! Great video.

[@iconoyuri9555]

I highly appreciate the quality of your code

[@evsz.]

Mann this tutorial is golden!! Making a music collection webapp in asp.net for school and im planning on implementing this, thanks alot!

[@averywicks6892]

So dope buddy! Appreciate the feedback man!!

[@aricwilliamsdeveloper]

nice to see a brother in the game

[@dylanwilliams269]

Nice one lad. I like the chilled vibe and straight to the point with explanation when needed (y)

[@DontReadMySpam]

This is looking like something I definitely wanna come back to. This video looks very clean and simple to follow, but unfortunately a bit too advanced for me. I was looking into how to create a Discord bot that would be able to request songs using text from a discord server’s text channel. Right now I wanted to see if there’s a video out there that could explain the Spotify API in a sleek and easy to understand way. This seems it. Now that I’ve got this, I need to find some videos on JavaScript fundamentals to get me rolling. Can’t wait to revisit this video. It looks great even to a completely programming ignorant person such as myself. Subbed for sure.

[@averywicks6892]

Really happy that the video is helpful, and I appreciate your feedback!

[@thamaragerig9587]

Really liked the way you explained things!Great video!

[@averywicks6892]

Thank you! Really appreciate it! Please feel free to share this video and/or channel!

[@devmehta-ur8nt]

thank you so much really helped me a lot as someone who is not so familiar with oauth and also to use 3rd party web apis

[@thomaskim9911]

Thanks for the great tutorial! Keep it up!

[@5h00G0fg]

Great Video with clear instructions!

[@averywicks6892]

Many thx!!!

[@mantsalinthabisengsekoli431]

Gained so much from your coding technique, thank you

[@reamsofmind]

Amazing vidoe and just what i was looking for! Feedback would include doing a talk as you code style instead of coding then explainjng your approach, i feel if you approach the tutorial in this way you give people a chance to learn actively instead of just passively listening. Thank you for the time you put into making this video!

[@ahmetomer1759]

Very clear explanation and helpful tutorial, keep it going!

[@averywicks6892]

Really appreciate the feedback! Please feel free to share this video and/or channel!

[@Jose-xe2pw]

dude, that code is sooooo clean. Nice tutorial 👍

[@makeratplaycoding2666]

Great tutorial video. The video editing is very professional with great pacing. Your explanation of concepts is clear and easy to understand. The code is clean and easy to follow. And smooth piano background music sets a good mood for coding. I shall apply some of these styles to my own coding videos. 😊 Great job. Keep it up.

[@wanweiliu7989]

Nice video! Helped me a lot.

[@averywicks6892]

Appreciate it! Feel free to share my channel!!

[@Matt55131]

Informative video and nicely presented.

[@averywicks6892]

Appreciate the feedback buddy!

[@jbueza5592]

I love the way you explain things. kudos

[@cyrus3430]

I watched your intro and subscribed!!!🔥🔥🔥

[@madesno5002]

17 months later and something has changed! This is the hard part about programming, isn't it?

[@jonahsaywonson5272]

Amazing video! Thank so much for the tutorial!

[@emmanuelgatica4998]

I really hope this guy gets huge! Such a great quality video! Ever though of doing a discord?

[@AmandeepSingh-zt9eq]

Great content, and its give me motivation how clean you have written all the methods . Keep making more video . One subscribe from my side(y)

[@averywicks6892]

Really appreciate buddy! Thank you! Please feel free to check out my Spotify video with React!!

[@feliciafel1809]

Thank you so much for making this video! this is great!

[@viniciusnunes9219]

Ótima didática! Eu agradeço muito!!!

[@DruSerkes]

Great vid! Thanks for this

[@averywicks6892]

Many thanks buddy!

[@rminardi]

This is such a great tutorial!

[@averywicks6892]

Many many tx!!

[@danilocorreia5104]

What an awesome tutorial! Thanks man

[@averywicks6892]

Really appreciate the feedback buddy! Let's me know I'm doing something right LOL.

[@aryanmaurya3422]

You are an awesome teacher.

[@AlfredoPrince]

You my brother are f***ing awesome

[@averywicks6892]

appreciate the support bro!!

[@saifsiddiqui8017]

This is what i was looking for thanks dude

[@ayushjain7658]

Great work

[@averywicks6892]

Appreciate the feedback buddy! If you want, feel free to check out my Spotify API w/ React

[@samuelumoh393]

Thank you for this video sir. Is there a reason why the music images are blurry?

[@evynsrefuge]

Thanks for making this! really helped

[@averywicks6892]

No problem. Glad it was useful.

[@archiebaldry]

great tutorial! good job man

[@averywicks6892]

Appreciate it buddy! Glad that it's actually helping some LOL.

[@devanteswing701]

dam bruh you real good at teaching

[@darrenhundt]

This is a great tutorial. Kept it simple.

[@averywicks6892]

Much appreciated! Tx for the feedback.

[@fiora9917]

very good video, thanks!

[@ohhimark8028]

How the hell do you have so few subs? Content is 🔥

[@averywicks6892]

LOL. I appreciate man. KZbin doesn't love me yet haha. I'm going to keep the content coming tho!

[@natalymota7592]

Thank you for this tutorial! What application did you use to create the layout for your user interface?

[@babemeltzer]

Wow! What a video, I'm a beginner and learned so much from this. Thanks. Just wondering can if a feature can be added the you can play the song you picked? Not asking how just wondering if it can be done.

[@Mr_BetaMax]

Great code structure 👏

[@danielli2078]

Hey Avery! Great video. Does the Spotify API support actual audio playback or just give you controls?

[@averywicks6892]

No problem! Glad you liked the video. I have to believe that spotify allows for actual playback as well. I haven't really attempted that though!

[@BlerdGrid]

It does! You would have to find a previewURL data point in the data given back from the call. It may also require a separate endpoint as well that will allow for searching based on the title of a track...this is completely off the top of my head and it's been a while since I implemented it...but I think that's how it works still

[@kassiooliveira5640]

Great video,👏👏

[@sulekhas8785]

Hi! This is exactlyyy what i was looking for. just a question - isn't the client secret token supposed to be hidden and not visible in the code? how do i handle that? is it absolutely neccessary to have backend code in python or node js to fetch that info?

[@averywicks6892]

Glad that you found this useful, and yes, you typically don't want to show the client secret inside the code. Terrible security LOL. I didn't really worry about that for this tutorial as I focused more on JS Principles. Typically, you want to maintain sensitive data on the server vs the client. Which in turn, introduces the need for a backend language :) Hope this helps. Feel free to check out my Spotify video w/ React as well.

[@ladywebber1726]

amazing video..thank u

[@kablamopow]

Very clear

[@marcgroenewegen2022]

Thanks a lot. Very useful!

[@thecallitaspadechannel2794]

All i wanted to know is if you can pull the images from the playlist tracks. And you can 🔥🔥🔥🔥

[@bogomilstoynov8405]

You read my mind, just what I needed! But what about storing the token in the client side code, is that reliable? Should I bother creating an express server with the sole purpose of obtaining the token there and thus not exposing it to the end user

[@averywicks6892]

From a security standpoint, storing the token on the page like I did is BAD LOL!. I just did it that way because this was a tutorial and I wanted to focus more the calling the API. It's always better to keep that information away from the end user.

[@bogomilstoynov8405]

@@averywicks6892 I would love to see a video about that, maybe you can consider it as an idea... Anyway just found your channel and already subbed, keep it up

[@patrickfigueroa2421]

Hey Avery thanks for your video. It’s amazing that you can explain all with simple words. I’m interest to know about the name of the software you use to make the UX design. Could you tell me please? Thanks.

[@averywicks6892]

Really appreciate the feedback. Another video coming soon. UX design tool was done through www.mockflow.com/

[@mqosu]

WARNING guys, this video is outdated. I cloned the git directory to test it out but it doesn't pull from Spotify's API. It's been 2 years since this has been posted so it seems like Spotify changed their documentation on their end.

[@kaishajones]

Could you also show a REACT app version of this to call on the spotify api?

[@averywicks6892]

That's def something to consider! I think may have even mentioned doing a React tutorial in this video LOL. Will def add that to the to-do list if you guys want it! Thx for checking out the video, and please feel free to share (if you want)!

[@nabilasyahidah3699]

thanks a lot for the tutorial

[@averywicks6892]

No problem buddy! Glad it was helpful. Please feel free to share this video and channel!

[@pearceodegard582]

Why don't you use spotify's provided documentation to handle HTTP requests with the simple calling of a function rather than manually creating your HTTP requests?

[@pearceodegard582]

wait nvm you go over that in the intro

[@averywicks6892]

@@pearceodegard582 Cool. Tx for the feedback though. I'm def not above criticism :) I'm sure there are other approaches that can be taken!

[@pearceodegard582]

@@averywicks6892 Hey all I know is I appreciate the content. Every dev should have a youtube channel.

[@Manjaco]

Great tuto thanks!!

[@averywicks6892]

Awesome! Appreciate the feedback. Feel free to share this channel and/or video!

[@danielandresduqueramirez3826]

Awesome, thanks a lot.

[@averywicks6892]

Tx for watching!

[@gigafunctions822]

Wow thanks for the input 😘

[@Styyxxxx]

yo, this is some hight quality stuff man

[@averywicks6892]

Tx buddy! Appreciate the feedback! Feel free to share the vid!

[@Styyxxxx]

@@averywicks6892 how would i go about if I need to play the song that I retrieved?

[@averywicks6892]

@@Styyxxxx I actually haven't tried to build that functionality. However, spotify has an SDK available that allows for playing retrieved music. It's called Web Playback SDK. Here is the link to their quick-start tutorial. Hopefully, this helps. developer.spotify.com/documentation/web-playback-sdk/

[@Styyxxxx]

@@averywicks6892 Thanks a lot for the help!!!!!!!!!!!!

[@lizavetameta]

where can i find these endpoints on Spotify? any links?

[@munzmoses]

hey avery, thanks for these spotify api videos, super helpful! I had a quick question about MockFlow. How were you able to export the bootstrap as an HTML document? Did you have to pay for that?

[@averywicks6892]

I actually didn't export it out. I really just used Mockflow to create a 'mockup'. After, I had the mockup, I wrote the HTML and applied the bootstrap styles manually! Tx for watching.

[@josephgeorge7359]

Do you have a repository for this project? Great video, subscribed for sure!

[@averywicks6892]

Appreciate the feedback buddy & thx for subscribing. I'll upload the project to GitHub and post the repo link in the video description today.

[@averywicks6892]

Added the project for you buddy.

[@josephgeorge7359]

@@averywicks6892 My man! Thank you very much!!

[@averywicks6892]

@@josephgeorge7359 No prob!

[@eddiechen6389]

very nice!!!!

[@spotify_ERROR404]

Thank you.

[@paulomacedo357]

What should i put in the clientid and clientsecret?

[@averywicks6892]

You'll actually receive your client Id and client secret when you register your app with spotify! Tx for watching.

[@paulomacedo357]

@@averywicks6892 how do i register my app with spotify? im sry xD

[@averywicks6892]

@@paulomacedo357 Here you go buddy! developer.spotify.com/documentation/general/guides/app-settings/

[@himanshutoppo4522]

can uhh make udemy course for javascript i really want to learn every javascript concept from uhh also I'm that you will provide us some good project tutorial videos ....i find your explanation very easy to understand bro I'm always having problem in understanding js i hope through your videos i can able to learn to code ...

[@averywicks6892]

That'd be really cool to make a Udemy course! I'm glad that the video examples are helping you. Maybe one day, I'll be able to make a full course LOL. Thx for the feedback buddy!

[@cmathias4993]

Is there a way to do an api call with a specific artist name? Also Is there a way to get a list of all artists or a list of all ids required to make that api call

[@averywicks6892]

I haven't seen that type of API call. From what I've seen, you'd have to obtain the "Artist's ID" that exists on spotify, and then call their "GET AN ARTIST" api. That's sort of a hassle though. Would be much simpler if they had a GET ARTISTS BY NAME api. Thx for watching, and please feel free to share!

[@raigeki.]

if i'm understanding correctly, the APIController is basically coded in a way that makes it function like a class, with the main function basically creating the inner functions like _getToken(), etc.?

[@BantanaAudio]

Surprised you dont have more subscribers.

[@Hannah-ly6ff]

oh thank you!!! best❤️

[@vidhishamaken4625]

Hey I cloned your repository but the drop-down menus for genre and playlist have no options, it just says select and the list you are demonstrating is not there. Please help !

[@AfroBearGaming]

Late question, but would it be possible to search the database for tracks matching a specific keyword and display a couple tracks matching that name

[@TheIDMovement1]

Dope Video!

[@vybhavshetty9094]

thank you

[@LimeWitness]

I added my own Client and Secret ID but both dropdowns are still blank?

[@dndLeitch]

Bro you are a Don - keep it up

[@Bayo106]

how on earth did you say and write IIFE then say Immediately invoked JAVASCRIPT expression ...?

[@averywicks6892]

LOL...Brain freeze! Great catch!! Haha.

[@marshallkurniawan4307]

Is it possible to play the song after you searched on the web app that you just made? and if I provide my own client id and secret, would the web app be able to play different songs if it's opened from 2 different devices?

[@averywicks6892]

Sorry for the late response. Unfortunately, I haven't dug into actual playing the media after retrieving it! I have to believe Spotify provide that functionality as well. Tis may help you. developer.spotify.com/documentation/web-api/reference/player/

[@Scott5902]

hey why the underscores in the function names? I might have missed it