SoundCloud 如何在他们的移动网站上自动播放下一首歌曲？答案

【问题标题】：How is SoundCloud Auto Playing the next song on their mobile site?SoundCloud 如何在他们的移动网站上自动播放下一首歌曲？
【发布时间】：2015-12-17 09:18:17
【问题描述】：

好的，我知道 iOS 不允许自动播放，但是 SoundCloud 如何在他们的移动网站上自动播放下一首歌曲？

我可以在 iframe src 中获取我想要填写的下一首歌曲，并且小部件会重新加载以显示该曲目。

我已经尝试了很多解决方法，即使我在下一首曲目准备好时调用“sc.play()”方法，我仍然无法让它自动播放。 iframe 上的橙色大按钮变为暂停按钮，但无法播放。我必须再次按下按钮才能开始播放。

让用户开始第一次播放很好，但是 SC 如何自动播放下一首曲目？

【问题讨论】：

标签： javascript ios soundcloud

【解决方案1】：

看看苹果官网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>

视频无法播放，但我认为您可以轻松地将其更改为您想要的。

【讨论】：

【解决方案2】：

我曾在 soundcloud API 上工作过，所以我知道这一点。当您搜索特定歌曲时，它会给出许多歌曲 url（缓冲 URL）作为响应，因此他们只是将所有 url 放入队列中。因此，只要一首歌曲完成，下一首歌曲就会开始。

【讨论】：