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

#微信小程序获取音频时长与实时获取播放进度
在小程序官方文档中
audio
注意：1.6.0 版本开始，该组件不再维护。建议使用能力更强的 wx.createInnerAudioContext 接口

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

audio 有一个bindtimeupdate 属性
当播放进度改变时触发 timeupdate 事件，detail = {currentTime, duration}

  <audio src="{{src}}" id="myAudio" bindtimeupdate='bindtimeupdate' controls name='{{name}}' author='{{author}}' poster="{{poster}}"></audio>

在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);})}

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

android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
android获取小程序音频时长,微信小程序获取音频时长与实时获取播放进度
首先在没有播放音频之前,居然拿不到总时长但是在播放之后也需要设置setTimeout来获取所以在监听音频播放进度更新事件中获取.顺便获取当前播放进度按照官方的写法 audioPlayed: fu ...
java在linux转化mp3,linux下微信/qq的aud、silk音频文件格式与mp3格式互转，获取音频时长的方法，附问题分析和java代码。...
安装ffmpeg ffmpeg -codecs -可以看出ffmpeg默认的MP3格式无法编码为其它格式[D.A.L mp3]D=解码 E=编码 A=AudioCodec L=有损压缩需要安装lam ...
linux下微信/qq的aud、silk音频文件格式与mp3格式互转，获取音频时长的方法，附问题分析和java代码。
安装ffmpeg ffmpeg -codecs -可以看出ffmpeg默认的MP3格式无法编码为其它格式[D.A.L mp3]D=解码 E=编码 A=AudioCodec L=有损压缩需要安装lam ...
视频教程-2020最新微信小程序基础+实战精讲视频-微信开发
2020最新微信小程序基础+实战精讲视频负责过多个软件项目的研发.设计和管理工作,拥有项目管理师认证.项目监理师中级认证.出版过的图书有<微信小程序开发图解案例教程><Axure ...
最新微信小程序反编译工具，完美解决分包问题
看了很多反编译.找回微信小程序源码很多教程,各种问题导致都没法正常使用.微信版本升级后,会遇到各种报错, 以及无法获取到wxss分包无法反编译的问题.于是寻找资料,也买过别人的破解工具,最终解决文件缺 ...
java实现音频播放小程序_微信小程序实现音频文件播放进度的实例代码
问题描述在微信小程序中经常会用到控制文件播放的滑块,通过滑块可控制音频播放进度,下面即用代码实现. 解决方案首先用.wxml与 .wmss 代码实现进度条的效果,再通过 .js 文件控制进度条的进 ...
微信小程序html5音频,微信小程序 audio音频播放详解及实例
loop:是否循环播放 id:标注唯一组件以this.audioCtx = wx.createAudioContext('myAudio')获取控制组件的对象. bindplay:播放时触发该事件 b ...
微信小程序多音频场景处理 - 背景音频
微信小程序多音频场景处理 - 背景音频提到音频播放控制,不得不提背景音频这个方法wx.getBackgroundAudioManager 很不幸,这个有坑.当使用场景为单音频播放或者不需要记录每个音 ...

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

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

最新文章

热门文章