首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
爱编程的Mark
前端工程师
·
2年前
关注
屏蔽作者: 爱编程的Mark
举报
推荐一下自己的开源项目。
github:
github.com
线上地址:
music-player.immortalboy.cn
项目的UI模仿的网易云音乐的mac客户端,开发成了web版本,后端接口使用开源的网易云音乐api。
经过2个多月2百多次提交,已经完成了网易云音乐的大部分功能,还有部分功能会在后续慢慢添加。
项目中使用了vue3 + typescript + vite的组合进行开发,但是本身还是一个学习和练习的项目,本身并没有提供什么工具向的功能,但是对于想要练手的同学而言可以参考一下。
项目中比较核心的功能就是音乐播放器这个全局组件,它的一些小功能都有值得学习的地方,如:
1. 音乐的暂停和播放的控制,如何扩展;
2. 歌曲播放列表的控制;
3. 单曲循环、列表循环、顺序播放和随机播放有何不同?随机播放的算法的使用?
4. 歌曲歌词如何与声音同步滚动?
5. 播放器声音调节组件的实现
我打算后续出几篇文章分享一下我实现这些功能的思路和代码细节,希望对大家有帮助
最后的最后,我声明一下,项目中所有的图片资源都控制为的低质量的,目的是为了节约访问网站的人的流量;另外,“主播电台“这个大的功能模块还没有开发,点击导航无法访问。
展开
优秀开源项目
等人赞过
分享
4
7
相关推荐
juejin.cn
新的文章介绍 Web 端流程图、思维导图画布的滚动及缩放方案。
12 赞 ·
3 评论
闲来无事,写个颜色选择组件
github.com
5 赞 ·
11 评论
Varlet Vue3 组件库 3.2 发布 | 拥抱 Nuxt、桌面端体验增强、支持原子化框架
juejin.cn
2 赞 ·
0 评论
相关推荐
juejin.cn
新的文章介绍 Web 端流程图、思维导图画布的滚动及缩放方案。
12 赞 ·
3 评论
闲来无事,写个颜色选择组件
github.com
5 赞 ·
11 评论
Varlet Vue3 组件库 3.2 发布 | 拥抱 Nuxt、桌面端体验增强、支持原子化框架
juejin.cn
2 赞 ·
0 评论