微信小程序之网易云音乐的实现-云音乐
微信小程序之网易云音乐的实现-云音乐
基本介绍
基本功能都实现了,音乐的上一首下一首播放等,顺便把进度条的拖动播放写了下
主页的每日推荐界面写了 ,登录通过账号密码登录(你也可以自己加一个验证码或者邮箱登录)
基于iPhone6(375*667分辨率)开发,后面一些计算都是通过获取当前屏幕下的尺寸来计算的,但是不保证在其他分辨率下是否完好(我已经尽力了~)
下载地址
- github地址: https://github.com/superBiuBiuMan/Wechat_NetEase_CloudMusic
- gitee地址: https://gitee.com/superBiuBiu/Wechat_NetEase_CloudMusic
遇到的问题和解决办法
- 单击我跳转
API地址(自己服务器的~)
- https://cloudmusic.dreamlove.top/
更改自己的API地址
虽然目前我这服务器的可以用,但是服务器会有过期的一天
项目使用 @网易云音乐 NodeJS 版 API
可以去github地址下载后台,然后安装依赖包并修改
/utils/config.js
文件如果是自己电脑搭建API服务器,将
host
配置项修改为如下,因为此API服务器默认使用3000端口(但需要注意的是,如果自己电脑不是公网ip,在手机上调试可能需要内网穿透)export default {host: 'http://localhost:3000', }
云音乐网易音乐发布订阅添加订阅关系图
项目预览
首页
视频
搜索界面
每日推荐
个人中心
登录界面
播放音乐界面
- 动态图
- 静态图
微信小程序之网易云音乐的实现-云音乐相关推荐
- 微信小程序之网易云音乐(五)- 排行详情页、歌单详情页、播放器组件开发
微信小程序之网易云音乐(五)- 排行详情页.歌单详情页.播放器组件开发 一. 排行详情页模块 二. 歌单详情页模块 三. 播放器组件 微信小程序之网易云音乐导航 一. 排行详情页模块 rank.vue ...
- 微信小程序仿网易云音乐(使用云开发,提供源码)
微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!! 源码: 链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ 提取码:u0o3 一 ...
- 微信小程序之网易云音乐(三)- 主页面底部导航、轮播图、歌单及歌曲模块开发
微信小程序之网易云音乐(三)- 主页面底部导航.轮播图.歌单及歌曲模块开发 前言 一. 主页面底部导航 二. 轮播图区域 三. 歌单区域 四. 歌曲区域 微信小程序之网易云音乐导航 前言 创建一个新模 ...
- 微信小程序之网易云音乐(一)- uni-app的基本使用
微信小程序之网易云音乐(一)- uni-app的基本使用 前言 一. uni-app 1.1 利用HBuilder来进行开发: 二. 案例 2.1 案例1:MVC以及数据双向绑定 2.2 案例2:响应 ...
- 微信小程序之网易云音乐导航
微信小程序之网易云音乐导航 微信小程序之网易云音乐(一)- uni-app的基本使用 微信小程序之网易云音乐(二)- uni-app标签的使用 微信小程序之网易云音乐(三)- 主页面底部导航.轮播图. ...
- 微信小程序调用网易云音乐接口
微信小程序调用网易云音乐接口 前段时间QQ音乐的调用接口不能用了,给大家整理了一个网易云音乐的调用接口. 1.API接口: API接口地址 2.访问连接地址: http://neteasecloudm ...
- 微信小程序之网易云音乐(四)- 排行、歌手及歌手详情页模块开发
微信小程序之网易云音乐(四)- 排行.歌手及歌手详情页模块开发 一. 排行模块开发 二. 歌手模块开发 三. 歌手详情页开发 微信小程序之网易云音乐导航 一. 排行模块开发 rank.vue文件: & ...
- 微信小程序之网易云项目实战(一)
微信小程序之网易云项目实战(一) 1.全局app.json 配置 {"pages": ["pages/index/index","pages/logs ...
- 微信小程序【网易云音乐实战】(第二篇 轮廓图、阿里巴巴的矢量图标、滚动条、前后端交互、列表渲染)
下面通过webStrom来写代码,通过微信开发者工具来调试! 本篇最终效果图: 这里写目录标题 一.轮播图 二. 五个小图标 1. 将阿里巴巴矢量图标转换为本地的 2. 项目使用图标 三.滚动条 sc ...
- 微信小程序之网易云音乐小案例
目录 一.编写对网易云音乐api发起请求的代码 二.编写视频项(组件) 三.编写mv列表:包含(轮播图+视频列表[每个视频项引用组件来呈现]) 四.编写视频详情页 成品图: 准备工作: --在page ...
最新文章
- 计算机培训校本研修心得,精选校本培训心得体会三篇
- opengl嵌入pyqt5编译的分割窗口中
- SAP ui5 setModel 的核心逻辑
- java反射减少servlet_利用java 反射机制来实现一个servlet处理多种请求
- C#FTP下载文件出现远程服务器返回错误: (500) 语法错误,无法识别命令
- MyEclipse 如何使用断点调试
- 递归多线程实现前缀和
- 手动实现apply、call、bind
- mac 解压_BetterZip for Mac(Mac解压压缩工具)
- post方式加载iframe
- Oracle数据库中NOLOGGING和FORCE LOGGING
- 求立方根_12.初中数学:立方根号a,等于0.1738,怎么求a的值?期末考试真题
- c语言口袋妖怪代码大全,口袋妖怪银版金手指代码使用大全
- MATLAB:快速傅里叶变换(FFT)
- 正则表达式之提取数字
- 【005】基于51单片机的多路热释电红外报警器proteus仿真与实物设计
- 小学计算机教师证面试题目,2019下半年小学信息技术教师资格面试真题完整版...
- 手机APP测试(三)
- BZOJ2844: albus就是要第一个出场(线性基)
- android 颜色值16进制转换int类型;
热门文章
- SPSS偏相关分析的应用介绍
- 【静态ip保姆级教程他来了】
- 在线文本比较工具(用来对比两个代码文件差异的地方)
- android主题编辑器,安卓 EMUI主题编辑器 Theme Editor For EMUI v1.13.5 专业版
- index.jsp中文乱码问题
- 计算机dos命令大全TXT,dos命令大全常见命令图解
- 使用wsimport命令将wsdl文件生成服务端以及客户端
- java读取gpx文件,读取GPX文件+optpars的简单python脚本
- EPUB格式怎么转成MOBI格式
- C#解析mobi格式的文档