Angualr 2 利用 Service 实现音乐播放器
1.在本地新建一个文件夹，命名和码云上的项目名一致
2.打开git bash，和上传相似，利用cd命令打开新建的文件夹的根目录，如E:\webroot\test 3.git clone …(把码云的项目路径复制下来) 等待成功，就可以在本地文件夹看到下载下来的代码了。
3.如果想音乐播放器放到自己的项目里，参考以下两个步骤
3.1把这几个文件夹放到自己的项目对应的文件夹里面
3.2.在app.module.ts里面引入使用serveice的组件、pipe以及serveice
二、部分代码分析
①新增一个通过传入数组添加歌曲的方法，原博客的代码只有传入一首歌曲添加到播放列表的方法，因为开发的APP播放全部歌曲的更能，所以新增上一个传入数组的方法，在初始化歌曲列表的时候也比较方便
②歌曲播放模式
由于原博客的代码播放完下一首之后不能自动播放下一首，因此在音乐结束后，调用Next（）方法自动播放下一首
③音乐播放时及播放结束后的方法
④service中的Next（）方法
因为播放完下一首之后自动调用Next（）方法，因此在Next（）方法里面做播放模式的判断，根据不同的播放模式，调用PlayIndex（）方法，播放指定的index的歌曲
⑤Prev（）播放上一首方法亦如此
评论