用html5写一个搜索栏,在HTML5音频标签上使用javascript搜索栏处理

我的代码如下

seekbar.value = 0;

var audio = document.getElementById("audio");

var seekbar = document.getElementById('seekbar');

function setupSeekbar() {

seekbar.min = audio.startTime;

seekbar.max = audio.startTime + audio.duration;

}

audio.ondurationchange = setupSeekbar;

function seekAudio() {

audio.currentTime = seekbar.value;

}

function updateUI() {

var lastBuffered = audio.buffered.end(audio.buffered.length-1);

seekbar.min = audio.startTime;

seekbar.max = lastBuffered;

seekbar.value = audio.currentTime;

}

seekbar.onchange = seekAudio;

audio.ontimeupdate = updateUI;

Play

Pause

<< Rewind

我的问题是

1)不根据音频持续时间设置搜索条最大值. (搜索条宽度大约是音频持续时间的一半).

2)当音频播放时,搜索栏不显示任何进度,但如果你拖动搜索条,则currenTime实际上会改变.

任何人都可以帮我修改我的代码,以便它正常运行??