在iOS中连续播放HTML5音频/视频?

时间:2014-04-24 23:42:08

标签: iphone html5-video html5-audio mobile-website grooveshark

我正在开发一个移动网络应用,并且希望能够在Android和iOS中连续播放 HTML5 音频或视频(即排队 YouTube的播放列表视频或 Grooveshark 歌曲,让它们自动连续播放。)

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

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

所以问题是:他们是如何做到的?

1 个答案:

答案 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 - 今天没有被解决的事情(嗯......我看到丑陋的尝试使其发挥作用)。