音乐播放器
-
1 实验内容
-
2 实验讲解
上一节
下一节
在线音乐播放器
(1) 网页中添加音频标签,通过Ajax技术读取歌曲列表;
(2) 点击列表中的歌曲名能够进行播放;
(3) 可以控制音乐的上一首、下一首和暂停播放;
(4) 音乐的播放可以选择不同的模式:列表循环、单曲循环、随机播放;
(5) 在播放的时候能够显示当前播放时间;
(6) 点击音乐列表中的歌曲,可以切换到当前音乐进行播放;
(7) 能够载入歌曲的歌词文件,并且能够有使用JavaScript与CSS对歌词进行显示;
(8) 使用CSS对音乐播放界面进行装饰;
(9) 可以使用CSS3对音乐播放界面的元素进行动画操作。
所需资源已经存储在:http://www.pzhuweb.cn/data/music/
该目录下有两个文件夹:
其中src目录下:
.
lyric文件夹下:
素材:
下载地址: