我是Javascript和Soundcloud SDK的新手,所以如果我目前的解决方案偏离基础,请告诉我如何改进它.
我正在构建一个自定义的Soundcloud播放器,而不是使用预构建的小部件.我想在曲目播放结束后自动移动到下一首曲目.我希望能够在不使用Soundcloud播放列表的情况下完成此操作.相反,我将提供一个JSON音轨列表来播放.
我可以通过点击链接播放,暂停,停止和跳过曲目,但我不知道如何判断曲目何时完成播放才能触发该nextTrack功能.有什么建议?
Soundcloud Javascript SDK Streaming API:http: //developers.soundcloud.com/docs/api/sdks#streaming
这是我的代码:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://connect.soundcloud.com/sdk.js"></script>
<div class="music-player">
<h4 class="trackTitle">Current track</h4>
<a href="#" id="play">Play</a>
<a href="#" id="pause" style="display:none;">Pause</a>
<a href="#" id="stop">Stop</a>
<a href="#" id="next">Next</a>
</div>
<script>
Track = function (trackId){
var currentTrack = "";
SC.initialize({
client_id: "CLIENT_ID"
});
SC.stream("http://api.soundcloud.com/tracks/" + trackId, function(sound){
currentTrack = sound;
});
this.play = function() {
currentTrack.play();
};
this.pause = function() {
currentTrack.pause();
};
this.stop = function() {
currentTrack.stop();
};
}; …Run Code Online (Sandbox Code Playgroud)