Vue cli写的一款PC端音乐播放器（网易云的API）

最新推荐文章于 2023-01-13 10:27:05 发布
最新推荐文章于 2023-01-13 10:27:05 发布
阅读量485 收藏 6
点赞数 1
分类专栏： Vue 文章标签： vue.js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L1147484597/article/details/115030977
版权

介绍：

Vue 版仿网易云音乐 码云仓库链接

软件架构：

后端使用NeteaseCloudMusicApi进行反向代理
数据来源于网易云音乐接口

技术栈：
使用技术
vue2.6.11
vue-router3.1.5
axios0.19.2
element-ui2.13.0

发现音乐版块
在这里插入图片描述
推荐歌单
在这里插入图片描述
最新音乐
在这里插入图片描述1

鲁少聚
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-music：基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本
02-06
vue-music：基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本
Vue仿网易云音乐播放器（二）
weixin_48833991的博客
06-22 1579
项目运行 首先要安装npm或者cnpm和node环境 在终端建立vue-cli项目，命令行cnpm install vue-cli -g //全局安装 vue-cli 查看vue-cli是否成功，不能检查vue-cli,需要检查vue 命令行vue list 下面我一项目名为webmusic新建vue项目 vue init webpack ”项目名称“ 创建好了，那就让项目先安装下依赖再运行一下，会出现下面的页面，操作指令是：cnpm installcnpm run dev 注意 这
通过网易云api实现一个简单的音乐播放器
weixin_50968382的博客
03-23 5725
这次文章我来实现一个简易的播放器，这里调用了网易云的api来获取他的音乐，可以自行下载其文件，本次案例需要nodejs来获取接口，需要通过ajax来请求数据，实现功能有搜索音乐并显示列表，展示歌词等，本次实现get请求的封装，以及有富含js封装函数的思想，模块化开发状态化处理，说这3个我有点不配啊🤢 只是普通的案例涉及一点这些思想 还是那句话先来效果看下，有点丑，希望大家不要介意🌹🌹🌹 这里吹以下漠河舞厅真的好听 首先运行网易云api，由于是我之前的一个案例，这里忘了在哪里找的api了可以自...
正向代理与反向代理
Forskamse's Blog
12-13 1125
正向代理与反向代理 概念 客户端在访问目标服务器时，可能会遇到：1) 目标服务器允许客户端访问，但受到其他限制（如客户端防火墙等）导致客户端无法访问目标服务器的情况；2）目标服务器拒绝客户端访问资源（如服务器端防火墙、IP限制等）的情况。 正向代理与反向代理则是分别用于应对这两种情况的。 第一种情况下，为了能够访问到目标服务器，我们就在客户端与目标服务器中间设立一个代理服务器（当然要确保代理服务器...
VUE搭建云音乐播放器（App版本）
知心宝贝的博客
11-01 4616
本项目使用vue2+vue-cli实现了一个简易的网易云音乐(App版本)，实现了歌曲的首页推荐展示，歌曲的搜索，评论的展示以及歌曲的播放四个主要功能模块，主要用来练手，效果如下图所示：
QT 基于 百度云语音识别， 基于网易API 接口的歌曲查询，的音乐播放器。
she666666的博客
12-15 814
QT 基于 百度云语音识别， 基于网易API 接口的歌曲查询，的音乐播放器。
多平台、高颜值的网易云第三方播放器
程序猿DD
03-22 1415
上海的天气真是阴晴不定，这两天又是降温又是下雨，加上疫情的隔离，真是让人很不舒服，TJ君觉得此情此景应该听一点开心暖心的歌曲，让自己变得快乐起来，所以今天来和大家分享一个可以支持多平台（macOS、Windows、Linux）的高颜值第三方网易云播放器，YesPlayMusicYesPlayMusic的主要特性有：使用 Vue.js 全家桶开发支持网易云账号登录（扫码/手...
使用vue-cli 基于网易云音乐API 搭建一个简单的音乐播放器
Jimmy Huang's Blog
06-04 2393
一、使用Vue-Cli搭建项目 注：如果使用的是vue-cli的老版本(4.20以下的)建议使用以下命令升级vue-cli版本 npm uninstall vue-cli -g npm uninstall @vue-cli -g 1、选择路径创建项目 进入需要创建项目的文件夹 vue create vue-music 随后出现一些配置选项，选择Manually select features进行配置 2、选择预配置项 选择Router、Vuex、CSS Pre-processors、Linter /
开发那点事（十八）Vue开发PC桌面应用案例
开发那点事
01-13 2047
快速将vue项目转化成PC桌面应用 适配windows mac liunx
如何VUE写桌面应用（electron）
qq_42289686的博客
07-05 4226
原文地址：https://baijiahao.baidu.com/s?id=1612232408546551686&wfr=spider&for=pc electron是一个js的桌面程序框架，有很多程序基于它开发，比如VsCode,Atom等。而Vue.js是我们国人开发的著名js框架。用这两个结合开发就是强强联手，只要会网页开发就能写桌面程序，感觉不要太好 首先我们需要先安装n...
一个简单的音乐播放器pc端
08-10
一个简单的音乐播放器(pc端)
vue-music-website：一个仿酷狗及qq音乐的pc网站
02-03
虚拟演示 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report 一款用vuejs仿qq音乐及酷狗PC端网站 技术栈vue + vue-router（核心框架）element-ui（为了方便外观使用它完成一些布局）koa2（用于该网站后台框架）mongodb（用于该项目数据库，存储一些用户信息）axios（请求）功能分析与设计首先我一直想做一个音乐网站，看了大多数人都是做了一些音乐网络端的网站，就决定写一个pc端的音乐网站，而用的是koa2 + MongoDB的经典组合。本身主要以前端为主，基本上主要写一些路由接口和登录注册接口，API借用了qq音乐，在此只做学习用
vue模仿网易云音乐客户端
01-03
使用vue模仿网易云音乐客户端编写的一款web音乐播放器，支持网易大部分操作，比如，查找，歌词滚动，歌单拉去与排行榜，还支持添加自己的歌单以及设置播放队列。还支持搜索下载与显示列数
vuejs仿酷狗音乐播放器的webap
08-11
这是一个仿酷狗音乐的播放器，技术栈vue2.0 vuex vue-router axios mint-ui。
花前月下网易云等级代挂多功能助手程序v1.2.rar
07-03
1.增加安全文件 防止xss sql注入 2.增加我的关注 我的粉丝 3.增加打卡api 4.清理一些不用文件 5.优化界面 6.修复蜜汁bug 7.准备在线支付 = = 主要功能 1.听歌打卡（卡密用户才能使用） 2.双端签到（pc/网页/手机端） 3.急速互粉（卡密用户才能上榜） 4.云贝任务（云贝打卡） 5.网易日推（日推歌曲 热评点赞） 6.待开发..
基于Vue和网易云音乐API的PC端音乐网站设计源码
最新发布
04-18
本项目是基于Vue和网易云音乐API的PC端音乐网站设计源码，包含89个文件，其中主要包含38个vue前端文件，18个js脚本文件，8个png图片文件等。系统采用了Vue2.x和JavaScript技术，以及网易云音乐的Node.js API服务，...
VUE 唯美网易云音乐播放器
08-12
内容概要： 包括了使用Vue.js开发的网易云音乐播放器，通过访问网易云音乐API实现歌曲搜索、播放功能，同时具备精心设计的界面和良好的用户体验。 适用人群： 适用于前端开发人员、音乐爱好者，以及希望在自己网站上...
基于Vue3.x和Element UI的网易云音乐PC播放器设计源码
04-08
Vue3.x网易云音乐PC播放器 - 基于Vue3和Element UI的PC音乐播放器项目，实现登录、播放、收藏等功能，包含85个文件，包括Vue、JavaScript、HTML、CSS等语言。项目已完成大部分功能，细节和部分功能待优化，欢迎star...
基于网易云音乐API实现PC端音乐网站
04-06
采用VUE及网易云音乐 Node.js API service实现，网易云音乐 NodeJS 版 API
使用vue2 如何封装一个组件
05-30
使用 Vue2 封装一个组件的步骤如下： 1. 创建组件文件：在项目中的 components 目录下创建一个新的组件文件，如 MyComponent.vue。 2. 编写组件模板：在 MyComponent.vue 文件中，编写组件的模板代码，使用 Vue2 的模板语法和指令，定义组件的 UI 展示和交互方式。 3. 编写组件逻辑：在 MyComponent.vue 文件中，编写组件的逻辑代码，使用 Vue2 的组件选项和方法，处理组件的数据和事件等。 4. 定义组件属性和事件：在 MyComponent.vue 文件中，使用 props 和 $emit 等方式，定义组件的属性和事件接口，以便其他组件或页面可以使用和调用该组件。 5. 进行组件测试：在项目中的 test 目录下，编写组件的单元测试和集成测试用例，使用 Vue-Test-Utils 等工具进行测试，确保组件的功能和接口符合设计要求。 6. 发布和维护组件：将 MyComponent.vue 文件打包成一个可复用的组件库，可以使用 npm 等方式进行发布和维护，以便其他开发者可以方便地使用和调用该组件。 以上是使用 Vue2 封装一个组件的一般步骤，具体实现过程需要根据具体的业务需求和技术选型进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值