在Opera&amp ;;中设置音频标签currentTime Firefox导致错误

时间:2013-04-03 10:13:58

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

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

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

每当用户按下我网站上的其他按钮时,我希望能够从不同的起点播放声音。为点击创建声音fx 我正在使用以下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命令时遇到以下错误:“未处理的DOMException:INVALID_STATE_ERR”
任何想法为什么会这样?或者如何克服这个?

非常感谢,
Moshe S.

1 个答案:

答案 0 :(得分:1)

因为mp3音频文件是not supported in Firefox and Opera:

,所以它正在崩溃

您需要创建音频的ogg版本,并在<source>内使用多个<audio>元素。在上面链接的页面上有一个例子(尽管是视频,而不是音频)。