topic iFrame API for Tracks (not podcasts) in Spotify for Developers

iFrame API for Tracks (not podcasts)

yaoguais — Fri, 01 Apr 2022 20:06:02 GMT

Hi Spotify Team!

My Question or Issue

With the release of the iFrame API for podcasts, I was wondering if there's anything similar for non-podcasts, such as individual music tracks, or if there's anything planned down the line.

Thanks!

Bug/Issue Re: iFrame API for Tracks (not podcasts)

dderiso — Mon, 23 May 2022 02:09:19 GMT

Embeds Intro Page :

Using an Embed, you can add a podcast, an album, or other audio content on your website that your users can listen to. It's a great way to promote your music, share your new podcast episodes with fans, or highlight your favorite album or playlist.

If the intention is to be able to play music tracks, why are non podcast URIs rejected in the iframe code?

Source ball: https://open.scdn.co/cdn/build/embed-iframe-api-v1.f175fcd3.js

Function: "loadUri"

Error: "embed-iframe-api-v1.f175fcd3.js:formatted:1310 Uncaught Error: spotify:track:4fpxnJGDWFxjGvLJOqPPt8 is not a valid Spotify podcast URI."

Cause:

T(this, "loadUri", (function(e) { if (e !== f.currentUri) { var t = a().from(e); if (!t || t.type !== a().Type.EPISODE && t.type !== a().Type.SHOW) throw new Error("".concat(e, " is not a valid Spotify podcast URI.")); f.loading = !0; var r = "".concat(f.host, "/embed-podcast/").concat(t.type, "/").concat(t.getBase62Id()); if (f.options.startAt) { var n = parseInt(f.options.startAt, 10); isNaN(n) || (r += "?t=".concat(n)) } f.iframeElement.src=r } } )),

Re: iFrame API for Tracks (not podcasts)

dderiso — Mon, 23 May 2022 04:14:13 GMT

Looking deeper, it seems like tracks use embed-legacy.js, which doesn't share the same code as the podcast's embed.js. Further, command messages are passed to the iFrame using contentWindow.postMessage, which seems to have issues where the iFrame does not receive and/or act on the messages.

I'd avoid this API until the dev team posts some updates.

Re: iFrame API for Tracks (not podcasts)

g_shiit — Sat, 18 Jun 2022 18:59:08 GMT

any news on this subject ?

Re: iFrame API for Tracks (not podcasts)

BealeSnow — Fri, 22 Jul 2022 22:25:05 GMT

I've been wondering the same. In your dev guides you advice us to use the code below. But as soon as you use a track URI (f.e. spotify:track:2hKdd3qO7cWr2Jo0Bcs0MA), it doesn't work anymore. Seems like we need to replace the script source. Would be great if the correct one could be provided.

</script>

window.onSpotifyIframeApiReady = (IFrameAPI) => {

let element = document.getElementById('embed-iframe');

let options = {

width: '60%',

height: '200',

uri: 'spotify:episode:3jv36updcfHw2rBFwZCcVu'

};

</script>

Re: iFrame API for Tracks (not podcasts)

mkmuzikorad1 — Thu, 04 Aug 2022 13:00:07 GMT

Same issue here, the docs do mention support for track, album, playlist embeds, but only the podcast use-case is shown. Without a documented alternative to the "https://open.spotify.com/embed-podcast/iframe-api/v1" script for non-podcast content this API is unfortunately misleading and unusable.

Re: Bug/Issue Re: iFrame API for Tracks (not podcasts)

kunal-dev — Thu, 13 Oct 2022 05:21:51 GMT

Faced the same issue in my project. Had to go back to web embeds(direct iframe elements) but they dont have a controller. Moreover autoplay not working on them.

Re: iFrame API for Tracks (not podcasts)

fredyb97 — Thu, 24 Nov 2022 15:14:32 GMT

I'm facing the same issue and would like to use tracks instead of podcasts.

Re: iFrame API for Tracks (not podcasts)

magic6435 — Thu, 08 Dec 2022 01:05:15 GMT

I'm in the middle of teaching a class and a bunch of the students wanted to also use the iframe API. Sadness.

Incase anyone else is stuck you can still embed dynamically using the oembed way

Re: iFrame API for Tracks (not podcasts)

lachlansleight — Sun, 18 Dec 2022 23:53:23 GMT

Unfortunately, the docs don't say that we can use the iFrame API for anything other than podcasts. The page says:

Using an embed, you can add a podcast, an album, or other audio content on your website that your users can listen to.

And later says:

Using our iFrame API, you can create web apps that dynamically load, play and pause Spotify podcast episodes in an Embed.

i.e. embedding a normal iFrame (without play, seek, etc controls) is for any spotify content, but the iFrame API is only for podcast episodes.

Re: iFrame API for Tracks (not podcasts)

locii — Sun, 26 Feb 2023 23:45:24 GMT

Bumping an old thread but this seems to be possible now.

Play the track

</button>

Re: iFrame API for Tracks (not podcasts)

jakebaldwin17 — Thu, 27 Apr 2023 13:48:12 GMT

Hi, I have an embed iframe where I set the srcdoc to be the embed I get from the endpoint based on a tracksID, but playback on the iframe is still not working, gives a 503, and if I click the link it queries it says 'no token'. That being said is there any way to have a track embed playback work?