4

我正在开发一个移动网络应用程序，并希望允许在 Android 和 iOS 中连续播放HTML5音频或视频（即排队播放YouTube视频或Grooveshark歌曲的播放列表，并让它们自动连续播放）。

Android 似乎不是问题，但我读过的所有内容都表明 Safari 会阻止音频播放，除非它是由用户启动的，并且如果屏幕被锁定，则会阻止连续播放。

也就是说，Grooveshark 的移动网络应用程序将在我的 iPhone 5 (iOS 7) 中播放整个歌曲播放列表。即使我在另一个 Safari 选项卡中或锁定屏幕，它也会播放下一首歌曲。

所以问题是：他们是怎么做到的？

4

1 回答 1

4

此代码（jQuery）适用于我在 iPhone Safari iOS7 中进行连续播放。即使我锁定了屏幕/其他选项卡，它也会在第一个选项卡结束时更改曲目（请耐心等待新曲目的加载）

<audio id="audio1" src="song1.mp3" controls></audio>
<script type="text/javascript">
$('#audio1').on('ended',function(){
    $(this).attr('src','song2.mp3');
    $(this)[0].play();
    });
</script>

我读过建议 Safari 会阻止音频播放，除非它是由用户启动的。

=> 这是真的，而且是设计使然- 到目前为止还没有已知的工作（嗯......我已经看到了让它工作的丑陋尝试）。

于 2014-04-25T15:04:51.070 回答