html - 在 Opera 和 Firefox 中设置音频标签 currentTime 会导致错误

Question

我的网页中有一个 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”
任何想法为什么会这样？或者如何克服这个问题？

非常感谢，
摩西 S.

Answer 1

它坏了，因为 mp3 音频文件是 not supported in Firefox and Opera:

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