发现播放列表和播放方式切换两个功能是连在一起的,单独一个拿出来说不太合适,所以就都一块弄完了。废话不多说,进入主题,功能的逻辑我是这么设计的:
把整个歌曲文件的信息都写在 json 文件里,获取并生成播放列表。当播放歌曲时,系统会生成当前播放歌曲的引索值(例如:1,2,表示第二张专辑的第三首歌,这个很重要,歌曲切换都是基于这个引索值的),当要播放下一曲时,系统会根据当前是什么播放方式(列表循环,单曲循环,随机播放,顺序播放),生成新的引索值,然后通知播放器,下一首该怎么播放,是随机,还是循环,还是播放结束。
这部分代码不难,主要是要弄清楚整个流程应该是个什么方式,代码我就不贴了,demo 里都有,注释也都比较全。我描绘一下歌曲的播放流程,并写出它用到的函数,我想可能这种方法比较容易讲清楚:)
首先,我们要打开专辑列表,在打开的同时,生成专辑列表:
//---------------------------------------------------【功能:打开&关闭专辑列表】MUSICENGINE.prototype.albumLists = function(){ ... };//---------------------------------------------------【功能:生成专辑列表】MUSICENGINE.prototype.formatAlbumLists = function(){ ... };
这时,可以播放了,我们可以双击专辑,打
如果觉得《html5音乐列表播放器 HTML5音乐播放器(四):播放列表与播放方式》对你有帮助,请点赞、收藏,并留下你的观点哦!