欢迎光临,了解微信小程序开发,就上易用通!

微信小程序学习点滴《十三》:音乐播放器 真机测试 audio API

发布:2018-01-27 11:55浏览: 来源:网络 作者:cola

简单的试了试播放器,还是有不少坑的.开始在模拟器上跑,一直没有声音,总是刚开始播放就暂停.做个笔记.

准备资源:

音乐图片地址:https://ac-5g9r20ds.clouddn.com/63bedb5f584234b6827c.jpg

音乐mp3地址:https://ac-5g9r20ds.clouddn.com/e54ad7f0a834b9c07ec6.mp3

我用leancloud做的后台.真机测试有效

上张图,这是在模拟器上跑的.播放也能正常运行.右边是获取到的播放状态参数.代码部分说.

微信小程序学习点滴《十三》:音乐播放器 真机测试 audio API(图1)

 

下面是真机上的图.

微信小程序学习点滴《十三》:音乐播放器 真机测试 audio API(图2)

同样可以获取到播放状态参数:

微信小程序学习点滴《十三》:音乐播放器 真机测试 audio API(图3)

 

在不关闭音乐的情况下,退出小程序,是这样的.我当时就惊呆了.这会让小程序有更多露脸的机会啊.我一定的写个能播放音频的小程序.哈哈.

微信小程序学习点滴《十三》:音乐播放器 真机测试 audio API(图4)

 

再次进入的时候是这样的,图片是在js里面设置的.就在开始说的链接.

微信小程序学习点滴《十三》:音乐播放器 真机测试 audio API(图5)

 

代码:

1.index.wxml

 

[html] view plain copy
 
  1. <!--index.wxml-->  
  2.   





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。