ACP*_*ice 5 iphone mobile-website html5-video html5-audio grooveshark
我正在开发一个移动网络应用程序,希望允许在 Android 和 iOS 中连续播放HTML5音频或视频(即将YouTube视频或Grooveshark歌曲的播放列表排队并自动连续播放)。
Android 似乎不是问题,但我读到的所有内容都表明 Safari 会阻止音频播放,除非它是由用户启动的,并且如果屏幕被锁定,则会阻止连续播放。
也就是说,Grooveshark 的移动网络应用程序将在我的 iPhone 5 (iOS 7) 中播放整个歌曲播放列表。即使我在另一个 Safari 选项卡中或锁定屏幕,它也会播放下一首歌曲。
那么问题来了:他们是怎么做到的?
这段代码(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 会阻止音频播放,除非它是由用户启动的。
=> 这是真的,并且是设计使然- 截至今天还没有已知的解决办法(嗯......我已经看到了丑陋的尝试使其发挥作用)。