将 public 曲目从 SoundCloud 流式传输到自定义 html5 播放器，我做错了什么？

Question

我找到了一个很好的自定义 HTML5 音频播放器，并成功地根据我的需要重新设计了它。现在我想将公开可用的曲目从 SoundCloud 流式传输到我的新播放器。我曾尝试将 api.soundcloud.com（所有变体）links 添加到 "scr" 属性，但没有成功。我花了几个小时在谷歌上搜索解决方案 - 到目前为止什么都没有。

如果我正确理解流式传输 "public" 曲目，我不需要 "Client ID"，所以我不知道如何让它工作。它不只是在 "scr" 上添加 api link 吗？

我已经试过了（添加 api link 到 scr，track id 只是一个例子）：

<div class="audio-player">
    <div id="play-btn"></div>
    <div class="audio-wrapper" id="player-container" href="javascript:;">
      <audio id="player" ontimeupdate="initProgressBar()">
     <source src="http://api.soundcloud.com/tracks/2775534">
   </audio>
    </div>
    <div class="player-controls scrubber">
      <p>Oslo <small>by</small> Holy Esque</p>
      <span id="seekObjContainer">
     <progress id="seekObj" value="0" max="1"></progress>
   </span>
      <br>
      <small style="float: left; position: relative; left: 15px;" class="start-time"></small>
      <small style="float: right; position: relative; right: 20px;" class="end-time"></small>

    </div>
    <div class="album-image" style="background-image: url('https://artwork-cdn.7static.com/static/img/sleeveart/00/051/614/0005161476_350.jpg')"></div>
  </div>

CodePen（原播放器源代码）

Answer 1

AFAIK SoundCloud 已停止接受新的应用程序注册，但如果您已经有 client_id，则可以使用此

您需要提供音频播放器源中曲目的"streaming_url"，看起来像这样，我不能在这里提供我的"client_id"，因为它可能会违反规则社区，但只需 google 搜索即可为您提供大量工作 "client_id" 曲目 ID 您可以使用此：459194895

https://api.soundcloud.com/tracks/{trackid}/stream?client_id={clientid}

将 public 曲目从 SoundCloud 流式传输到自定义 html5 播放器，我做错了什么？

Stream public tracks from SoundCloud to custom html5 player, what am I doing wrong?

html

audio

soundcloud

audio-player