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

Question

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

如果我对流式传输“公共”曲目的理解正确，我不需要“客户端 ID”，所以我不知道该怎么做才能使其正常工作。它不仅仅是向“scr”添加 api 链接吗？

我试过这个（添加 api 链接到 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”，因为它可能会违反社区规则，而只是一个谷歌搜索可以为您提供大量有效的“client_id”作为轨道 ID，您可以使用：459194895

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