仿 qq音乐播放器 html代码,仿QQ音乐播放器

效果图：可实现左右点击下一个播放

3.jpg

仿QQ音乐播放器

1. Ajax方式请求后端数据
2. 播放器制作
3. 滚动歌词制作
4. 切换音乐

audio 音频标签

媒体属性：

controls：是否显示播放控件，默认不显示 false

autoplay：是否自动播放，默认不自动播放 false

loop：是否循环播放，默认不循环 false

currentTime：当前播放的位置，赋值可改变位置

duration：当前资源长度 流返回无限

媒体属性和方法：

volume：读取或修改媒体的的播放音量，范围从0到 1，0为表单，1为最大音量。

muted：读取或修改媒体的表单状态，该值为布尔值，true表示静音状态，false表示非静音状态。

paused：是否暂停

play()：播放的方法

pause()：暂停的方法

媒体事件

canplaythrough：音频缓冲好后触发

ended：音频播放结束触发

http://www.w3school.com.cn/tags/html_ref_audio_vi