Django & React Tutorial #15 - Pausing & Playing Music With Spotify API

In this Django and React tutorial we will be learning how to use the spotify api to play music, pause songs and control the playback of the spotify api player.

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰

🔗 Social Medias 🔗

🎬 My YouTube Gear 🎬

💸 Donations 💸
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

⭐️ Tags ⭐️
- Django and React
- React and Django
- Django
- React
- Spotify API
- Spotify API Tutorial
- Django Tutorial
- React Tutorial

⭐️ Hashtags ⭐️
#Django #React #JavaScript

[sthefanocarvalho]

1:12 "Let me just pause a song, This is a good song to pause" Haha

[dhananjayanpn]

For all of you having issues with play/pause not working, it's because the host needs to have a Spotify Premium account in order to be able to change the playback state. I can confirm this as it started working for me after I purchased Spotify Premium. Once Tim implements browser playback we will be able to override this fallback. Cheers!

[matteovissani]

Please insert user authentication, login, logout, in your tutorial. Keep with this amazing content up! Best channel.

[siddharthsharma]

hi Tim, I have been following your channel or 3 years now and I'm really happy to see you grow and coming up with out of the box and truly incredible ideas for projects. I have been following this series religiously and would really appreciate it if you could teach how to deploy the web app. I would really appreciate that. Lot's of love

[devrubic]

Tim you teach awesome. Always in my recommended list to people who wanna learn programming python.

[Msr]

I literally understand a little more than 1%! I love the series!! Keep up the good work!

[ElProsaso]

I had the refresh-token error since video 13 and i was freaking out about what did i do wrong and now Tim fixes it on video 15 :"D

[jishnupramod]

Since I couldn't make the play/pause functionality work, I inspected the elements thoroughly. The button click seems to work since I could see the fetches under sources/fetches. But the song didn't seem to pause from a playing state or play from a paused state. After a long time researching what's going on wrong, I, unfortunately, came to know that the play/pause through API is only possible for premium users :( Still, on a positive note, I understood how it's being made :)

[alistair]

I just learned that to modify playback control via API you need a premium account.

[emanuelh]

8:42 I was stuck on this for 30min last video, thank you!

[mananaggarwal]

Hello, Thank you for this awesome tutorial series. I am having problem that the play and pause do not seem to work for me. I even cloned the repo and ran both tutorial 15 and 16, thought this could be due to cache and tried in incognito but still doesn't seem to help. Would be great if you could provide some solution.

EDIT: After going through the documentations of Spotify API i got to know that non-premium users cannot play/pause the song

[prathamgupta]

Hey tim. Is it possible to implement the spotify web player sdk into this, so that all users will be able to listen song synchronously just like the group session in the spotify app. But i did not find any docs for group session.
This would take project to next level.

[anushkaprasad]

why am I not able to connect to Spotify? It was working fine till video 14, after that Spotify site to log in while creating a new room won't show up. Can someone help?

[vikramnayyar]

I'm building this but with functional components!

[ArryNation]

Tim Keep the excellent work up, you are doing so great!

[arjunnair]

Hi Tim! Thanks for the great tutorial! Can you please clarify why you have used the argument "response" in
def put(self, response, format=None):
Shouldn't it be "request" ? as we've used everywhere else?
Thanks

[GTAcrazyhy]

It would be nice if you could add a queue to the room so people can search a song and ad it to the queue

[jc-fjbp]

Why does line 62 give us an error? It seems to me it just reassigns the same value to 'refresh_token'. I mean it might not be a proper syntax but does no harm, doesn't it?

[jvlabe]

I literally paid for a premium subscription because it says I need to have a premium account to pause/play a song but for some reason it's still not working :/

[LukaReeson]

Hey Tim, thanks for this tutorial series. I was thinking about "fetch" requests in general and I noticed we didn't include any "csrf token". I'm asking this because in AJAX post/get requests I have to include "csrf token" every time or are "fetch" requests a bit different?