javascript - 在Chrome中动态添加的音频html无法正确播放，在Firefox中可以正常工作

Question

所以我有一个js / jquery脚本，它是一种动画。动画是背景上的弹孔。每个孔都是播放子弹声。

在firefox中，这可以正常工作，等待时间已注册，并且在更新 Canvas 时会播放子弹声。声音经过base64编码以减少负载。

在chrome中，我可能听到一两个子弹，或者一次播放所有子弹...我该如何将chrome修复为该应用的首选浏览器。

示例http://hud.zombiebarricades.tv/bulletsounds.html

单击测试链接以运行动画。
您应该会看到子弹孔“射击”将其扔到了屏幕上。这用作广播覆盖图，以帮助您理解。

另一个问题是在位置生成过程中(观看控制台)，我看到一个GET请求未定义，我不知道它来自哪里。

Answer 1

Chrome似乎对音频的base64编码有问题。

我添加了带有base64作为src的音频标签，并且在显示页面内联时将不会播放。查看源代码，然后单击src =内的base64链接； chrome打开一个新页面并正确播放。