好吧,我知道 iOS 不允许自动播放,但是 SoundCloud 如何在其移动网站上自动播放下一首歌曲?
我可以获取我想要填充 iframe src 的下一首歌曲,并且小部件会重新加载以显示该曲目。
我尝试了很多解决方法,即使我在下一首曲目准备好时调用“sc.play()”方法,我仍然无法让它自动播放。 iframe 上的橙色大按钮变为暂停按钮,但它就是无法播放。我必须再次按下按钮才能开始播放。
让用户启动第一首播放没问题,但是 SC 如何自动播放下一首曲目呢?
查看Apple网站上的Controlling Media with JavaScript,在清单4-4按顺序替换媒体中,您会发现以下示例代码:
<!doctype html>
<html>
<head>
<title>Sequential Movies</title>
<script type="text/javascript">
// listener function changes src
function myNewSrc() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = "http://homepage.mac.com/qt4web/myMovie.m4v";
myVideo.load();
myVideo.play();
}
// add a listener function to the ended event
function myAddListener(){
var myVideo = document.getElementsByTagName('video')[0];
myVideo.addEventListener('ended', myNewSrc, false);
}
</script>
</head>
<body onload="myAddListener()">
<video controls
src="http://homepage.mac.com/qt4web/A-chord.m4v">
</video>
</body>
</html>
该视频不起作用,但我想你可以轻松地将其更改为你想要的。
我曾研究过 SoundCloud API,所以我知道这一点。
当你搜索一首特定的歌曲时,作为响应,它会给出许多歌曲 URL(缓冲 URL),因此,简单地说,他们将所有 URL 放入队列中。因此,一首歌完成后,下一首歌就会开始。