我正在开发一个移动网络应用,并且希望能够在Android和iOS中连续播放 HTML5 音频或视频(即排队 YouTube的播放列表视频或 Grooveshark 歌曲,让它们自动连续播放。)
Android似乎不是一个问题,但我读过的所有内容都表明Safari会阻止音频播放,除非它是由用户启动的,如果屏幕被锁定则会阻止连续播放。
那就是说, Grooveshark的移动网络应用程序将在我的iPhone 5(iOS 7)中播放完整的歌曲播放列表。即使我在另一个Safari选项卡或我锁定屏幕,它也会播放下一首歌曲。
所以问题是:他们是如何做到的?
答案 0 :(得分: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禁止播放音频,除非用户发起音频。
=&GT;这是真的,并且是by design - 今天没有被解决的事情(嗯......我看到丑陋的尝试使其发挥作用)。