【总结】2017.02.05

2017.02.05

- 计划
  • 修改sss后台管理的页面,调整接口返回控制方式。
  • 小程序实现仿音乐播放进行音频控制。
  • 估算hM工作量
  • 探讨小程序仿qqMusic案例
  • 月计划
- 实际完成
  • 修改sss后台管理的页面,调整接口返回控制方式。
  • 小程序实现仿音乐播放进行音频控制 :audio组件+旋转动画+进度控制,完成但未完善。
- 总结
  • 小程序audio组件的音频与音频播放控制API wx.getBackgroundAudioPlayerState(OBJECT)不同,当audio的音频进行播放时,API get到的数据显示status:2 (没有音乐在播放)。API获取的背景音乐是在调用wx.playBackgroundAudio(OBJECT)接口的前提下才能获取到的。
  • 动画旋转的度数已定。模仿唱片影碟播放时旋转动画:当音乐播放时,海报图片跟着音乐进行旋转。在看动画Demo时,用rotate可以将内容进行旋转。但是,一直旋转,从0deg旋转到360deg,转完之后就会停止。若需要继续再转360deg,就要从360deg旋转到(360*2)deg···如此下去。就可以配合音乐播放而旋转唱片。
  • 因音乐会有播放和暂停等状态,所以希望动画随音乐状态改变。audio组件的bindtimeupdate 事件(当播放进度改变时触发 timeupdate 事件,detail = {currentTime, duration})。把动画旋转写在update事件内,旋转角度随currentTime改变而改变,就能实现动画随音乐播放而旋转、随音乐停止而停止转动。注意的是,对动画duration的控制是保证旋转的流畅度,我用的是500毫秒。
  • 进度播放,用slider模拟音乐播放进度条。进度条的控制也是在bindtimeupdate 事件内进行更改的,但是手动改变进度从而改变音乐播放位置的效果有时导致会崩溃。也许与音频的下载进度有关,未下载的音频段无法播放导致的,但是audio组件并没有任何属性表示音频的下载进度。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 原文链接http://www.cnblogs.com/kenshincui/p/4186022.html 音频在i...
    Hyman0819阅读 21,828评论 4 74
  • 今天星期天,也是教师节,一大早就看到家长和同学在祝老师节日快乐。便对儿子说:你该怎么做,他说,妈妈,你说吧,他有点...
    隋青青阅读 240评论 0 1
  • 我想离开 我想以另一种方式 住进你的心里 比如以一朵云的身份 来也自由,去也洒脱 无需死乞白赖去博同情 比如以一株...
    寡小城阅读 256评论 0 3
  • 随着明史的深入解读,听到了很多历史上有名的人。包括四大名著竟然也是出自明朝,而且当时的禁书竟然是西游记。因为里面有...
    王阿熊阅读 219评论 0 1