微信小程序之硅谷云音乐

参考视频链接

主页效果展示:

轮播图+每日推荐+进行推荐+排行榜
点击每日推荐可到达该页面

登录界面以及个人中心界面展示

• 使用网易云的账号可进行登录.只有时登录状态才可进行进行视频页的观看以及每日推荐功能.
• 个人中心页面显示个人信息以及播放的历史记录
  
  

视频页面展示

• 上方导航栏显示视频的分类信息
• 每类视频可进行下拉刷新+触底加载更多…
• 当该视频播放时点开另外一个视频,之前视频停止.每一时刻只允许播放一个视频. 但回到之前播放的视频,会续着之前的进度继续播放.

搜索页面展示

• 搜索框中无内容时,显示历史记录以及热搜榜.有内容时按照关键字进行搜索.
• 可对历史记录进行清空操作
  
  

每日推荐页面

点击首页的每日推荐,进入该页面.上面显示日期,下面显示歌曲的信息.

歌曲播放页面

点击每日推荐页面里面的歌曲,可进入歌曲详情页面

• 显示歌曲的信息以及播放状态.通过点击进度条可以进行歌曲进度的前进和后退;
• 播放模式:顺序播放,随机播放,循环播放.
• 歌曲的前进和后退按钮,可实现上一首和下一首歌曲的切换.
• 歌曲播放完毕后可自动根据播放模式进行下一首的播放.
  

源码以及项目资料下载链接