InnerAudioContext.onTimeUpdate再次调用不触发 解决办法(玄学)

最新推荐文章于 2023-07-12 10:43:46 发布
原创 最新推荐文章于 2023-07-12 10:43:46 发布 · 747 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #媒体控制接口 #微信小程序音频 #开发问题和解决

本文介绍了一个关于InnerAudioContext.paused变量不主动更新的问题，并提供了解决方案：通过在调用play()方法后立即读取paused变量来触发其更新。

最近碰到这个问题。发现如果不去读取innerAudioContext.paused这个变量，它不会主动更新。解决问题的思路就是在调用play()方法之后再主动读取一次paused变量。可以写一个settimeout函数。
在这里插入图片描述
效果真的很神奇

微信小程序 - 音频播放进度条和点击拖动的控制，支持自定义音乐播放控件样式布局（wx.createAudioContext）解决各种 InnerAudioContext.onTimeUpdate不执行
🏆 前端领域优质创作者
10-27 3695
微信小程序播放音频怎么显示出进度条，音乐播放器组件，wx.createAudioContext配合slider显示播放进度条，用wx.createInnerAudioContext怎么写进度条？onTimeUpdate怎么做音乐进度条，完美解决微信小程序InnerAudioContext.onTimeUpdate失效问题，解决InnerAudioContext.onTimeUpdate不执行的问题，seek()方法执行后不走，InnerAudioContext.onTimeUpdate不触发小程序
＜audio＞标签 “timeupdate“属性调用卡顿的问题记录
Codger_Jy的博客
03-24 1537
问题背景及描述 在用vue写网页播放器的时候用了隐藏<audio>+element-ui组件的组合方式，过程中需要实现播放时间的同步。 发现通过timeupdate事件处理相关逻辑会导致音频卡顿。 问题解决尝试 节流（不是问题根源） 通过节流来解决问题，以1s为长度 // 节流方法 timer(callback, time) { let clock = null; return function () { if (!clock) { clock = setTimeout(() =&
innerAudioContext.onTimeUpdate 不触发的解决方案
曲小强
05-27 1019
一、定时器 setTimeout( () => { innerAudioContext.play(); }, 500) 二、写在onCanplay里 innerAudioContext.onCanplay( () => { innerAudioContext.play(); }) 只要不触发onWaiting就能正常的播放
InnerAudioContext.onTimeUpdate不触发
little_kid_pea的博客
01-02 5298
官方文档和论坛都没有写这个问题的解决办法，最后经过实验发现，需要在InnerAudioContext.onTimeUpdate调用以前，先调用innerAudioContext.onPlay，并且在innerAudioContext.onPlay的回调函数中访问innerAudioContext.duration属性 Page({ /** * 页面的初始数据 */ ...
微信小程序InnerAudioContext.onTimeUpdate 失效问题
akko
01-06 5119
在使用小程序做音乐播放器控制时需要获取当前音频的总时长跟当前时长做进度显示，所以用到了 wx.createInnerAudioContext(Object object) 这个类底下的 onTimeUpdate(function callback) 方法 但是在实际使用中，当加载音频并且播放的时候这个方法却没有调用 initAudio() { this.audio = wx.createInnerAudioContext() this.aud
【微信小程序】解决InnerAudioContext.onTimeUpdate不执行的问题
Vaskka的博客
04-05 6520
问题描述 微信小程序在较新版本的音频接口中推荐使用InnerAudioContext对象实现音频的播放、暂停、跳转等功能，通过监听接口回调实现。 InnerAudioContext.onTimeUpdate(function callback)为监听播放进度更新的接口，在拖动进度条时或跳转播放后此回调不触发。 问题分析 经测试，在触发onWaiting回调后会导致onTimeUpdate失效，此问...
ios h5页面首次不能主动触发音频视频
w244ang的博客
02-22 278
ios h5页面首次不能主动触发音频导致无声音
this.setData({ id:id, ids:ids }) //1.给音频的src赋值 innerAudioContext.src="https://music.163.com/song/media/outer/url?id="+id+".mp3"; //先暂停，再播放，为了解决再次播放不触发onTimeUpdate函数的问题 当调用 innerAudioContext.play() 方法时，音频文件将开始播放 innerAudioContext.pause(); innerAudioContext.play(); innerAudioContext.onCanplay(()=>{ var duation = innerAudioContext.duration })的技术点有哪些
06-10
3. 调用 `innerAudioContext.pause()` 方法暂停音频播放，确保重新播放时能触发 `onTimeUpdate` 事件。 4. 调用 `innerAudioContext.play()` 方法播放音频文件。 5. 使用 `innerAudioContext.onCanplay()` 方法监听...
如何在 onTimeUpdate 中 动态监听 innerAudioContext.currentTime
07-15
要在 `onTimeUpdate` 事件中动态监听 `innerAudioContext.currentTime`，可以按照以下步骤进行操作： 1. 在 AudioPlayer 组件的 `setup` 语法糖中，定义一个 `currentTime` 变量作为当前音频的播放时间。 ```...
微信小程序音频播放问题createInnerAudioContext为何不调用onTimeUpdate
shi450561200的博客
07-12 1807
console.log('开始播放')
微信小程序 手机无法播放音频 InnerAudioContext音频 （开发者工具可以播放）
licy__的博客
06-26 2931
在开发者工具中，使用模拟器点击按钮可以播放音频。但是使用手机，在预览和真机调试中都无法播放音频。并且使用console.log都可以打印出音频在云存储中存储的地址。经过搜寻资料，查看微信小程序的官方文档： InnerAudioContext包含很多参数：经过尝试，发现autoplay默认设置为，在代码中设置 autoplay为true即可解决问题。修改后，代码片段如下：......
uni-app解决createInnerAudioContext()在IOS下不能静音播放的问题
weixin_47024018的博客
12-07 3307
在使用 创建一个播放后，真机环境测试IOS不可以在用户处于静音的情况下进行播放，安装手机则可以进行自动播放。尝试过将设置为 以及 设置为false，但是都发现不行！可以将下面代码注释写着直接copy到项目中使用。切记使用，uni-app中没有该方法。
小程序[InnerAudioContext]不报错、 不播放BUG要如何解决？
weixin_34396902的博客
04-28 3861
问题环境 全局生成了一个innerAudioContext实例，每次赋值src然后play() 问题描述 有时候音频播放无声音 解决思路 排错 注册监听方法，查看哪里出错 innerAudioContext.onCanplay(() => { console.log('can play') }) innerAudioContext.onPlay(() => { console....
小程序开发API之音频 InnerAudioContext
M.Siebel
01-31 7588
旧API:wx.playVoice、wx.pauseVoice、wx.stopVoice、wx.createAudioContext但依然可以使用，为了更好地兼容性请使用 wx.createInnerAudioContext代替 wx.playVoice(Object object) 开始播放语音。同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。本接口停止...
wx.createInnerAudioContext seek方法执行后，监听事件onTimeUpdate无效？
飞奔的屎壳郎
10-28 3371
案发现场： 我的项目中 我将 myaudio = wx.createInnerAudioContext();定义在了 页面 onload的里面。 使用seek跳转了以后。监听事件失效了。 解决思路： 使用 myaudio.seek()。跳转的时候，需要先将音频暂停了，在跳转，否则监听事件就失效了 代码 //播放/恢复音频 play: function () { this.myaud...
小程序-InnerAudioContext.onTimeUpdate失效
weixin_39558942的博客
08-22 2569
小程序-InnerAudioContext.onTimeUpdate失效 问题： const innerAudioContext = wx.createInnerAudioContext() ... innerAudioContext.onTimeUpdate(() => { console.log('开始播放') } 调用InnerAudioContext.onTimeUpd...
uniapp innerAudioContext对象onUpdateTime无法调用
一名假人的博客
08-02 1500
uniapp innerAudioContext对象onUpdateTime无法及时调用 1. 问题描述 近期在写微信小程序的音频播放组件，由于原生的<audio>组件,被微信标为过时，需要自绘UI组件。在获取当时播放进度遇到了问题。 audio.onUpdateTime(),无法在音频播放的时候就调用 <srcipt> export default{ created(){ const audio = uni.innerAudioContext.creat() au
小程序实现播放器功能
热门推荐
baidu_41601048的博客
01-07 1万+
实例：一个简单的播放器效果。 实现的功能： 1点击播放按钮。音频开始播放。 2播放的同时，进度条在不停的更新走动 3点击暂停按钮，音频停止播放 4当音频播放完毕以后，进度条再次回到原点 5当拖滑动滑块以后，松开滑块，进度条继续走动，音频从滑块松开的位置播放，直至播放结束 html： view class="progresswrap">
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

优价实习

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值