Spotify 网络播放 SDK 集成

Posted

技术标签:

【中文标题】Spotify 网络播放 SDK 集成【英文标题】:Spotify Web Playback SDK Integration 【发布时间】:2019-03-01 02:50:24 【问题描述】:

我正在尝试构建一种通过 Spotify 播放 SDK 播放歌曲的方法。然而,不幸的是我被困在第一步本身。

这是我正在关注的文档。

https://developer.spotify.com/documentation/web-playback-sdk/reference/#api-spotify-player

问题是,它甚至没有初始化 SDK。这是我写的代码。

<!DOCTYPE html>
<html>
<head>
  <title>Spotify Web Playback SDK Quick Start Tutorial</title>
</head>
<body>
  <h1>Spotify Web Playback SDK Quick Start Tutorial</h1>
  <h2>Open your console log: <code>View > Developer > javascript Console</code></h2>

  <script src="https://sdk.scdn.co/spotify-player.js" type="javascript"></script>
    <script>
    window.onSpotifyWebPlaybackSDKReady = () => 
      // You can now initialize Spotify.Player and use the SDK
      alert("Test");
      
    </script>

</body>
</html>

但是,它甚至没有提醒“测试”。我在这里做错了什么?

【问题讨论】:

控制台有什么错误吗? @Dinosan0908 什么都没有。 gyazo.com/20d1a2a28788594f2181bc593a79a39d 【参考方案1】:

你会觉得这很奇怪,但我设法通过在导入文件时删除 type="javascript" 让它工作。

<!DOCTYPE html>
<html>
<head>
  <title>Spotify Web Playback SDK Quick Start Tutorial</title>
</head>
<body>
  <h1>Spotify Web Playback SDK Quick Start Tutorial</h1>
  <h2>Open your console log: <code>View > Developer > JavaScript Console</code></h2>

  <script src="https://sdk.scdn.co/spotify-player.js"></script>
    <script>
    window.onSpotifyWebPlaybackSDKReady = () => 
      // You can now initialize Spotify.Player and use the SDK
      alert("Test");
      
    </script>

</body>
</html>

所以这行得通

【讨论】:

以上是关于Spotify 网络播放 SDK 集成的主要内容,如果未能解决你的问题,请参考以下文章

将 Spotify SDK 与 Android 集成

Spotify 网络播放 SDK

Spotify 网络 API SDK

如何从 Spotify 获取当前用户的播放列表

Spotify 播放按钮 - 自动播放?

播放单轨Spotify SDK