为什么80%的码农都做不了架构师?>>>   

没啥可值得太注意的地方

重要属性:

1. wx.getBackgroundAudioPlayerState(object) 获取播放状态

2.wx.playBackgroundAudio(object)播放音乐

3.wx.pauseBackgroundAudio()暂停音乐

4.wx.seekBackgroundAudio(object) 设置播放进度

5.wx.stopBackgroundAudio()停止播放音乐

三个监听器:

wxml

<button type="primary" bindtap="listenerButtonPlay">播放</button>
<button type="primary" bindtap="listenerButtonPause">暂停</button>
<button type="primary" bindtap="listenerButtonSeek">设置播放进度</button>
<button type="primary" bindtap="listenerButtonStop">停止播放</button>
<button type="primary" bindtap="listenerButtonGetPlayState">获取播放状态</button>

js

Page({data:{// text:"这是一个页面"},listenerButtonPlay: function() {wx.playBackgroundAudio({//播放地址dataUrl: 'http://sc1.111ttt.com/2016/1/09/28/202280605509.mp3',//title 音乐名字title: '青云志',//图片地址coverImgUrl: 'http://r1.ykimg.com/050E0000576B75F667BC3C136B06E4E7'})},/** * 播放状态 */listenerButtonGetPlayState: function() {wx.getBackgroundAudioPlayerState({success: function(res) {console.log(res)//duration 总时长//currentPosition 当前播放位置//status 播放状态//downloadPercent 下载状况 100 即为100%//dataUrl 当前播放音乐地址}})},/** * 监听button暂停按钮 */listenerButtonPause: function() {wx.pauseBackgroundAudio();},/** * 设置进度 */listenerButtonSeek: function() {wx.seekBackgroundAudio({position: 30})},/** *停止播放 */listenerButtonStop: function() {wx.stopBackgroundAudio()},onLoad:function(options){// 页面初始化 options为页面跳转所带来的参数/** * 监听音乐播放 */wx.onBackgroundAudioPlay(function() {console.log('onBackgroundAudioPlay')})/** * 监听音乐暂停 */wx.onBackgroundAudioPause(function() {console.log('onBackgroundAudioPause')})/** * 监听音乐停止 */wx.onBackgroundAudioStop(function() {console.log('onBackgroundAudioStop')})},onReady:function(){// 页面渲染完成},onShow:function(){// 页面显示},onHide:function(){// 页面隐藏},onUnload:function(){// 页面关闭}
})

转载于:https://my.oschina.net/hzdx/blog/894419

微信小程序把玩(三十四)Audio API相关推荐

  1. 微信小程序把玩(十四)button组件

    为什么80%的码农都做不了架构师?>>>    button按钮用的算是最普遍的组件之一. 主要属性: wxml <!--按钮默认样式,点击事件--> <butto ...

  2. 微信小程序(第二十四章)- 数据交互前置

    微信小程序(第二十四章)- 数据交互前置 讲解微信小程序前置的原因 参考文档 理解微信小程序 小程序简介 作用 提问 针对提问--uni-app介绍 小程序和普通网页开发的区别 小程序代码构成 文件个 ...

  3. 微信小程序把玩(十九)radio组件

    原文:微信小程序把玩(十九)radio组件 radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别 主要属性: wxml <!--设置监听器,当点击radi ...

  4. 微信小程序把玩(十八)picker组件

    为什么80%的码农都做不了架构师?>>>    picker选择器分为三种,普通选择器,时间选择器, 日期选择器 用mode属性区分,默认是普通选择器.测试时时间和日期点击无反应不知 ...

  5. 微信小程序把玩(三)tabBar底部导航

    为什么80%的码农都做不了架构师?>>>    tabBar相对而言用的还是比较多的,但是用起来并没有难,在app.json中配置下tabBar即可,注意tabBar至少需要两个最多 ...

  6. 微信小程序把玩(三十五)Video API

    原文:微信小程序把玩(三十五)Video API 电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tem ...

  7. 微信小程序把玩(四十)animation API

    原文:微信小程序把玩(四十)animation API 动画水还是比较深的,这里只是简单介绍下小程序中动画的一些属性和注意事项,做动画前一定要整理好思路将动画一步步分解,再进行组合!这里只做引入. w ...

  8. 微信小程序把玩(三十二)Image API

    原文:微信小程序把玩(三十二)Image API 选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用 主要方法: wx. ...

  9. 微信小程序把玩(二十八)image组件

    原文:微信小程序把玩(二十八)image组件 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源 ...

  10. 微信小程序把玩(二十七)audio组件

    微信小程序把玩(二十七)audio组件 原文:微信小程序把玩(二十七)audio组件 音频播放已经封装的很好!只需配合属性设置即可! (method和data配合使用) 主要属性: wxml < ...

最新文章

  1. Python | 用PrettyPrinter,让Python输出更漂亮,你值得拥有
  2. 在线作图|如何画韦恩图(包含upset图)
  3. python 怎么将数组转为列表_图片转换成pdf格式怎么操作?什么软件能将图片转为pdf?...
  4. cd返回上一 git_PHP项目中应用CI/CD的碎碎恋!
  5. C/C++ unsigned char*类型
  6. Feign接口 多线程问题
  7. 前世档案 (15 分)
  8. 自动聊天机器人项目班
  9. 游戏王血计算机,【统计】历代主角控血一览
  10. DbUtils: JDBC Utility Component Examples翻译
  11. 浅谈内联元素inline
  12. 大数据可视化分析方法与流程
  13. oracle 10G表空间创建的步骤
  14. 深入浅出mysql第二,mysql-深入浅出MySQL(第2版)-ITBook分享(pdf mongodb java javascript node )...
  15. Java Shiro 设置 anon 无效
  16. 如何提取复杂多引脚芯片的引脚编号及引脚名称
  17. SolidWorks 如何制作装配体
  18. 信道编码和交织的有效总结和理解
  19. iOS中检测硬件和传感器
  20. 嵌入式软件工程师面试题目整理(一)

热门文章

  1. com.rabbitmq.client.AuthenticationFailureException: ACCESS_REFUSED
  2. 从代码到部署微服务实战
  3. mysql中limit后面不能使用运算符
  4. PHP SESSION生存时间设置
  5. Jeecgboot Feign、分布式压测、分布式任务调度
  6. 电脑有网络计算机共享怎么用,2台电脑怎么共享文件?没有网络也能共享【详解】...
  7. php编写计算程序,PHP编写的小应用——计算器
  8. Go 的新关键字 any 是个啥
  9. 浅析 Go IO 的知识框架
  10. 解密Go协程的栈内存管理