网易云音乐小程序版(网易云微信小程序)

网友投稿 2877 2022-10-09

网易云音乐小程序版(网易云微信小程序)

网易云音乐小程序版(网易云微信小程序)

项目截图

主页

主页->播放器&私人FM

主页->登陆

主页->歌单

主页->歌单2

歌词&滚动

歌曲->评论

歌曲->我的评论

用户信息

我的歌单

前言

这是一个基于小程序的网易云音乐,后台数据暂时采用的是@Binaryify所提供的api接口,大神已经把网易云的接口爬取下来了 api地址,把他项目拉取下来run一下就可以跑起来 暂时使用localhost做模拟机调试(18/09/13)等到以后有时间了架设一个服务器自己搭一个node环境,配置ssl满足小程序的需求。

功能

主要有以下部分

登陆页面

暂只支持手机号登陆(接口支持邮箱,但是我没用163邮箱注册过哈哈)

播放页面

暂停,播放,上一首下一首,播放歌单,滚动歌词,拖动播放。从歌单删除当前(09/14)中英文歌词同步(09/14)

后台播放功能

播放器采用了小程序内置的createInnerAudioContext方法,在页面销毁时不会销毁实例,以这个为基础实现了后台播放 播放歌单功能(性能方面需要优化,定时器以及变量用的过多,可能导致页面性能降低),从上级页面跳入将判断当前播放歌曲与当前选中歌曲。

评论页面

查看评论查看热门评论为评论点赞(需要登陆)(09/21)发表评论(09/24)

主页

主页->私人FM

随机播放你可能喜欢的歌曲,可以为歌曲点赞//todo点赞有请求成功,但是没有回显,后续完善

主页->热门歌单

歌单页面可以收藏歌单,播放歌单,单个播放等,收藏的歌单在我的里面可以看见

主页->热门搜索与搜索

我的歌单

我的歌单展示了我创建的歌单以及我收藏的歌单从我的页面 跳转到歌单页面

用户信息页面

当前用户信息只展示了头像以及签到

环境要求

需要使用微信小程序开发 后台需要使用NodeJs 6.0+运行

环境安装

微信小程序从小马哥那里-就好 后台环境按照 api地址 大神的指示搭建 小程序模拟机调试时需要在设置-》项目设置里关闭(不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书)选项,当然,后续将使用https搭建服务器

不足与优化

当前最大的问题是代码的优化与整理,后续将从以下几点出发修正,当然等这个项目完结才行 1.公有代码的抽取

将api请求抽取出来成为模块化管理

2.冗余变量的清除与代码优化

对一些性能消耗过大的代码优化,处理

3.项目完善与更新 4.bug tofix (拖动滚动条如果当前歌曲加载不到那个位置将会停止滚动条的移动)

TODO

评论

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小朋友学算法(3):求组合数
下一篇:小朋友学C++(5):构造函数
相关文章

 发表评论

暂时没有评论,来抢沙发吧~