myAudio.changeVolumeTo((curLeft + 7)/100);
});
$(document).mouseup(stopDrag = function(){
$(document).unbind(“mousemove”,doDrag);
$(document).unbind(“mouseup”,stopDrag);
});
});
时间控制
好了，现在播放器已经基本能用了，但我们还希望能够直接跳过音频的一部分到特定的时间点。那么要怎么实现呢？？！制定标准的委员们也不是傻子，这种常用的功能是不会有所疏漏的拉~所以赶紧翻翻API吧，你会发现audio元素提供了一个名为currentTime的属性，非常简明易懂的名称（其实大多属性都是很好理解的），设置该属性可以设置当前播放的时间点。
在这里，我们还需要使用audio的另一个属性duration，该属性指的是当前播放文件的总时间长度。因此根据音量控制的实现，我们可以这样做：
一、点击进度条的某一位置，计算该由进度条的起点到该位置的长度占总进度条长度的百分比值（例如点击进度条的正中间位置，则进度条的起点到该位置的长度占总进度条长度的50%），记为percentage。
二、然后用percentage乘以文件的总时间长度duration就得到了你想要跳跃到的时间点的值，再把该值赋给currentTime即完成了所要实现的功能。
复制代码
$(“.time_line .base_bar”).mousedown(function(ev){
var posX = ev.clientX;
var targetLeft = $(this).offset().left;
var percentage = (posX – targetLeft)/140 * 100;
myAudio.currentTime = myAudio.duration * percentage / 100;
});
到这里，播放器已经基本成型了。剩下一些无关痛痒（其实对我来说才是最重要的哈哈）的UI交互实现，如果大家有兴趣的话就到源码中查看吧，有问题可以在下方评论留言，希望能多多交流和学习。
