Spotify Playback Quickstart 不播放音乐

Question

我正在关注播放 SDK 快速入门 link here 但出于某种原因我无法播放音乐。

这是我的代码

<!DOCTYPE html>
<html>
  <head>
    <title>Spotify Web Playback SDK Quick Start</title>
  </head>
  <body>
    <button id="togglePlay">Toggle Play</button>
    <h1>Spotify Web Playback SDK Quick Start</h1>

    <script src="https://sdk.scdn.co/spotify-player.js"></script>
    <script>
      window.onSpotifyWebPlaybackSDKReady = () => {
        const token ='mytokenhere';
        const player = new Spotify.Player({
          name: "Web Playback SDK Quick Start Player",
          getOAuthToken: (cb) => {
            cb(token);
          },
          volume: 0.5,
        });

        // Ready
        player.addListener("ready", ({ device_id }) => {
          console.log("Ready with Device ID", device_id);
        });

        // Not Ready
        player.addListener("not_ready", ({ device_id }) => {
          console.log("Device ID has gone offline", device_id);
        });

        player.addListener("initialization_error", ({ message }) => {
          console.error(message);
        });

        player.addListener("authentication_error", ({ message }) => {
          console.error(message);
        });

        player.addListener("account_error", ({ message }) => {
          console.error(message);
        });

        document.getElementById("togglePlay").onclick = function () {
          player.togglePlay();
        };

        player.connect();
      };
    </script>
  </body>
</html>

我在控制台中看到播放器已准备就绪，但我在任何地方都看不到播放器，也听不到音乐。我错过了什么吗？

Answer 1

我是回答问题的新手，但也许我可以提供帮助，直到有人比我更有知识。

您的代码实际上不会显示播放器，它只会广播您从另一个 Spotify 客户端播放的内容。

例如，如果您通过 phone 上的帐户播放 Spotify，您应该将 SDK 视为要投射到的设备。见图片： Web Playback SDK Quick Start Player player using another Spotify client

如果您仍然听不到来自浏览器的音乐，请尝试生成一个新的访问令牌。

Spotify Playback Quickstart 不播放音乐

Spotify Playback Quickstart not playing music

javascript

spotify