Question

我找到了一个不错的自定义HTML5音频播放器，并根据自己的需要成功地对其进行了重新设计。现在，我想将SoundCloud中公开可用的曲目流式传输到我的新播放器。我曾尝试将api.soundcloud.com（所有变体）链接添加到“ scr”属性，但是没有运气。我花了几个小时的时间来寻找解决方案-到目前为止还没有。

如果我正确理解它可以流式传输“公共”音轨，则不需要“客户ID”，因此我不知道该怎么做才能使其正常工作。不仅仅是添加到“ scr”的api链接吗？

我已经尝试过了（向scr添加api链接，轨道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搜索可以为您提供大量可用于跟踪ID的“ client_id”工作，您可以使用此方法：459194895

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

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

1 个答案: