android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...

#微信小程序获取音频时长与实时获取播放进度

在小程序官方文档中

audio

注意：1.6.0 版本开始，该组件不再维护。建议使用能力更强的 wx.createInnerAudioContext 接口

##第一种方法通过audio组件获取音频时长和实时播放进度

audio 有一个bindtimeupdate 属性

当播放进度改变时触发 timeupdate 事件，detail = {currentTime, duration}

在JS 直接通过bindtimeupdate 方法获取就可以了

bindtimeupdate(res) { console.log('bindtimeupdate', parseInt(res.detail.currentTime), '时间总时长-->', parseInt(res.detail.duration)); }

##第二种通过wx.createInnerAudioContext 接口

通过这个接口

JS 通过获取实例设置播放连接然后我们通过点击播放按钮获取实时进度

this.innerAudioContext = wx.createInnerAudioContext()

this.innerAudioContext.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46';;

audioPlay1(res) {

this.innerAudioContext.play();

this.innerAudioContext.onTimeUpdate(() => {

console.log('进度更新了总进度为：' + this.innerAudioContext.duration + '当前进度为：' + this.innerAudioContext.currentTime);

this.setData({

slider_max: parseInt(this.innerAudioContext.duration),

slider_value: parseInt(this.innerAudioContext.currentTime)

})

}

android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...相关推荐

视频教程-2020最新微信小程序基础+实战精讲视频-微信开发
2020最新微信小程序基础+实战精讲视频负责过多个软件项目的研发.设计和管理工作,拥有项目管理师认证.项目监理师中级认证.出版过的图书有<微信小程序开发图解案例教程><Axure ...
上传声音微信小程序_图文详解微信小程序中调用录音功能和音频播放的方法...
老规矩,先几张图. 1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是用js控制图片显示隐藏.没啥好说的.这里 ...
最新微信小程序反编译工具，完美解决分包问题
看了很多反编译.找回微信小程序源码很多教程,各种问题导致都没法正常使用.微信版本升级后,会遇到各种报错, 以及无法获取到wxss分包无法反编译的问题.于是寻找资料,也买过别人的破解工具,最终解决文件缺 ...
php小程序session取不到,微信小程序实现Session功能及无法获取session问题的解决方法...
因为小程序原生不支持Cookie,因此也不支持Session. 网上找到的的一些方法有缺陷,而且很多累赘,估计没有实际测试过,在此直接给出实测可用的代码. 大概思路就是借助小程序本地储存+网络请求的h ...
2022最新微信小程序游戏:一起来找茬
正文: 2022最新微信小程序游戏:一起来找茬,有需要的自行去体验吧,其它的就没什么好介绍的了,程序是完整的. 程序: wwwsu.lanzouw.com/iVEie0bm8l5i 图片:
【微信小程序宝典】从零开始做微信小程序开发NO.2
2019独角兽企业重金招聘Python工程师标准>>> 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习: 首先感谢几位给予建议的同学, ...
【微信小程序宝典】从零开始做微信小程序开发
开发前必读简要基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要:| 链接微信小程序个人注册简单步骤打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接微 ...
微信小程序开发系列五：微信小程序中如何响应用户输入事件
微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计微信小程序开发系列三:微信小程序的调试方法微信小程序开发系列四:微信小程序 ...
小程序商店刷榜_微信小程序游戏跳一跳刷榜原理解析！
最近微信出了一个"跳一跳"的小游戏,这个游戏其实在之前有手机端版本,无奈微信借助强大的用户把这游戏又拿起来弄火了,而且通过最新版的微信可以看出,微信已经开始重视小程序的入口释放了, ...

android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...

android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...相关推荐

最新文章

热门文章