微信小程序之硅谷云音乐

参考视频链接

主页效果展示:

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

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

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

视频页面展示

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

搜索页面展示

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

每日推荐页面

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

歌曲播放页面

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

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

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

微信小程序之硅谷云音乐相关推荐

（干货）微信小程序项目——泡泡云音乐day2
六.获取渲染热门歌手数据 wxml:  <view class="title">热门歌手</view> <vie ...
微信小程序仿网易云音乐（使用云开发，提供源码）
微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!! 源码: 链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ 提取码:u0o3 一 ...
微信小程序练手项目-音乐播放器
微信小程序练手项目-音乐播放器该项目只适合练手,大佬请绕道项目展示图: 项目介绍微信小程序音乐播放器页面: 音乐推荐.播放器.播放列表功能: 播放.暂停.上一首.下一首.跳转播放列表.实时进 ...
微信小程序之网易云音乐（三）- 主页面底部导航、轮播图、歌单及歌曲模块开发
微信小程序之网易云音乐(三)- 主页面底部导航.轮播图.歌单及歌曲模块开发前言一. 主页面底部导航二. 轮播图区域三. 歌单区域四. 歌曲区域微信小程序之网易云音乐导航前言创建一个新模 ...
【中级】微信小程序 - 腾讯云 - wafer2 - PHP - DEMO - 003 - 源码分析 - 01 - 文件组成详细分析
1 前言: 本文原创,欢迎转载,但是,务必保持原文并且给出原文链接. 微信小程序 - 腾讯云 - PHP - DEMO 是微信提供的一个微信小程序和腾讯云小程序云服务wafer 进行接口的例子. 本仓 ...
微信小程序使用阿里云物联网API开发物联网应用
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下就可以打开的应用. 微信小程序具有方便快捷,速度快,安全及保密性高的优点,同时开发 ...
微信小程序：uni-app云开发的网盘助手
这是一款uni-app开发的一款网盘小助手小程序源码该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容另外呢该小程序还可以免费领取百度网盘七天会员,所以用来引流特别的不错该小程序还有外卖系 ...
微信小程序之网易云音乐（五）- 排行详情页、歌单详情页、播放器组件开发
微信小程序之网易云音乐(五)- 排行详情页.歌单详情页.播放器组件开发一. 排行详情页模块二. 歌单详情页模块三. 播放器组件微信小程序之网易云音乐导航一. 排行详情页模块 rank.vue ...
【微信小程序开发（云壁纸小程序教程）】
微信小程序开发(云壁纸小程序教程) 1. 准备 HBuilder X 和微信开发者工具 2. 进入网站注册小程序 3. 点击发行,这时候就用到微信开发者工具 1. 准备 HBuilder X 和微 ...

微信小程序之硅谷云音乐

参考视频链接

主页效果展示:

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

视频页面展示

搜索页面展示

每日推荐页面

歌曲播放页面

微信小程序之硅谷云音乐相关推荐

最新文章

热门文章