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

标签 javascript html audio dynamic

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

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

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

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

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

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

最佳答案

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

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

关于javascript - 在Chrome中动态添加的音频html无法正确播放,在Firefox中可以正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34910052/

相关文章:

php - 只是 html/js 还是与服务器端代码混合?

javascript - 如何在不同页面上加载单个饼图

javascript - 用户在悬停时处于事件状态时的边框底部菜单

audio - LAME -- 解码和编码音频文件

javascript - 如何使用 AJAX 将变量传递给 PHP?

javascript - JQuery UI 对话框可以记住它在打开和关闭之间的位置吗

javascript - 如何使用 Grunt 更改 Requirejs 配置设置?

c++ - 核心音频(WASAPI)缓冲区事件计时

javascript - 如何排列一系列 HTML5 <audio> 声音片段以按顺序播放?

javascript - 使用 jquery 过滤选定的类别