博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序把玩(三十四)Audio API
阅读量:7199 次
发布时间:2019-06-29

本文共 1818 字,大约阅读时间需要 6 分钟。

原文:

这里写图片描述

没啥可值得太注意的地方

重要属性:

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

这里写图片描述

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

这里写图片描述

3.wx.pauseBackgroundAudio()暂停音乐

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

这里写图片描述

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

三个监听器:

这里写图片描述

wxml

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(){    // 页面关闭  }})
你可能感兴趣的文章
我的友情链接
查看>>
MySQL常用命令
查看>>
keepalived实现对mysql主从复制的主备自动切换
查看>>
批处理中使用系统路径的命令
查看>>
最完整的BDC升PDC的方法
查看>>
关于UILabel自适应宽度高度
查看>>
onethink不能开启页面trace
查看>>
Linux基础:文件属性和权限
查看>>
在 Windows 上安装 SVN Subversion 服务端
查看>>
使用安全的Windows磁盘格式
查看>>
分布式设计与开发(二)------几种必须了解的分布式算法
查看>>
curl命令
查看>>
setsockopt用法详
查看>>
Linux的目录管理类命令之cd、pwd
查看>>
tem
查看>>
list 分组
查看>>
ubuntu 使用link方式安装eclipse svn插件
查看>>
三次交换机如何配置生成树协议----STP
查看>>
Mybatis #{} 和 ${} 的区别
查看>>
XenServer 6.5实战:Creating a Storage Repository (CIFS)
查看>>