小程序wx.createInnerAudioContext()获取不到时长问题

最近在开发小程序中，需要用到音频播放功能。但在初始化时，使用InnerAudioContext.duration获取不到音频的时长。

Page({/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {// 创建一个audioconst myAudio = wx.createInnerAudioContext();// 设置audio的资源地址myAudio.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46';  // 直接获取时长，获取到的为0console.log(myAudio.duration); // 0// 延时获取时长，获取到的还是0setTimeout(()=> {console.log(myAudio.duration); // 0}, 1000);}
})

解决方法

使用innerAudioContext.onCanplay()监听音频进入可以播放状态。

Page({/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {// 创建一个audioconst myAudio = wx.createInnerAudioContext();// 设置audio的资源地址myAudio.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46';  // 监听音频进入可以播放状态的事件myAudio.onCanplay(()=> {// 必须。可以当做是初始化时长myAudio.duration;// 必须。不然也获取不到时长setTimeout(() => {console.log(myAudio.duration); // 401.475918}, 1000)})  }
})

小程序wx.createInnerAudioContext()获取不到时长问题相关推荐

微信小程序-wx.createInnerAudioContext的方法执行多次问题
微信小程序-wx.createInnerAudioContext的方法执行多次问题在项目中用wx.createInnerAudioContext做语音播放这一块,测试的时候发现第一次播放的时候onP ...
小程序wx.getUserInfo获取不到头像
小程序wx.getUserInfo接口改版了,只能获取到用户的身份标识,如果需要获取头像昵称等信息需要调用wx.getUserProfile 小程序公告地址:点击这里
微信小程序wx.createInnerAudioContext()在安卓手机不能播放语音文件问题解决
本文介绍小程序安卓手机播放语音文件错误问题的分析过程与解决方案,该问题出现较多,问题隐藏较深,按本文方案可以解决该问题. 一.问题现象微信小程序已经放弃了基于wx.createAudioContex ...
小程序wx.getUserInfo获取用户信息方案介绍
问题模块框架类型问题类型 API/组件名称终端类型操作系统微信版本基础库版本 API和组件 - - - - 背景小程序一个比较重要的能力就是获取用户信息,也就是使用 wx.g ...
微信小程序wx.login()获取openid，附：前端+后端代码（超详细版）
微信小程序开放了微信登录的api,无论是个人还是企业申请的小程序均可使用. 首先创建一个项目,把这些代码都清空,我们自己写! 然后,开始写了! 首先index.wxml,写一个button用于发起登录 ...
微信小程序wx.createInnerAudioContext使用方法
1.创建audio对象 js开头: const myaudio = wx.createInnerAudioContext({}); 2.设置资源路径,onShow或者onLoad内设置 onShow: ...
微信小程序wx.getImageInfo()获取图片信息
一.知识点二.列子 (1).加载时 <view class="zn-uploadimg"> <image src="{{tempFilePaths}} ...
获取微信小程序wx.login 生成的code
微信小程序获取用户信息需要调用微信内置都wx.login()方法,这个方法会生成一个时效很短的code,通过微信另外都接口,使用code作为参数我们可以获得用户的openid.unionid等信息,然 ...
微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...

小程序wx.createInnerAudioContext()获取不到时长问题

解决方法

小程序wx.createInnerAudioContext()获取不到时长问题相关推荐

最新文章

热门文章