如何让Spotify识别iframe嵌入的oEmbed为设备以启用API控制？

• 别用iframe了，换Spotify Web Playback SDK：这是官方指定的方案，能让你的Web应用直接变成Spotify认可的可控制设备，播放/暂停、切歌、快进这些操作都能通过API实现。核心初始化代码如下：

  window.onSpotifyWebPlaybackSDKReady = () => {
    const accessToken = '你的Spotify访问令牌';
    const player = new Spotify.Player({
      name: '你的Web应用播放器',
      getOAuthToken: callback => callback(accessToken)
    });
  
    // 设备就绪后拿到device_id，后续用它调用API控制播放
    player.addListener('ready', ({ device_id }) => {
      console.log('设备已就绪，ID:', device_id);
    });
  
    player.connect();
  };
  

• 非要用iframe的话：只能通过postMessage给iframe发消息，但只能做播放/暂停、调音量这类基础操作，切歌、快进这些需要API权限的功能实现不了。示例代码：

  // 给Spotify iframe发播放指令
  document.getElementById('spotify-iframe').contentWindow.postMessage(
    { type: 'play' },
    'https://open.spotify.com'
  );
  

  提示：这种方式的控制能力极有限，而且依赖Spotify的内部消息协议，说不定哪天就失效了。

• 核心原因：iframe里的Spotify播放器是独立沙箱，和你的Web应用不共享认证会话，所以Spotify Web API根本不认它是关联设备。只有用Web Playback SDK，才能让你的应用成为Spotify生态里的合法设备，拿到完整控制权限。

内容的提问来源于stack exchange，提问作者Thuong Vu