小程序项目实战(完结)

一、播放工具栏的优化

在播放工具栏上面添加一个占位标签,如果currentSong存在,那么占位标签就会占位,给他设置高度

点击播放工具栏会跳转到播放页面

这时候点击播放栏的播放暂停按钮也会跳转页面,所以在播放暂停按钮点击事件使用catchtap

二、添加背景播放功能

背景播放跟之前的inner播放api不一样,用法一样

需要多设置一个title

获取title信息

后台的播放工具栏点击播放或暂停调用onPlay/onPause方法修改playing状态才能实现播放页按钮的变化

在app.json中记得设置背景播放模式

当在后台点击×号停止播放歌曲时,重新进去小程序点击播放是播放不了的,因为他会清空audio的src等数据

记录是否暂停播放,onStop方法就是点击×号触发

当isPlaying要播放而且是点击×号后,就重新设置一下audio的src

三、小程序用户登录流程

小程序的分包:将详情页的东西存放到packageDetail文件中,在app.json里面配置分包的信息

经验分享 程序员 微信小程序 职场和发展