vue2.0网易云音乐播放器 (实时更新)
本人在自学vue,之后想在学习过程中加以实践。由于之前有做过jquery的播放器效果,ui仿照网易云,地址 www.daiwei.org/music
于是就想做vue 的网易云播放器,网上也有类似的项目。看了一下都挺不错的,于是就想自己做一个试试
项目基于 Vue 2.0 使用Vue-router,axios获取本地的data.json文件(所有的用户,音乐信息),以及vuex 的状态管理
本人也是一枚小白,边学习边做的,这个播放器有什么不足之处,希望各位可以提出意见建议,我们共同学习进步.
GitHub地址: https://github.com/IFmiss/vue-cloud-music 欢迎Star!!!
线上演示地址: http://www.daiwei.org/vue-music.html
这个项目会一直更新,还有很多模块需要去完成,下一步就是歌词的内容了
首页 及侧边栏信息
底部播放 和 浮层音乐列表信息
播放详情页 播放暂停效果
播放详情切歌效果
新增歌单显示效果
新增歌单图片下载页
vue2.0网易云音乐播放器 (实时更新)相关推荐
- 树莓派云音乐c语言,基于树莓派的红外遥控版网易云音乐播放器
基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...
- linux树莓派网易云音乐,基于树莓派的红外遥控版网易云音乐播放器
基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...
- HTML网页调用 网易云 音乐播放器代码
表现形式一:单曲播放 调用代码: <iframe frameborder="no" border="0" marginwidth="0" ...
- vue3 + TypeScript + vant +pinia 实现网易云音乐播放器
vue3 + TypeScript + vant +pinia 实现网易云音乐播放器 实现功能 每日推荐 私人FM 歌单广场 排行榜 歌手 歌曲播放 mv播放 上下滑动切换 云盘上传 用户登录 歌单创 ...
- 移动应用开发——uni-app框架 仿网易云音乐播放器学习心得
目录 一.uni-app框架介绍 1.什么是 uni-app 2.为什么要选择uni-app 3.uni-app 统一规范 4.uni-app功能框架 二.开发工具与项目创建 1.开发工具 2.项目创 ...
- 第三方网易云音乐播放器ieaseMusic Mac中文版v1.3.4版
ieasemusic mac中文版是目前mac平台上最好的网易云音乐播放器,与网易云音乐官方客户端最大的区别是,官方的就是「客户端」,完全按照其产品内容进行直接堆砌布局,而 ieaseMusic 是基 ...
- HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 1
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 前言 没有使用任何框架,只是想用最简单纯js的代码实现下 前台: Javascript+jQuery 后台: php/nodej ...
- YesPlayMusic:一个高颜值多音频资源的网易云音乐播放器
都2023年了还有人不知道这款开源免费下载的多音频,高颜值的音乐播放器吗(文末有下载地址) 首先我们来看一下YesPlayMusic的特性 和网易云音乐播放器的功能大同小异,少了歌曲评论的功能,这个功 ...
- 静态博客网页中的网易云音乐播放器
见我的博客 https://blog.wyue.site/2020/04/12/1/ 转载前请联系我,联系方式请见我博客 https://blog.wyue.site/ 一直想做个博客中的音乐播放器, ...
- uniapp 仿网易云音乐播放器 微信小程序
效果视频: uniapp 仿照网易云播放器功能 效果截图: 上代码: <template><view class=""><scroll-view :s ...
最新文章
- Android 基础 一 AndroidManifest.xml
- 2.1 基于文件读写图像数据
- 「安全技术」针对常见混淆技术的反制措施
- 三角形最小路径和—leetcode120
- 互联网业界7月三件大事
- 根目录下各文件夹的作用
- 异常捕获try...catch... c#
- cuda Device Management
- 2021 年押宝哪个后端语言呢?
- xxx.pch(No such file or directory)
- 网课答题查询助手 内置多个接口
- Linux学习总结(1)——Linux命令大全完整版
- 计算机类普刊有哪些,计算机类普刊期刊发表推荐
- 知识表示的方法(1)——产生式表示法
- 只因一段代码全公司200多人被捕,爬虫敲响警钟!
- kali清理_linux下清理系统垃圾
- 安装QT时遇到:canot start “d:\qt\vcredist\vcredist_x64.exe/norestart/q“:process failed to start :请求的操作需要提升
- 当冬日阳光照耀我孤苦的心怀
- 【开发新手福利】—Bootstrap运用终极指南
- matlab 梳妆函数,梳状函数.PPT
热门文章
- Webcat 数据库管理工具
- 傻瓜式长文详细教程:无需u盘装系统(ubuntu、deepin双系统等)
- 移动端微博 php源码,jQuery仿手机新浪微博聊天界面
- vcm服务器如何修改端口,录音棚里的电动“机器人”-YAMAHA DM1000VCM控制模块设置教程...
- CGI编程学习----查询2000W开房数据
- 计算机进管理提示找不到入口,如何解决Win10提示找不到入口点dllregisterserver
- 阅读HashMap(1.6)源码所做的一些记录
- 镜像下载vscode
- java读取服务器文件_JAVA读取服务器端文件
- undo歌词中文音译_T-ara - Lovey Dovey 罗马拼音+中文歌词+韩文歌词+中文音译