Can't Replay MP3 in Browsers using HTML5

Can't Replay MP3 in Browsers using HTML5

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

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

* 无法重播音频

* 无法控制重播位置

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

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

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

我的解决办法是:(比较简单暴力)
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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值