HTML5网页音乐播放器

HTML5网页音乐播放器

使用HTML5标签和简单的JavaScript实现简单的网页音乐播放器，效果如图

HTML代码，其中使用HTML5标签有audio、input中type="range"标签。“播放列表”的li标签太长我给合并缩起来了。

输入相应的CSS代码

获取HTML元素，包括点击的按钮，图片，播放列表等

音量按钮的JavaScript代码

设置自动播放、播放文件、播放音量、播放时间、播放切换的JavaScript代码

上一首点击按钮JavaScript代码

下一首点击按钮JavaScript代码

点击列表播放JavaScript代码

主目录

audio文件夹，音乐mp3文件存放路径。为了JavaScript代码操作方便都用mp3格式。

images文件夹，图片png文件文件存放路径。为了JavaScript代码操作方便都用png格式。大图用 "音乐名.png"，小图标用 "音乐名_icon.png"，这样更加方便管理，有条理方便JavaScript操作。