【web-music】vue3 网易云音乐
Music
一个网易云音乐 与 YouTube Music 的在线音乐网页
旨在学习 vue3+vite+pinia+ts+element-plus，欢迎大家一起交流网易云音乐及技术。
在线演示
源码地址
页面
登陆
- 账号密码登陆
- 扫码登陆
- 短信验证码登陆
- 记录登陆状态
- 其他登陆（邮箱、微博）
首页
- 为你推荐（单曲）
- 为您推荐（歌单）
- 为您推荐（歌手）
- 动态内容
探索
- 新专辑和单曲
- 分类
- 排行榜
- 新音乐视频（视频）
媒体库
- 我喜欢的音乐
- 近期播放
- 我的歌单
- 我的专辑
- 收藏的歌手
播放页
- 播放列表
- 歌词
- 相关推荐
组件
- 音乐进度条
- 推荐组件（单曲）
- 推荐组件（歌单）
- 歌手详情组件
- 歌单详情组件
- 歌词
- 搜索框
- 虚拟列表
兼容
- 适配移动端
效果
在线演示
源码地址
参考
- YouTube Music
- 网易云API，Binaryify/NeteaseCloudMusicApi
- 网易云音乐
【web-music】vue3 网易云音乐相关推荐
- Vue实现web端仿网易云音乐 完成大部分功能
采用vue2+element,后台网易云接口为github某位大佬写的,上传到腾讯云服务器实现在线接口 1.代码结构 一.未登录页面 1.未登录效果预览 动图经过压缩可能渐变色不明显..... 由于图 ...
- Web实现：网易云音乐个人推荐页
background-position: center;/背景图居中/ background-position: bottom right;/背景图右下角/ background-size: cont ...
- Vue3+Vite+TS独立开发仿网易云音乐Web应用
项目背景 自己之前的项目要么就是比较小的,要么就是跟着视频敲的,感觉做完之后并没有很好地吸收学到的知识.于是想要自己独立地做一个前端项目,刚好看到网易云音乐的网页端没有它的客户端好看,于是就仿照网易云 ...
- 仿网易云音乐 web 版 vue-163-music
vue-163-music 详细介绍 vue-163-music (网易云音乐 web 版) 用 vue 仿写 163 音乐客户端版. 不推荐手机端访问. 页面高度为670px.1366 X 768分 ...
- Vue3+node.js网易云音乐实战项目(五)
推荐歌单详细页面顶部 1.推荐歌单详细页面 1.1.导航条和背景 1.2.头像和简介 1.3.头部完整代码 1.4.链接 实现效果 1.推荐歌单详细页面 1.1.导航条和背景 推荐歌单页面做好后,我们 ...
- html制作网易云音乐登录系统,JavaScript实现[网易云音乐Web站登录窗口]拖拽功能...
说明 你可能发现有很多网站他们的登录窗口或者说是登录框是可以拖动的, 更有甚者他们的站点提示框都可以拖动, 你也许可能会对这个功能的实现感兴趣, 那么这篇文章可能会对你有所帮助!具体的网站示例以 网易 ...
- [React]网易云音乐Web PC端
[React]网易云音乐Web PC端 后端地址 https://github.com/Binaryify/NeteaseCloudMusicApi 前端地址 https://github.com/w ...
- Vue3.0 + typescript 高仿网易云音乐 WebApp
Vue3.0 + typescript 高仿网易云音乐 WebApp 前言 Vue3.0 的正式发布,让我心动不已,于是尝试用 vue3 实现一个完整的项目,整个项目全部使用了 composition ...
- vue3 + TypeScript + vant +pinia 实现网易云音乐播放器
vue3 + TypeScript + vant +pinia 实现网易云音乐播放器 实现功能 每日推荐 私人FM 歌单广场 排行榜 歌手 歌曲播放 mv播放 上下滑动切换 云盘上传 用户登录 歌单创 ...
最新文章
- IT十八掌作业_java基础第十二天_集合
- 原理+实战掌握SQL注入方法
- 天天象棋 残局闯关 第9关
- android 渲染流程
- 负债十五万左右，信用卡十万，网贷四五万，怎么上岸？
- Power Bi：零售数据可视化
- 【OpenCV 例程200篇】92. 指数噪声、均匀噪声、椒盐噪声
- RequireJS的加载、初始化等等 - 代码格式篇
- java图片去掉文字,Java 移除html，图片 链接转文字
- mysql Table 'performance_schema.session_variables' doesn't exist
- java利用poi生成/读取excel表格
- 【8-22】java学习笔记04
- 转：js中arguments详解
- 二十四节气—处暑，暑气渐轻，热力不减。
- 使用豆瓣源下载python包
- 地图缓存和动态地图服务
- 《数据结构》实验报告（一）——顺序表存储结构及实现
- 带你了解跨站请求伪造（CSRF），具体代码实现
- usb hub芯片 android,usb hub芯片GL850G详解
- Laya商业级3d实战-06用户输入_u3dApi集成