【文件属性】：
文件名称：利用input+progress音量条以及视频进度条编写(适合小白).zip
文件大小：72.02MB
文件格式：ZIP
更新时间：2020-05-04 21:17:01
小白 h5+css+js 进度条
大神还是别看我这个方法了，本人目前编程小白。
1.利用audio标签导入音频文件，由于addeventlistener等的实时获取的使用我目前还不太熟练，因此采用的是在页面内引入一个隐藏的ul列表并将其赋值给一个字符数组以保存各个文件的目录实现各首歌的切换，通过对比目前的url和保存数组中的url寻找出对应歌曲在数组中的编号i,获取歌名并进行i+1获取上一首i-1获取下一首
2.input加progress组合写进度条，控件音量调节可以先获取input的value值，将他赋值给audio.volume达到调节效果，值得注意的是音量调节一般是0到1之间因此应该吧该value缩小100倍赋值否则会出错。写视频进度条控制的时候，把实时更新效果和点击跳转效果分两个函数写。每隔一秒调用一次函数，用played.End获取播放到的秒，通过一个函数转化为时间格式显示在页面上。
【文件预览】：
实验6
----简单音乐播放器.html(5KB)
----art.html(7KB)
----image()
--------play.png(34KB)
--------previous.png(38KB)
--------course()
--------sky.jpg(56KB)
--------pause.png(32KB)
--------next.png(40KB)
----video()
--------art.mp4(60.73MB)
----music()
--------Serenade.mp3(2.46MB)
--------月光下的云海.mp3(2.57MB)
--------Serenade.ogg(2.4MB)
--------EndlessHorizon.mp3(4.29MB)