wx.getBackgroundAudioPlayerState(OBJECT)

获取音乐播放状态。

OBJECT参数说明:参数类型必填说明successFunction否接口调用成功的回调函数

failFunction否接口调用失败的回调函数

completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:参数 说明duration 选定音频的长度(单位:s),只有在当前有音乐播放时返回

currentPosition 选定音频的播放位置(单位:s),只有在当前有音乐播放时返回

status 播放状态(2:没有音乐在播放,1:播放中,0:暂停中)

downloadPercent 音频的下载进度(整数,80 代表 80%),只有在当前有音乐播放时返回

dataUrl 歌曲数据链接,只有在当前有音乐播放时返回

示例代码:wx.getBackgroundAudioPlayerState({

success:function(res){

var status = res.status

var dataUrl = res.dataUrl

var currentPosition = res.currentPosition

var duration = res.duration

var downloadPercent = res.downloadPercent

}

})

wx.playBackgroundAudio(OBJECT)

使用后台播放器播放音乐,对于微信客户端来说,只能同时有一个后台音乐在播放。当用户离开小程序后,音乐将暂停播放;当用户点击“显示在聊天顶部”时,音乐不会暂停播放;当用户在其他小程序占用了音乐播放器,原有小程序内的音乐将停止播放。

OBJECT参数说明参数类型必填说明dataUrlString是音乐链接

titleString否音乐标题

coverImgUrlString否封面URL

successFunction否接口调用成功的回调函数

failFunction否接口调用失败的回调函数

completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

示例代码 wx.playBackgroundAudio({

dataUrl: '',

title: '',

coverImgUrl: ''

})

wx.pauseBackgroundAudio()

暂停播放音乐。

示例代码wx.pauseBackgroundAudio()

wx.seekBackgroundAudio(OBJECT)

控制音乐播放进度。

OBJECT参数说明参数类型必填说明positionNumber是音乐位置,单位:秒

successFunction否接口调用成功的回调函数

failFunction否接口调用失败的回调函数

completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

示例代码 wx.seekBackgroundAudio({

position: 30

})

wx.stopBackgroundAudio()

停止播放音乐。

示例代码wx.stopBackgroundAudio()

wx.onBackgroundAudioPlay(CALLBACK)

监听音乐播放。

wx.onBackgroundAudioPause(CALLBACK)

监听音乐暂停。

wx.onBackgroundAudioStop(CALLBACK)

监听音乐停止。

bug & tipbug:iOS6.3.30wx.seekBackgroundAudio 会有短暂延迟

小程序停止html5音乐,微信小程序API 音乐播放控制相关推荐

  1. 新版仿网易云音乐的YY音乐微信小程序源码

    正文: 仿网易云音乐的YY音乐微信小程序源码,这是一款仿网易云手机端的小程序源码 名为YY音乐小程序,首页有每日推荐歌曲.歌单和热歌排行榜,功能不是特别多 但是还是比较简洁美观的,省去了现在网易云音乐 ...

  2. 网易云音乐微信小程序 毕业设计

    本期我们将讲解网易云音乐微信小程序. 之前我已经讲过网易云音乐小程序的旧版本.现在是全新的版本,涉及的功能点非常多.接下来,我们将对这个项目进行详细介绍. 首先,我们来看整个网易云音乐小程序的主页,也 ...

  3. spring boot开发QQ音乐微信小程序(包含服务端源码)

    spring boot+spring mvc+spring整合开发QQ音乐微信小程序(含简单服务端) 项目描述: spring boot+spring mvc+spring代理请求QQ音乐接口获取数据 ...

  4. mpvue微信小程序动画_mpvue 与微信小程序的火花

    介绍 项目介绍 WeScale 定位为音乐训练小程序,初期规划了基础音阶的三个训练,以及他们的镜像模式. 数字简谱 字母简谱 数字简谱对字母简谱 后期看情况更新追加其他训练. 产品展示 扫描下方小程序 ...

  5. IT忍者神龟之小程序最全的微信小程序项目实例

    想玩玩微信小程序的,可以下载个下面的一些demo看一看.(demo下载后,导入到"微信web开发者工具"便可以运行了,顺便把官方微信开发工具下载地址贴一下:下载 · 小程序)注:现 ...

  6. python开发微信小程序-Python 开发者的微信小程序开发实践

    导读 在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...

  7. 万能门店小程序_超市门店微信小程序注册流程

    现在超市门店商家利用小程序卖货已经非常普遍,小程序可以便捷地连接线上线下通道,让商家不再局限于门店周围的流量,能够从微信获取更多客户,从而提升销量和店铺知名度.超市要想有自己的线上电商小程序,就得先注 ...

  8. 小程序助手多功能微信小程序反编译工具

    介绍: 小程序助手多功能微信小程序反编译工具,软件采用 VS 2017 编译,需安装.net 4.0 或以上版本方可运行,理论上 win7 .win10及以上系统 x86 x64 运行正常,条件有限未 ...

  9. 微量小程序联盟,如何实现微信小程序换量和微信小程序推广?

    长期以来各位许多小程序运营者,一直在为小程序如何推广和烦恼!今天我就为大家推荐一个小程序换量推广平台,可以快速帮我们解决小程序粉丝增长难的问题! 微量小程序联盟--专注小程序换量推广 微量小程序联盟- ...

  10. 微信小程序开发语言(微信小程序开发教程)详细步骤

    微信小程序开发语言 开发微信小程序用什么语言 1.微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言).WX ...

最新文章

  1. Java基础与实践题库_Java程序设计基础与实践(题库版)
  2. MySQL:SELECT COUNT 小结
  3. php是实现点击改变状态,PHP利用header函数实现各种状态的跳转
  4. WPF richTextBox 滚动到某项
  5. java数组是否包含某字符串_js判断数组是否包含某个字符串变量的实例
  6. 三个球A,B,C大小形状相同,且其中有一个球与其他球的重量不同,要求找出这个不一样的球
  7. CodeForces - 540D Bad Luck Island —— 求概率
  8. LeetCode 406 根据身高重建队列
  9. MySQL中的datetime对应Java类型
  10. 第 0001 天:聊聊成长型思维模式者
  11. 阿里云服务器web项目启动连接mysql_在腾讯云阿里云上部署JavaWeb项目(Tomcat+MySQL)...
  12. Hibernate多列作为联合主键(六)
  13. 三维模型转换html,三维模型查看器转换软件FinalMesh Professional 1.2.0.329 Pro | C4DSKY...
  14. 利用python构建信用卡评分
  15. nginx proxy_pass转发规则解析
  16. 计算机网络提供给用户的常见服务有文件服务,【填空题】计算机网络提供给用户的常见服务主要有文件服务、消息传递服务、__________服务和应用服务。...
  17. Ardunio开发实例-LM75温度传感器
  18. 各大主流招聘平台的优缺点和适合人群【总结】
  19. 汽车充电桩主板的构成及7kw交流桩的优势阐述
  20. 服务器入侵之找出隐藏字符的原理

热门文章

  1. ssd1963初始化程序
  2. ExecutionException 异常类解析
  3. 十二生肖出生时间看你一生荣辱
  4. python打开文件管理器
  5. Xshell7 要继续使用此程序,您必须应用最新的更新或使用新版本
  6. 谷歌浏览器打开后同时弹出百度搜索和2345问题解决
  7. Android扫车牌号识别技术SDK
  8. #1752. 聂小倩
  9. java8的stream流编程的sorted排序方法
  10. 385高校毕业设计选题