我正在创建一个小的HTML5音频播放器,可以播放流文件。
控件(仅播放和暂停)由jquery管理,它们工作正常。
但我看到的是,当我停止播放并重新开始播放时,它不会刷新音频缓冲区,使其与流式音乐保持同步…但只是暂停一下,从我暂停的地方重新开始。
要正确地重新启动文件流(我的意思是:保持与流的同步),我必须按F5!
为了尝试强制更新每个提示播放,我在URL中添加了经典的时间戳,并根据单击的按钮添加(和删除)HTML标记,但失败了。
我还从音频中删除了标签“preload”,但这个标签也不起作用。
每次按Play时,如何完全刷新流文件,清空缓冲区?保持与原始流文件的同步,而不是被限制按F5?
HTML
...
...
...
...
JQuery
...
...
$('#play').click(function() {
var d = new Date();
var n = d.getTime();
var streaming = "" + "";
$('#music').html(streaming);
$('#music')[0].play();
$('#play').css("visibility", "hidden");
$('#pause').css("visibility", "visible");
});
$('#pause').click(function() {
$('#music').empty();
$('#music')[0].pause();
$('#play').css("visibility", "visible");
$('#pause').css("visibility", "hidden");
});
...
...