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

最新推荐文章于 2024-06-02 13:43:36 发布
最新推荐文章于 2024-06-02 13:43:36 发布
阅读量2.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sourcemyx/article/details/79444265
版权

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


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


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

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

_Daniel_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
微信小程序完美解决wx.createInnerAudioContext()坑
caoyan0829的博客
07-25 2万+
我刚开始用wx.createInnerAudioContext()，是将此方法写在了我的播放语音函数里，发现怎么暂停和取消都不好使 经过踩坑，得出结论！！！ 1.将此方法声明在onLoad中，（如果声明在page外部，每次进此页面执行语言操作都会多次执行。） 2.将api方法也都声明在onLoad中（不需要一直去创建回调事件） 3.播放语言操作 /** *...
微信小程序--解决wx.createInnerAudioContext()无法停止播放问题
Sriven的博客
07-10 5857
解决方案： 1.首先定义一个全局变量 let innerAudioContext = null; 2.在onLoad方法中获取innerAudioContext对象实例,再次进入页面时在onload再次创建实例，可以防止wx.createInnerAudioContext()监听回调多次触发 onLoad:function(options){ innerAudioContext...
微信小程序之音频播放-wx.createInnerAudioContext()注意点
热门推荐
Sourcemyx的博客
03-02 4万+
咱们先看看官方示例 地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html 创建innerAudioContext对象。 autoplay自动播放开启， src音频路径 onPlay()以及onError()播放以及错误回调。 以上理解的不难懂。 那么问题来。大部分人...
微信小程序播放音频
最新发布
Yzccccccccccg的博客
06-02 545
总结 通过本文的介绍，我们可以看到，在微信小程序中播放音频是非常简单的。只需准备好音频文件，并编写相应的代码，就可以实现音频的播放功能。第四步，优化播放效果 为了提升音频播放效果，我们可以在小程序中添加一些其他的功能，比如显示音频的播放进度、音频的总时长等信息，或者添加音频的循环播放功能等。第三步，添加用户交互 为了提升用户体验，我们可以在小程序界面上添加一些按钮或者控件，实现用户对音频的控制。通过在wxml文件中添加按钮，并在对应的js文件中编写相应的事件处理函数，就可以实现用户对音频的控制操作。
微信小程序播放背景音乐（wx.createInnerAudioContext）
weixin_43988116的博客
08-29 2484
官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html。功能依托于微信小程序内置的 wx.createInnerAudioContext() 方法，相关更多方式使用可参考官方文档。简单记录如有问题或更优解还请不要吝啬的分享出来，此结。业务脚本js使用举例。...
微信小程序开发—(十五)audio音频播放
汉堡请不要欺负面条
05-17 3968
一.知识点 （1）.audio为音频组件，我们可以轻松的在小程序中播放音频。 整理下就是： （2）.API 1.wx.createAudioContext(audioId):创建并返回 audio 上下文 audioContext 对象  audioContext:audioContext 通过 audioId 跟一个  组件绑定，通过它可以操作对应的  组件
微信小程序 音频播放功能createInnerAudioContext
一个专注于技术研究创新的程序员
06-30 4414
微信小程序 音频播放功能createInnerAudioContext
微信小程序菜谱.zip
07-13
微信小程序菜谱是一种基于微信平台的应用，它利用微信小程序框架，为用户提供便捷的烹饪学习和美食分享体验。在这个“微信小程序菜谱.zip”压缩包中，包含了一个名为“caipu_weixin-master”的项目源码，我们可以从...
微信小程序全局变量改变监听的实现方法
10-16
本篇文章将深入探讨如何实现微信小程序全局变量的改变监听，以便在值发生变化时实时更新页面状态。 首先，我们需要在`app.js`中定义全局变量`globalData`。例如： ```javascript App({ globalData: { openid: ''...
微信购票小程序源代码.zip
06-06
这个压缩文件的核心内容是“cinema_wx-code”，这很可能是一个名为“cinema_wx”的微信小程序项目的源代码目录。下面将详细阐述微信小程序的基本概念、开发环境、主要技术栈以及可能涉及的购票功能实现。 微信小...
小程序socket.io客户端, 支持微信小程序、支付宝小程序.zip
02-21
3. **监听socket事件**：微信小程序提供了`onSocketOpen`、`onSocketMessage`、`onSocketError`和`onSocketClose`等方法来监听socket的状态变化和接收到的消息。例如，当连接成功时，你可以发送一个认证消息给服务器...
微信小程序_事件
10-17
http://blog.csdn.net/two_water/article/details/52834995 微信小程序学习（5）_事件
微信小程序API.docx
12-17
1. **API目录**：微信小程序的API涵盖了同步API、事件监听API、异步API以及回调函数参数等多个部分。这些API帮助开发者实现与用户的交互、数据的读写以及微信特有能力的调用。 2. **同步API**：以"Sync"结尾的API是...
微信小程序-音频createInnerAudioContext
weixin_43843679的博客
08-01 1275
微信小程序-音频createInnerAudioContext
小程序音频播放器（二）使用createInnerAudioContext做另一个播放器
immocha的博客
05-27 1340
几个月之前，也就是刚开始学习小程序，做了一个简单的音频播放器 传送门：https://blog.csdn.net/immocha/article/details/103904659 庆幸自己没有从入门到放弃，而是渐渐有了些长进，这回又做了一个播放器，感觉能稍微好点了。 这个播放器长这样 比上回稍微复杂一些，主要实现以下几个功能： 播放，暂停。 播放时圆形图片会转动 快进快退 音频切换（英音和美音之间切换） 进度条显示 切换倍速，估计系统有bug，暂未实现~~ 照常贴代码 <!-- 图标使用ico
微信小程序-wx.createInnerAudioContext的方法执行多次问题
Aimee的博客
03-29 1万+
微信小程序-wx.createInnerAudioContext的方法执行多次问题 在项目中用wx.createInnerAudioContext做语音播放这一块，测试的时候发现第一次播放的时候onPlay和onEnd执行了一次，第二次播放时执行了两次，第三次执行三次，依次类推。 去开发文档里面看了一下它的示例，和它写的一样的，也是先创建一个innerAudioContext，然后在用户的事件
微信小程序-音频播放 每次都是重复播放同一条录音
Himhim的笔记
08-02 9546
前言 在调试微信小程序音频播放时，刚开始我也是直接复制官方文档的实例： const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autoplay = true innerAudioContext.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21x...
微信小程序支付
codingLeader的博客
04-08 1322
小程序支付
小程序录音后播放wx.createInnerAudioContext停止事件坑
Sol的博客
01-09 1万+
最近被小程序的录音->播放坑惨了，赶紧总结下，希望对正在做录音事件的小伙伴们有帮助 //开始录音 startRecord:function(){ var that = this; const recorderManager = wx.getRecorderManager() const options = { duration: 6000, s
微信小程序监听app.js内的数据变化
09-02
微信小程序的app.js是整个小程序的入口文件，负责程序的初始化和全局数据的处理。如果要监听app.js内的数据变化，我们可以通过以下步骤实现： 1. 在app.js中定义需要监听的数据： ```javascript App({ globalData: { // 定义需要监听的数据 counter: 0 } }) ``` 2. 在需要监听数据变化的页面或组件中，使用小程序提供的方法wx.watch()来监听数据的变化： ```javascript const appInstance = getApp() Page({ /** * 页面的初始数据 */ data: { counter: 0 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // 监听全局数据counter的变化 appInstance.watch('counter', (newValue) => { this.setData({ counter: newValue }) }) }, }) ``` 3. 在监听到数据变化的回调函数中，使用this.setData()方法更新页面或组件的数据。 这样，当app.js中定义的全局数据counter发生变化时，监听该数据的页面或组件就能实时更新相应的数据。 需要注意的是，app.js是整个小程序的入口文件，它只会在小程序启动时执行一次，因此监听app.js内的数据变化通常适用于全局数据的变化。对于页面内部数据的变化，可以直接使用页面或组件内的data属性和this.setData()方法进行数据更新。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值