JavaScript - 随机播放音频

标签 javascript internet-explorer audio shuffle

我正在创建一个网页,该网页使用 JavaScript 随机播放一系列音频文件问题及其匹配的拖放式答案。我已经使用 native HTML5 音频标签成功实现了这一点,但也有一个用于 IE 7/8 的后备部分,因为这些浏览器无法读取音频标签。此后备部分使用围绕对象和参数标签的条件注释,如 at the end of this article here 所示。 .

它的工作原理是它在 IE 中随机播放,但它会显示我专门隐藏的丑陋的媒体播放器样式控件,因为此事件使用“播放声音”按钮而不是音频播放器控件。

如果有人需要查看代码的特定部分,请告诉我。

非常感谢!

最佳答案

两个想法(抱歉,我现在使用的是 Mac,因此在 IE 中进行测试不是一个好选择):

  1. 我看到您试图隐藏控件的参数,但您是否也尝试过将 css 应用于对象标签或包裹在它周围的容器?它可能就像为包装器 div 提供 display: nonevisibility: hidden 样式一样简单。

  2. 这不是您问题的直接答案,但您是否调查过任何插件,例如 SoundManager 2?它使用带有 Flash 回退的 HTML5 音频;我以前用过它并取得了成功。显然它需要旧版浏览器上的 Flash,但如果这不是问题,那么它可能比试图找出如何隐藏控件更容易。

顺便说一句,这是一个不错的小页面。祝你好运!

要解决您的第二个问题/评论:使用对象/嵌入标记意味着您依赖于浏览器/操作系统来决定它将使用什么插件来播放音频。一些谷歌搜索出现了 IE 和 quicktime 的问题,以及一种可能的解决方案:

希望对您有所帮助。如果您不断碰壁,SoundManager 2 可能值得一试,请注意使用 SM2 将强制使用旧版浏览器的用户安装 Flash 并取消阻止。

关于JavaScript - 随机播放音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7682758/

相关文章:

javascript - Trirand 的 jqGrid 的 gridComplete 事件的计时

html - 具有不同字体和高度线大小的文本区域中的光标位置

c - 用于嵌入式应用的音频 (MP3) 编解码器

python-2.7 - 使用python通过LAN记录,流式传输和接收音频

javascript 代码执行和 ajax 异步

javascript - 如何在 Adob​​e Analytics 中删除点击跟踪

css - 上边距在 IE 8 中不起作用

iphone - AudioUnit的奇怪缓慢录音

javascript - 如何检查一个 Div 是否为空然后执行操作

html - IE 中 UL 内的 float 元素低于 float 输入 - 但在 Chrome 中没问题