大家好,我是 Java陈序员
。
今天,给大家安利一个高仿网易云 PC 端的开源项目,界面精美、功能丰富!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
vue3-cloud-music
—— 一个主要基于 Vue3 + TypeScript + Vite 构建的高仿网易云 PC 端的音乐流媒体网站。
功能特色:
- 兼容夜间模式,骨架屏加载显示
- 基于图片主色混入的 canvas 渐变背景
- 歌曲支持随机、顺序、单曲循环播放
- 自定义封装歌曲进度条,可点击拖拽切换到指定播放时间,添加 buffer 加载进度显示
- 歌词自动同步滚动高亮,滚动选择歌词切换播放时间
- 歌词底部头部基于当前所在滚动位置背景色添加虚化渐变遮罩
- 歌曲播放或暂停时 CD 旋转或停止旋转
- 支持歌单内部搜索歌曲、收藏歌单、编辑歌单、新建歌单
- 搜索歌曲或歌单,提供搜索建议、搜索历史记录缓存
- 支持扫码登录、编辑用户信息、签到、退出登录
- 支持添加喜欢的音乐,获取我创建的歌单和收藏的歌单
- 记忆当前滚动位置,刷新页面时更新滚动位置
- MV 列表,支持播放 MV
- 评论列表,支持点击评论、回复评论、添加评论、发表评论
技术栈:
- Vue3
- Vite
- Pinia
- Naive UI
- tailwindcss
- xgplayer
项目截图
项目运行
推荐 Node 版本 14.18+/16+,推荐使用 pnpm 安装依赖!
1、拉取代码
git clone https://github.com/path-yu/vue3-cloud-music.git
2、安装依赖
pnpm install
3、运行
pnpm run dev
4、构建
pnpm run build
项目地址:https://github.com/path-yu/vue3-cloud-music
在线体验:https://cloud-music-eight-nu.vercel.app/#/discovery
最后
推荐的开源项目已经收录到 GitHub
项目,欢迎 Star
:
https://github.com/chenyl8848/great-open-source-project
或者访问网站,进行在线浏览:
https://chencoding.top:8090/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
1.本站内容仅供参考,不作为任何法律依据。用户在使用本站内容时,应自行判断其真实性、准确性和完整性,并承担相应风险。
2.本站部分内容来源于互联网,仅用于交流学习研究知识,若侵犯了您的合法权益,请及时邮件或站内私信与本站联系,我们将尽快予以处理。
3.本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24个小时之内从您的电脑中彻底删除上述内容,否则后果均由用户承担责任;如果您访问和下载此文件,表示您同意只将此文件用于参考、学习而非其他用途,否则一切后果请您自行承担,如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
5.本站是非经营性个人站点,所有软件信息均来自网络,所有资源仅供学习参考研究目的,并不贩卖软件,不存在任何商业目的及用途
暂无评论内容