美妙的音乐之家！一个基于Vue3高仿网易云PC的音乐流媒体网站

大家好，今天来为大家解答美妙的音乐之家！一个基于Vue3高仿网易云PC的音乐流媒体网站这个问题的一些问题点，包括也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

项目介绍

vue3-cloud-music —— 一个高仿网易云PC端音乐流媒体网站，主要基于Vue3 + TypeScript + Vite构建。

特征：

兼容夜间模式、骨架屏加载显示

画布渐变背景根据图像主色混合

歌曲支持随机、顺序、单循环播放

自定义封装歌曲进度条，点击拖动切换到指定播放时间，添加缓冲加载进度显示

自动同步滚动和突出显示歌词，滚动选择歌词和切换播放时间

根据当前滚动位置的背景颜色，在歌词底部的头部添加模糊渐变蒙版。

歌曲播放或暂停时CD 旋转或停止旋转

支持在播放列表中搜索歌曲、收藏播放列表、编辑播放列表、创建新播放列表

搜索歌曲或播放列表、提供搜索建议并缓存搜索历史记录

支持添加您喜欢的音乐，并获取我创建的播放列表和收藏夹

记住当前滚动位置并在刷新页面时更新滚动位置

MV列表，支持播放MV

评论列表，支持点击评论、回复评论、添加评论、发表评论

技术栈：

版本3

维特

松属

朴素的用户界面

顺风CSS

极光。。。

项目截图

项目运营

Node版本推荐14.18+/16+，推荐pnpm安装依赖！

1. 拉取代码

git克隆https://github.com/path-yu/vue3-cloud-music.git

2.安装依赖

即插即用安装

3. 跑步

pnpm 运行开发

4. 构建

pnpm run 构建项目地址：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/#/