Can't Replay MP3 in Browsers using HTML5

Can't Replay MP3 in Browsers using HTML5

HTML5 audio 播放音频文件真的是很方便，不过还是有些小bug

引用

Chrome 18及更高版本支持HTML5音频和画布。但HTML5音频只有在网页服务器支持部分下载的情况下才能够顺利运作。这一问题的症状有：

* 无法重播音频

* 无法控制重播位置

* 音频播放一次后停止，但“结束”事件没被激活

解决这一问题最简单的方式是，在网页服务器上启动远程请求。注意，Google App Engine并不支持远程请求，但我们可以通过执行支持远程请求的文件服务程式解决这一问题。

另一避开这一问题的方法是，避免采用内置循环函数，通过load()函数“倒回”，在此播放音频。这能够解决问题，但会提高网页服务器的负荷。当加载函数在音频实例中被调用时，网页浏览器就从网页服务器上提取音频数据。

我的解决办法是：（比较简单暴力）
reload 一下音频文件就可以了

类似与：
audio.play();
audio.load(audio.src);

                var _audio = document.getElementById('audio_' + current);
                if(_audio)
                {
                    _audio.currentTime = 0;
                    _audio.play();
                }
                var _input_word = $('#input').val();
                var _match_word = $('#' + current).html();
                _input_word = _input_word.toLowerCase();
                _match_word = _match_word.toLowerCase();
                if(_input_word != _match_word)
                {
                    setTimeout(function(){
                        _audio.load(_audio.src);
                    }, 1500);
                    setTimeout(function(){
                        $('#input').css('border-color', '#BBB');
                    }, 1000);
                    $('#input').css('border-color', 'red').val('');
                    //$('#input').addClass('error').val('');
                    return false;
                }
 

参考连接：
https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox

http://code.google.com/p/chromium/issues/detail?id=78992

http://stackoverflow.com/questions/2702343/html5-audio-plays-only-once-in-my-javascript-code

http://stackoverflow.com/questions/1995589/html5-audio-safari-live-broadcast-vs-not/1995977#1995977

http://www.mhtml5.com/2012/06/5121.html