Git Product home page Git Product logo

neteaseminiprogram's Introduction

项目截图

主页

主页

主页->播放器&私人FM

播放器&私人FM

主页->登陆

主页->登陆

主页->歌单

主页->歌单

主页->歌单2

主页->歌单

歌词&滚动

歌词&滚动

歌曲->评论

歌曲->评论

歌曲->我的评论

歌曲->评论

用户信息

用户信息

我的歌单

我的歌单

前言

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

功能

主要有以下部分

登陆页面
暂只支持手机号登陆(接口支持邮箱,但是我没用163邮箱注册过哈哈)
播放页面
暂停,播放,上一首下一首,播放歌单,滚动歌词,拖动播放。
从歌单删除当前(09/14)
中英文歌词同步(09/14)
后台播放功能
播放器采用了小程序内置的createInnerAudioContext方法,在页面销毁时不会销毁实例,以这个为基础实现了后台播放  
播放歌单功能(性能方面需要优化,定时器以及变量用的过多,可能导致页面性能降低),从上级页面跳入将判断当前播放歌曲与当前选中歌曲。
评论页面
查看评论
查看热门评论
为评论点赞(需要登陆)(09/21)
发表评论(09/24)
主页

主页->私人FM
随机播放你可能喜欢的歌曲,可以为歌曲点赞
//todo
点赞有请求成功,但是没有回显,后续完善
主页->热门歌单
歌单页面可以收藏歌单,播放歌单,单个播放等,收藏的歌单在我的里面可以看见
主页->热门搜索与搜索
利用已有的api做了一个简单的热门词条效果,点击词条将会跳转到详细歌曲页  
在输入框中输入字段将触发事件搜索
我的歌单
我的歌单展示了我创建的歌单以及我收藏的歌单

从我的页面 跳转到歌单页面
用户信息页面
当前用户信息只展示了头像以及签到

环境要求


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

环境安装


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

不足与优化


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

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

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

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

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

TODO


评论

neteaseminiprogram's People

Contributors

atheist1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.