本音乐播放器主要运用了html,css,javascript,jquery,以及快应用的开发组件和网易云音乐API开发文档。
涉及到JavaScript基础之ECMAscript5
基于mvwm模式的快应用开发
前后端分离项目模式下的前后端数据交互。
前端模块化开发。
基于git协同开发完成音乐播放器的整个功能业务流程(歌单列表、播放功能)。

音乐播放器的功能模块大概分为:
1.主页模块
2.歌单详情模块
3.每日推荐模块
4.电台模块
5.排行榜模块
6.搜索模块
7.音乐播放模块
其中,音乐播放模块流程:
通过发起的请求相应播放歌曲,同时具有播放暂停和继续的功能,当播放暂停时会有暂停图标呈现在播放歌曲的图片上,继续时暂停图标隐藏。通过接收的参数发起带参数的请求,并处理请求返回的响应中的数据,再进行数据的渲染,在页面中呈现出来,接收的参数可以来自本页面也可以来自其他页面,本页面也可以跳转歌单的详情页面。

基于快应用的音乐播放器

播放页面
通过接收的参数发起带参数的请求,并处理请求返回的响应中的数据,再进行数据的渲染,在页面中呈现出来,接收的参数可以来自本页面也可以来自其他页面,本页面也可以跳转歌单的详情页面。

其他页面点击播放歌曲
其他的页面分别传歌曲对应的id,对应封面和标题歌手,本页面将歌曲id作为参数发起相似歌单,相似歌曲即歌曲评论的对应请求,并对相应数据进行渲染。

基于快应用的音乐播放器
基于快应用的音乐播放器

本页面点击播放歌曲
传入的参数根据点击的位置,从之前获得的歌单,歌曲和评论列表中获取相应数据,再次传入本页面,对数据进行渲染。

基于快应用的音乐播放器
基于快应用的音乐播放器播放歌曲的热门评论:

基于快应用的音乐播放器

相关文章: