Uniapp使用InnerAudioContext返回内部 audio 上下文，获取不到duration当前音频的长度，如何解决？

原创

已于 2024-08-21 17:06:16 修改 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #音视频

于 2024-08-21 16:59:08 首次发布

原因:其实是wx的bug,这个问题在开发环境中，并不会遇到。而是真机测试或发版后，就获取不到duration。

解决:我们只要去手动播放音频后，就会抓取到duration。

代码示例

关键代码

this.audioContext.play(); //手动播放音频

完整代码

AudioPlay(file) {
				this.audioContext = uni.createInnerAudioContext({
					useWebAudioImplement: true
				});
				this.audioContext.src = file.path;
				this.audioContext.startTime = 0;
				this.audioContext.play(); //手动播放音频
				this.audioContext.stop(); //手动停止播放音频
				this.audioContext.onPlay(() => {
					console.log('开始播放');
				})
                 //调用onCanplay使音频进入可以播放状态
				this.audioContext.onCanplay(() => {
					console.log(_this?.audioContext?.duration, "duration");
					let intervalID = setInterval(() => {
						if (this?.audioContext?.duration !== 0) {
							const time = Math.floor(this.audioContex