詹加兵个人博客,博客、技术交流、网页制作
博客首页 > 文章分享 > 原始js实现HTML5音乐进度条原理 > 

原始js实现HTML5音乐进度条原理

发布时间:2019-07-29  编辑:詹加兵个人博客

看到这标题是不是激动啊,好了进入正题吧
在网页中我们需要制作音乐播放器的朋友就会想到,用网页自带的进度条不好,为什么呢?
因为网页中我进度条太丑了,不想要.
那我们怎么把音乐进度条自定义呢,让他变成我们想象的那样,好我们开始吧
不知道大家知不知道HTML5的音乐播放器里面用两条这样的代码
分别是:currentTime和duration;
先说currentTime,有看过w3里js的audioHTMLdom应该就是知道是什么了,没错这个就是音乐现在播放的位置,用法等下讲 在说duration,他和currentTime都是js里的,是原生态js,接下来我讲一下,duration是什么,其实很好理解,每个人都有尽头,音乐也不例外,他就是用来显示音乐的总长度
接下来就是用法了,用currentTime/duration*100%;得出来的数据就用百分比,来显示他
好了,讲完了,詹加兵个人博客欢迎您的到来,请到下面评论,你的问题和想法,谢谢!