Type in your question below and we'll check to see what answers we can find...
Loading article...
Submitting...
If you couldn't find any answers in the previous step then we need to post your question in the community and wait for someone to respond. You'll be notified when that happens.
Simply add some detail to your question and refine the title if needed, choose the relevant category, then post.
Before we can post your question we need you to quickly make an account (or sign in if you already have one).
Don't worry - it's quick and painless! Just click below, and once you're logged in we'll bring you right back here and post your question. We'll remember what you've already typed in so you won't have to do it again.
Please see below the most popular frequently asked questions.
Loading article...
Loading faqs...
Please see below the current ongoing issues which are under investigation.
Loading issue...
Loading ongoing issues...
Hi, I'm developing a music events listing web app using nextjs, and supabase as backend. I'm trying to add functionality where if a user uses spotify (and they have a premium account) to authenticate with my app, they can stream music directly from the app.
I'm getting a bit confused on whether I should create a custom player using web playback sdk within a react component that renders with each event listing, or whether I should use the spotify web api.
The web playback sdk docs say something like use another client to start playback and then select the broswer as the device. I don't really want to do this, just play directly from the app. Any advice please?
Sadly, Spotify discontinued the ability to stream directly from your Android or iOS app.
Hi, my app is a web app using nextjs. I managed to figure it out, i initialised spotify player in a parent component, passed down the device id in props and then used web api in child component to send a request to play a track using the device id. Works pretty well now!
The App Remote SDK can be used with both Premium and Free users and has the same functionality. Now you are limiting the 'streaming' (that's actually also a remote) functionality only to Spotify Premium subscribers.
Hey strangecarr can you please share your code I’m trying to implement the web playable sdk as well using NextJs but I’m struggling
Hi strangecarr, are you referring to the device id of the spotify client that has connected to your app or a device id that belongs to the web player instance you've created in your app? If it's the id of your web player instance, where do you get this from?
Hi, I found it much easier and better suited for my needs to use the spotify oEmbed API - see on the home page of this app:
(you have to scroll down.- there you can see some live events with spotify icons. if you click the icon a spotify embed appears for music previews).
you can also search for events in a location using the form, and then swipe through the events. some events have spotify functionality, as well as youtube previews.
I found the embed much easier to work with compared with the playback sdk - although I did get it working, I have some code so let me know if you would like me to share (I have to admit I can't quite remember the details of how I got it working!)
Thanks, strangecarr, After reading your older post several times, I figured out how to implement it
Hey there you, Yeah, you! 😁 Welcome - we're glad you joined the Spotify Community! While you here, let's have a fun game and get…