微信小程序把玩(三十四)Audio API
为什么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相关推荐
- 微信小程序把玩(十四)button组件
为什么80%的码农都做不了架构师?>>> button按钮用的算是最普遍的组件之一. 主要属性: wxml <!--按钮默认样式,点击事件--> <butto ...
- 微信小程序(第二十四章)- 数据交互前置
微信小程序(第二十四章)- 数据交互前置 讲解微信小程序前置的原因 参考文档 理解微信小程序 小程序简介 作用 提问 针对提问--uni-app介绍 小程序和普通网页开发的区别 小程序代码构成 文件个 ...
- 微信小程序把玩(十九)radio组件
原文:微信小程序把玩(十九)radio组件 radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别 主要属性: wxml <!--设置监听器,当点击radi ...
- 微信小程序把玩(十八)picker组件
为什么80%的码农都做不了架构师?>>> picker选择器分为三种,普通选择器,时间选择器, 日期选择器 用mode属性区分,默认是普通选择器.测试时时间和日期点击无反应不知 ...
- 微信小程序把玩(三)tabBar底部导航
为什么80%的码农都做不了架构师?>>> tabBar相对而言用的还是比较多的,但是用起来并没有难,在app.json中配置下tabBar即可,注意tabBar至少需要两个最多 ...
- 微信小程序把玩(三十五)Video API
原文:微信小程序把玩(三十五)Video API 电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tem ...
- 微信小程序把玩(四十)animation API
原文:微信小程序把玩(四十)animation API 动画水还是比较深的,这里只是简单介绍下小程序中动画的一些属性和注意事项,做动画前一定要整理好思路将动画一步步分解,再进行组合!这里只做引入. w ...
- 微信小程序把玩(三十二)Image API
原文:微信小程序把玩(三十二)Image API 选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用 主要方法: wx. ...
- 微信小程序把玩(二十八)image组件
原文:微信小程序把玩(二十八)image组件 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源 ...
- 微信小程序把玩(二十七)audio组件
微信小程序把玩(二十七)audio组件 原文:微信小程序把玩(二十七)audio组件 音频播放已经封装的很好!只需配合属性设置即可! (method和data配合使用) 主要属性: wxml < ...
最新文章
- Python | 用PrettyPrinter,让Python输出更漂亮,你值得拥有
- 在线作图|如何画韦恩图(包含upset图)
- python 怎么将数组转为列表_图片转换成pdf格式怎么操作?什么软件能将图片转为pdf?...
- cd返回上一 git_PHP项目中应用CI/CD的碎碎恋!
- C/C++ unsigned char*类型
- Feign接口 多线程问题
- 前世档案 (15 分)
- 自动聊天机器人项目班
- 游戏王血计算机,【统计】历代主角控血一览
- DbUtils: JDBC Utility Component Examples翻译
- 浅谈内联元素inline
- 大数据可视化分析方法与流程
- oracle 10G表空间创建的步骤
- 深入浅出mysql第二,mysql-深入浅出MySQL(第2版)-ITBook分享(pdf mongodb java javascript node )...
- Java Shiro 设置 anon 无效
- 如何提取复杂多引脚芯片的引脚编号及引脚名称
- SolidWorks 如何制作装配体
- 信道编码和交织的有效总结和理解
- iOS中检测硬件和传感器
- 嵌入式软件工程师面试题目整理(一)
热门文章
- com.rabbitmq.client.AuthenticationFailureException: ACCESS_REFUSED
- 从代码到部署微服务实战
- mysql中limit后面不能使用运算符
- PHP SESSION生存时间设置
- Jeecgboot Feign、分布式压测、分布式任务调度
- 电脑有网络计算机共享怎么用,2台电脑怎么共享文件?没有网络也能共享【详解】...
- php编写计算程序,PHP编写的小应用——计算器
- Go 的新关键字 any 是个啥
- 浅析 Go IO 的知识框架
- 解密Go协程的栈内存管理