微信小程序之音乐播放

这次用的是API中的wx.createInnerAudioContext()接口（创建内部 audio 上下文 InnerAudioContext 对象。）

InnerAudioContext 对象中的属性

属性
string src	音频资源的地址，用于直接播放。2.2.3 开始支持云文件ID
number startTime	开始播放的位置（单位：s），默认为 0
boolean autoplay	是否自动开始播放，默认为 false
boolean loop	是否循环播放，默认为 false
boolean obeyMuteSwitch	是否遵循系统静音开关，默认为 true。当此参数为 false 时，即使用户打开了静音开关，也能继续发出声音。从 2.3.0 版本开始此参数不生效，使用 wx.setInnerAudioOption 接口统一设置。
number volume	音量。范围 0~1。默认为 1基础库 1.9.90 开始支持，低版本需做兼容处理。
number playbackRate	播放速度。范围 0.5-2.0，默认为 1。（Android 需要 6 及以上版本）基础库 2.11.0 开始支持，低版本需做兼容处理。
number duration	当前音频的长度（单位 s）。只有在当前有合法的 src 时返回（只读）
number currentTime	当前音频的播放位置（单位 s）。只有在当前有合法的 src 时返回，时间保留小数点后 6 位（只读）
boolean paused	当前是是否暂停或停止状态（只读）
number buffered	音频缓冲的时间点，仅保证当前播放时间点到此时间点内容已缓冲（只读）

InnerAudioContext 对象中的方法

方法
InnerAudioContext.play()	播放
InnerAudioContext.pause()	暂停。暂停后的音频再播放会从暂停处开始播放
InnerAudioContext.stop()	停止。停止后的音频再播放会从头开始播放。
InnerAudioContext.seek(number position)	跳转到指定位置
InnerAudioContext.destroy()	销毁当前实例
InnerAudioContext.onCanplay(function callback)	监听音频进入可以播放状态的事件。但不保证后面可以流畅播放
InnerAudioContext.offCanplay(function callback)	取消监听音频进入可以播放状态的事件
InnerAudioContext.onPlay(function callback)	监听音频播放事件
InnerAudioContext.offPlay(function callback)	取消监听音频播放事件
InnerAudioContext.onPause(function callback)	监听音频暂停事件
InnerAudioContext.offPause(function callback)	取消监听音频暂停事件
InnerAudioContext.onStop(function callback)	监听音频停止事件
InnerAudioContext.offStop(function callback)	取消监听音频停止事件
InnerAudioContext.onEnded(function callback)	监听音频自然播放至结束的事件
InnerAudioContext.offEnded(function callback)	取消监听音频自然播放至结束的事件
InnerAudioContext.onTimeUpdate(function callback)	监听音频播放进度更新事件
InnerAudioContext.offTimeUpdate(function callback)	取消监听音频播放进度更新事件
InnerAudioContext.onError(function callback)	监听音频播放错误事件
InnerAudioContext.offError(function callback)	取消监听音频播放错误事件
InnerAudioContext.onWaiting(function callback)	监听音频加载中事件。当音频因为数据不足，需要停下来加载时会触发
InnerAudioContext.offWaiting(function callback)	取消监听音频加载中事件
InnerAudioContext.onSeeking(function callback)	监听音频进行跳转操作的事件
InnerAudioContext.offSeeking(function callback)	取消监听音频进行跳转操作的事件
InnerAudioContext.onSeeked(function callback)	监听音频完成跳转操作的事件
InnerAudioContext.offSeeked(function callback)	取消监听音频完成跳转操作的事件

支持音频格式

格式	iOS	Android
flac	x	√
m4a	√	√
ogg	x	√
ape	x	√
amr	x	√
wma	x	√
wav	√	√
mp3	√	√
mp4	x	√
aac	√	√
aiff	√	x
caf	√	x

//声明一个公共的API接口
var bgam = wx.createInnerAudioContext();
var id = 1
//在page js中这样写
Page({onLoad: function (options) {//在页面家在方法中写出播放文件的地址bgam.src = "http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_28428497&response=res&type=convert_url&"//默认在页面加载完成后就开始播放bgam.play()}//控制音乐播放暂停的方法music: function () {//判断id的初始值是多少(id初始值给的是1代表播放)if (id == 1) {//如果id等于一的话代表正在播放就用.push的方法暂停，然后再给id赋值为0代表音乐暂停bgam.pause()id = 0} else {//如果id不等于一的话代表音乐暂停就用.play的方法播放，然后再给id赋值为1代表音乐播放bgam.play()id = 1}},
})

微信小程序之音乐播放相关推荐

html5音乐播放器设计论文,基于微信小程序的音乐播放器设计和毕业论文
摘要随着通信技术的发展和智能设备的普及,移动互联网在近两年发展迅猛,新兴的移动社交软件"微信"逐渐走进了手机用户的生活,深受全国数亿用户的欢迎.随着微信版本的不断更新,微信也 ...
微信小程序实现音乐播放器（2）
文章目录前情提要 BackgroundAudioManager API:wx.setNavigationBarTitle() 搭建静态资源服务器小程序项目 app.json app.wxss pa ...
许嵩音乐智能问答系统微信小程序之音乐播放器
许嵩音乐智能问答系统微信小程序之音乐播放器 - 项目简介项目简介. 音乐播放器搭建. 获取数据及文本分类. 智能客服聊天界面. 连接前端微信小程序输入和后端python,并返回值连接知识图谱你还 ...
微信小程序实现音乐播放器（3）（使用全局数据实现数据共享）
文章目录前情提要搭建静态资源服务器小程序项目 app.json app.js app.wxss pages/index/index.json pages/index/index.wxml pag ...
微信小程序实现音乐播放器（5）
文章目录前情提要 pubsubjs实现页面通信 moment.js实现时间格式化 BackgroundAudioManager 小程序项目 app.json app.wxss app.js page ...
基于微信小程序的音乐播放器设计
目录 1绪论 1 1.1选题背景及意义 1 1.2发展现状 1 1.2.1什么是微信小程序 1 1.2.2小程序市场的现状 4 1.3研究主要内容 4 2系统技术 5 2.1 Java语言 5 2. ...
基于微信小程序java音乐播放器毕业设计论文/程序代码
摘要 5G时代已经慢慢的融入了我们的日常生活,随着国家的通信政策以及各大运营商的宣传的影响,5G手机已经随处可见,面对全球信息.技术空前高速发展,信息高速化发展更是社会进步的一个标志.在全球信息化 ...
微信小程序入门-音乐播放器
萌新,随便做做,只是了解一下微信小程序,希望可以给看到的胖友一点参考. 之前在网上看到这个人入门四天做完一个,我五天做完了,比他好看,突然有一点自信然后发现自己特别不乐意重新看自己的代码,总觉得写的 ...
微信小程序后台音乐播放注意事项
wx.seekBackgroundAudio(OBJECT) 作用:控制音乐播放进度. 注意: 该事件会触发 wx.onBackgroundAudioPlay(CALLBACK) 事件 ,也就是相当 ...

微信小程序之音乐播放

微信小程序之音乐播放

微信小程序之音乐播放相关推荐

最新文章

热门文章