优化微信小程序音频播放，实现多音频同时播放，互不干扰。

最新推荐文章于 2025-05-14 13:37:04 发布

黄思威

最新推荐文章于 2025-05-14 13:37:04 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

文章标签：小程序音频音频卡顿微信多音频同时播放

本文链接：https://blog.youkuaiyun.com/weixin_41710574/article/details/79256935

通过创建5个innerAudioContext实例，实现微信小程序中多音频同时播放且互不干扰，解决音频卡顿问题。点击触发vioce()函数，依次设置不同音频源并播放，确保最多5个音频实例存在。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
  原理就是创建5个 
  innerAudioContext实例化对象，轮流调用。(小程序只能同时存在5个音频实例）。 
 
  附上demo： 
 
  const innerAudioContext1 = wx.createInnerAudioContext(), 
 
   innerAudioContext2 = wx.createInnerAudioContext(), 
 
   innerAudioContext3 = wx.createInnerAudioContext(), 
 
   innerAudioContext4 = wx.createInnerAudioContext(), 
 
   innerAudioContext5 = wx.createInnerAudioContext(); 
 
   Page({ 
   
   tap(){