Angular2 musicPlayer 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Angular2 musicPlayer 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Angular2 musicPlayer 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 EPL-1.0
操作系统 跨平台
软件类型 开源软件
所属分类 应用工具多媒体工具
开源组织
地区 国产
投 递 者 osc_36414926
适用人群 未知
收录时间 2024-05-15

软件简介

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()播放上一首方法亦如此

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣 发布并加入讨论🔥
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
1 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部