微信小程序AudioContext 循环音频

407 阅读1分钟

微信小程序AudioContext 循环音频

需求:语音录入播放、删除

image.png

问题是什么

按住右侧语音录入内容,产生左侧的语音,可以播放删除。在写代码遇到一个问题是语音录入后,正常播放音频,删除其中一个语音后,出现剩余播放都不好使。

问题分析

思路一: 怀疑是删除后,重新this.setData(),产生问题,故锁定删除方法,仔细琢磨找不到删除哪里出问题(加载顺序也排除)

思路二:怀疑是api有bug, 换成原生样式后,删除在播放,一些正常,故也排除。问题解决。

只剩下是自己代码的问题,后来找出因为 this.audioCtx = wx.createAudioContext('myAudio')这个我定义在全局里导致。分开定义写后,

wxml

image.png

js

image.png

不喜勿喷,菜鸟一枚。