javascript - Mobile Safari iOS 的 HTML5 音频问题

Question

我在 Codepen 上创建了一个西蒙游戏:http://codepen.io/nalexiou/pen/rOaQOK

在桌面上，音频/声音播放正常。但是，当我使用 iPhone 的 Safari 访问该站点时，不会播放声音。

我通过这段 jQueryUI 代码对声音变量(绿色、红色等)调用 play() 方法:

......
 $('.' + items[0]).addClass('active', speed, function() {
    obj[items[0]].play();}).removeClass('active', speed, 
    function() {
    nextItemActivate(items.slice(1));
 });
......

但是，如果我像这样首先触发 play() 方法:

$('.test').on('click', function() {
  green.play();
  red.play();
  yellow.play();
  blue.play();
})

然后我的 addClass 代码会播放声音。

这个问题可能与 jQueryUI 库有关，还是我需要为 Mobile Safari 浏览器考虑一些特殊的事情？

谢谢。

Answer 1

你可以阅读苹果的文章:

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

顺便说一句，您不能使用自动播放或触发来播放功能视频或音频，因为:

https://stackoverflow.com/a/12496184/2686143