php实现音乐播放器功能,实现一个简单音乐播放器

做的一个简单的半成品播放器

一、需求分析

1、写静态页面

2、通过getMusicList函数用Ajax获取歌曲数据列表musiclist

3、通过loadMusic函数实现歌曲的播放功能

4、根据获取的歌曲数据来设置歌名、作者和背景图片

5、设置进度条随歌曲进度而实时变更，通过给audio对象绑定ontimeupdate事件来实现

6、设置歌曲时间随歌曲进度而实时更新，通过给audio对象绑定ontimeupdate或者setimeInval来实现

7、设置暂停键的功能

8、设置下一首的功能

9、设置上一首的功能

10、设置歌曲播放完成后，自动播放下一首的功能

11、设置点击进度条切换歌曲进度的功能

二、解析对象

currentIndex 歌曲的当前下标

audio 当前歌曲对象

MusicList 歌曲数据对象

musicObj 当前歌曲对象 loadMusic函数传递的参数

三、前提知识(audio对象的属性)

1、audioObject

创建或者获取的audio对象，可通过以下两种方式得到

方法1:

console.log(audioObject.src)

6、audioObject.volume

设置或者获取音量，最大值为1，0为静音

audioObject.volume = 0.5

audioObject.volume = 1

console.log(audioObject.volume)

7、audioObject.loop

设置或者获取循环状态