微信小程序wx.createInnerAudioContext()取消回调监听

最新推荐文章于 2025-05-08 16:57:56 发布
最新推荐文章于 2025-05-08 16:57:56 发布
阅读量2.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Sourcemyx/article/details/79444265
版权
本文探讨了在微信小程序中使用 wx.createInnerAudioContext 时遇到的一个问题：即使页面已卸载，创建的音频上下文回调仍会执行。文章指出了官方文档中关于如何取消这些回调的方法，并提供了解决问题的链接。

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

相信大家在看文档的同时会发现wx.createInnerAudioContext()中


不陌生。，但是有时候会发现在二级页面新建了这些事件之后。即使页面卸载也依然会执行回调。。其实官方是有取消回调事件的API的。只是没有写在小程序 写在了。。小游戏。


https://mp.weixin.qq.com/debug/wxagame/dev/document/media/audio/InnerAudioContext.html?t=201832

好吧 想了半天。原来有 没写在文档里面。。希望能帮到大家

_Daniel_
关注
【微信小程序】微信小程序 wx.reLaunch：5分钟学会重置页面栈，你get到了吗？
java专栏
11-23 754
是微信小程序提供的一个路由方法，用于关闭所有页面，并跳转到应用内的某个页面。这个方法非常适合一些重要流程的重定向，比如用户完成注册后跳转到首页，或者用户退出登录后跳转到登录页面。通过以上详细介绍，相信你已经对微信小程序的方法有了全面的了解。每种方法都有其特定的使用场景，选择合适的重置页面栈方法可以让你的小程序更加高效、灵活。希望你能轻松掌握这些技能，成为微信小程序开发的高手！🌟🚀下次见，祝你开发愉快！👋🎉。
微信小程序之音频播放-wx.createInnerAudioContext()注意点
Sourcemyx的博客
03-02 5万+
咱们先看看官方示例 地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html 创建innerAudioContext对象。 autoplay自动播放开启， src音频路径 onPlay()以及onError()播放以及错误回调。 以上理解的不难懂。 那么问题来。大部分人...
小程序开发API之音频 InnerAudioContext
M.Siebel
01-31 7390
旧API:wx.playVoice、wx.pauseVoice、wx.stopVoice、wx.createAudioContext但依然可以使用，为了更好地兼容性请使用 wx.createInnerAudioContext代替 wx.playVoice(Object object) 开始播放语音。同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。本接口停止...
微信小程序 音频播放功能createInnerAudioContext
一个专注于技术研究创新的程序员
06-30 4624
微信小程序 音频播放功能createInnerAudioContext
uniapp 音频组件uni.createInnerAudioContext()播放base64格式文件
最新发布
huomore的博客
05-08 432
项目中因为对于接口数据进行加密处置，对于后台返回的图片/音频都返回base64流，在 ​​uni-app​​ 中，​​不支持直接使用 Base64 格式的音频数据​​，所以需要处理。
微信小程序~wx.createInnerAudioContext的使用
qq_46568665的博客
04-20 3361
微信小程序~wx.createInnerAudioContext，音频播放的使用
微信小程序-音频createInnerAudioContext
weixin_43843679的博客
08-01 1428
微信小程序-音频createInnerAudioContext
微信小程序播放背景音乐（wx.createInnerAudioContext）
weixin_43988116的博客
08-29 3013
官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html。功能依托于微信小程序内置的 wx.createInnerAudioContext() 方法，相关更多方式使用可参考官方文档。简单记录如有问题或更优解还请不要吝啬的分享出来，此结。业务脚本js使用举例。...
微信小程序 用wx.getRecorderManager()和wx.createInnerAudioContext()制作一个简单的录音播放器（录制以及播放）
m0_50516958的博客
08-31 1771
音频录制、播放音频、暂停音频、计时器、简易
【愚公系列】《微信小程序与云开发从入门到实践》042-系统设置信息与应用级事件相关接口
热门推荐
时光隧道
09-23 5万+
在小程序的开发过程中，系统设置信息与应用级事件的管理尤为重要。这些接口不仅能够帮助开发者获取设备信息、用户设置等关键信息，还能有效提升用户体验，增强小程序的交互性和功能性。通过合理利用这些接口，开发者可以为用户提供个性化的服务和更流畅的使用体验。在本篇文章中，我们将深入探讨小程序中系统设置信息与应用级事件相关的接口。我们将详细介绍如何获取用户的授权信息、设备的系统信息、网络状态等，以及如何处理应用级事件，使小程序能够更好地响应用户操作和系统变化。
微信小游戏/微信小程序直接唤起授权面板wx.getSetting()、wx.getUserInfo()、wx.getUserProfile()、wx.createUserInfoButton()
start_sea的博客
04-14 1195
获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
微信小程序-音频播放 每次都是重复播放同一条录音
Himhim的笔记
08-02 9789
前言 在调试微信小程序音频播放时，刚开始我也是直接复制官方文档的实例： const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autoplay = true innerAudioContext.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21x...
微信小程序--解决wx.createInnerAudioContext()无法停止播放问题
Sriven的博客
07-10 6484
解决方案： 1.首先定义一个全局变量 let innerAudioContext = null; 2.在onLoad方法中获取innerAudioContext对象实例,再次进入页面时在onload再次创建实例，可以防止wx.createInnerAudioContext()监听回调多次触发 onLoad:function(options){ innerAudioContext...
小程序语音识别功能 wx.createInnerAudioContext
weixin_43612234的博客
03-28 601
【代码】小程序语音识别功能 wx.createInnerAudioContext。
小程序笔记-关于wx.createInnerAudioContext() /InnerAudioContext的使用与踩坑
A88552211的博客
07-09 1820
使用 用方法封装，也可以不封装 /** * 操控音频播放 * @params: Audios: 音频地址列表 * */ handleAudio(Audios){ AppMusic.destroy() //销毁上次的实例（必须有）AppMusic是全局实例 AppMusic = wx.createInnerAudioContext() //创建实例（记住一定放这里，因为每次新播放音频都要新建实例，否则会播放上次和本次的音频） AppMusic.
wx.createInnerAudioContext多个音频播放
weixin_51172395的博客
12-03 3280
想做一个页面里多种小鸟，点不同的鸟播放不同的声音。一般都是用audio，但小程序文档提示：音频。1.6.0版本开始，该组件不再维护。建议使用能力更强的wx.createInnerAudioContext接口。 InnerAudioContext | 微信开放文档 结果发现这文档写的真好啊，如同没写一般。 废话不多说，上代码。 <view class="" bindtap="playSound" data-sound="{{item.sound}}">2播放</view> ..
wx.createInnerAudioContext()播放暂停一次，再播放才有声音
abccbatqw的博客
12-05 643
【代码】wx.createInnerAudioContext()播放暂停一次，再播放才有声音。
微信小程序音频的使用：wx.createInnerAudioContext的使用
lily2016n的博客
08-24 1万+
需求是一进来音乐就开始播放，本来以为只有wx.playBackgroundAudio（使用后台播放器播放音乐，对于微信客户端来说，只能同时有一个后台音乐在播放。当用户离开小程序后，音乐将暂停播放；当用户在其他小程序占用了音乐播放器，原有小程序内的音乐将停止播放。）才能实现。还是文档没仔细看。发现有更好用的wx.createInnerAudioContext。 由于自己是边写项目边看文档，发现自己...
微信小程序：wx.createInnerAudioContext的使用
胡世林的博客
03-29 2万+
百度了一下，很多都是使用的createAudioContext对于使用createInnerAudioContext  的反倒比较少，但是人家那儿写着升级版，所以想了下还是使用的createInnerAudioContext比较好点wxml代码如下：&lt;!--当前为停止状态 --&gt; &lt;view style="width:250rpx;height:250rpx;left:250r...
微信小程序cos.uploadFile进度
04-29
### 微信小程序 `cos.uploadFile` 文件上传进度回调示例 在微信小程序中，通过调用 `cos.uploadFile` 方法可以实现文件上传至腾讯云 COS 的功能。为了实时显示上传进度，可以通过监听进度事件来更新界面中的进度条状态。 以下是完整的代码示例： #### WXML 页面结构 ```html <view class="container"> <button bindtap="uploadFile">上传文件</button> <view class="progress-container"> <text>上传进度: {{percent}}%</text> <progress percent="{{percent}}" activeColor="#007aff"></progress> </view> </view> ``` #### JS 脚本逻辑 ```javascript Page({ data: { percent: 0, // 初始化进度为 0% }, uploadFile() { const that = this; wx.chooseMessageFile({ // 用户选择文件 count: 1, type: 'all', success(res) { const filePath = res.tempFiles[0].path; cos.uploadFile({ Bucket: 'your-bucket-name', /* 替换为您的存储桶名称 */ Region: 'your-region', /* 替换为您的地域信息 */ Key: 'example/' + filePath.match(/[^\/]*$/)[0], /* 设置保存路径和文件名 */ Body: filePath, /* 本地文件路径 */ onProgress: function (info) { // 实时获取上传进度 console.log('当前上传进度:', info.percent); that.setData({ percent: Math.floor(info.percent), // 更新页面上的百分比数据 }); } }).then(function (data) { console.log('上传完成:', data); that.setData({ percent: 100, // 完成后设置进度为 100% }); }).catch(function (err) { console.error('上传失败:', err); }); }, }); } }); ``` #### CSS 样式（可选） ```css .container { padding: 20px; } .progress-container { margin-top: 20px; } ``` --- 以上代码实现了以下功能： 1. **用户选择文件**：通过 `wx.chooseMessageFile` 提供文件选择器。 2. **文件上传**：利用 `cos.uploadFile` 将选定的文件上传到指定的 COS 存储桶。 3. **进度展示**：通过 `onProgress` 回调函数动态更新上传进度并同步到界面上[^1]。 4. **错误处理**：捕获可能发生的异常情况，并打印日志以便调试[^2]。 此方案适用于单文件或多文件上传场景，只需调整 `chooseMessageFile` 参数即可支持更多文件的选择[^3]。 --- ###
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值