【问题标题】:Setting audio tag currentTime in Opera & Firefox causes an error在 Opera 和 Firefox 中设置音频标签 currentTime 会导致错误
【发布时间】:2013-04-04 05:25:47
【问题描述】:

我的网页中有一个 html5 音频标签:

<div id="audioContainer">
<audio id="siteAudio" src="http://myDomain.com/audio/soundFx.mp3" type="audio/flac"   preloading="auto" audio="true"></audio>
</div>

我希望每次用户按下我网站上的不同按钮时都能从不同的起点播放声音。为点击创建音效。
我正在使用以下 JS 代码来执行此操作:
var m_currentAudioElement = document.getElementById('siteAudio'); m_currentAudioElement.currentTime = 1.00; /* 或 2.00、3.00*/
m_currentAudioElement.play();

这在 Chrome、Safari 和 IE 上运行良好(令人惊讶)。
但是在 Opera 和 Firefox 中执行时,设置 currentTime 命令时出现以下错误:“Unhandled DOMException: INVALID_STATE_ERR”
任何想法为什么会发生这种情况?或者如何克服?

非常感谢,
Moshe S.

【问题讨论】:

    标签: html firefox cross-browser opera html5-audio


    【解决方案1】:

    因为 mp3 音频文件是 not supported in Firefox and Opera:,所以这很糟糕

    您需要创建音频的 ogg 版本并在 &lt;audio&gt; 中使用多个 &lt;source&gt; 元素。上面链接的页面上有一个示例(尽管是视频,而不是音频)。

    【讨论】:

    • 谢谢凯文。我添加了两个来源:mp3 和 ogg,并且音频在所有浏览器上都有效。仅供参考:我还在移动设备上测试了此解决方案:Android 和 iPhone 4S,该解决方案也有效。酷:)
    猜你喜欢
    • 2012-10-24
    • 1970-01-01
    • 2011-11-11
    • 2017-09-23
    • 2016-08-30
    • 2011-03-11
    • 1970-01-01
    • 1970-01-01
    • 2017-06-06
    相关资源
    最近更新 更多