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

ACP*_*ice 5 iphone mobile-website html5-video html5-audio grooveshark

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

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

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

那么问题来了:他们是怎么做到的?

Arn*_*der 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>
Run Code Online (Sandbox Code Playgroud)

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

=> 这是真的,并且是设计使然- 截至今天还没有已知的解决办法(嗯......我已经看到了丑陋的尝试使其发挥作用)。