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

最新推荐文章于 2023-02-22 10:45:49 发布
最新推荐文章于 2023-02-22 10:45:49 发布
阅读量666 收藏 2
点赞数
分类专栏： 开发中遇到问题和解决 文章标签： javascript 媒体控制接口 微信小程序音频 开发问题和解决
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44828588/article/details/116355363
版权

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

微信小程序 - 音频播放进度条和点击拖动的控制，支持自定义音乐播放控件样式布局（wx.createAudioContext）解决各种 InnerAudioContext.onTimeUpdate不执行
王佳斌
10-27 3436
微信小程序播放音频怎么显示出进度条，音乐播放器组件，wx.createAudioContext 配合 slider 显示播放进度条，用wx.createInnerAudioContext怎么写进度条？onTimeUpdate 怎么做音乐进度条，完美解决微信小程序InnerAudioContext.onTimeUpdate 失效问题，解决InnerAudioContext.onTimeUpdate不执行的问题，seek()方法执行后不走，InnerAudioContext.onTimeUpdate不触发小程序
小程序开发API之音频 InnerAudioContext
M.Siebel
01-31 7206
旧API:wx.playVoice、wx.pauseVoice、wx.stopVoice、wx.createAudioContext但依然可以使用，为了更好地兼容性请使用 wx.createInnerAudioContext代替 wx.playVoice(Object object) 开始播放语音。同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。本接口停止...
InnerAudioContext.onTimeUpdate不触发
little_kid_pea的博客
01-02 5130
官方文档和论坛都没有写这个问题的解决办法，最后经过实验发现，需要在InnerAudioContext.onTimeUpdate调用以前，先调用innerAudioContext.onPlay，并且在innerAudioContext.onPlay的回调函数中访问innerAudioContext.duration属性 Page({ /** * 页面的初始数据 */ ...
innerAudioContext.onTimeUpdate 不触发的解决方案
曲小强
05-27 925
一、定时器 setTimeout( () => { innerAudioContext.play(); }, 500) 二、写在onCanplay里 innerAudioContext.onCanplay( () => { innerAudioContext.play(); }) 只要不触发onWaiting就能正常的播放
【微信小程序】解决InnerAudioContext.onTimeUpdate不执行的问题
Vaskka的博客
04-05 6288
问题描述 微信小程序在较新版本的音频接口中推荐使用InnerAudioContext对象实现音频的播放、暂停、跳转等功能，通过监听接口回调实现。 InnerAudioContext.onTimeUpdate(function callback)为监听播放进度更新的接口，在拖动进度条时或跳转播放后此回调不触发。 问题分析 经测试，在触发onWaiting回调后会导致onTimeUpdate失效，此问...
ios h5页面首次不能主动触发音频视频
w244ang的博客
02-22 218
ios h5页面首次不能主动触发音频导致无声音
微信小程序InnerAudioContext.onTimeUpdate 失效问题
akko
01-06 4965
在使用小程序做音乐播放器控制时需要获取当前音频的总时长跟当前时长做进度显示，所以用到了 wx.createInnerAudioContext(Object object) 这个类底下的 onTimeUpdate(function callback) 方法 但是在实际使用中，当加载音频并且播放的时候这个方法却没有调用 initAudio() { this.audio = wx.createInnerAudioContext() this.aud
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` 变量作为当前音频的播放时间。 ```...
微信小程序 手机无法播放音频 InnerAudioContext音频 （开发者工具可以播放）
licy__的博客
06-26 2461
在开发者工具中，使用模拟器点击按钮可以播放音频。但是使用手机，在预览和真机调试中都无法播放音频。并且使用console.log都可以打印出音频在云存储中存储的地址。经过搜寻资料，查看微信小程序的官方文档： InnerAudioContext包含很多参数：经过尝试，发现autoplay默认设置为，在代码中设置 autoplay为true即可解决问题。修改后，代码片段如下：......
uni-app解决createInnerAudioContext()在IOS下不能静音播放的问题
weixin_47024018的博客
12-07 2658
在使用 创建一个播放后，真机环境测试IOS不可以在用户处于静音的情况下进行播放，安装手机则可以进行自动播放。尝试过将设置为 以及 设置为false，但是都发现不行！可以将下面代码注释写着直接copy到项目中使用。切记使用，uni-app中没有该方法。
小程序[InnerAudioContext]不报错、 不播放BUG要如何解决？
weixin_34396902的博客
04-28 3747
问题环境 全局生成了一个innerAudioContext实例，每次赋值src然后play() 问题描述 有时候音频播放无声音 解决思路 排错 注册监听方法，查看哪里出错 innerAudioContext.onCanplay(() => { console.log('can play') }) innerAudioContext.onPlay(() => { console....
wx.createInnerAudioContext seek方法执行后，监听事件onTimeUpdate无效？
飞奔的屎壳郎
10-28 3230
案发现场： 我的项目中 我将 myaudio = wx.createInnerAudioContext();定义在了 页面 onload的里面。 使用seek跳转了以后。监听事件失效了。 解决思路： 使用 myaudio.seek()。跳转的时候，需要先将音频暂停了，在跳转，否则监听事件就失效了 代码 //播放/恢复音频 play: function () { this.myaud...
小程序-InnerAudioContext.onTimeUpdate失效
weixin_39558942的博客
08-22 2515
小程序-InnerAudioContext.onTimeUpdate失效 问题： const innerAudioContext = wx.createInnerAudioContext() ... innerAudioContext.onTimeUpdate(() => { console.log('开始播放') } 调用InnerAudioContext.onTimeUpd...
uniapp innerAudioContext对象onUpdateTime无法调用
一名假人的博客
08-02 1390
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">
微信小程序：slider插件与音频的联动
不爽的麻雀的博客
06-11 6043
.wxml:&lt;!-- 播放区域 --&gt; &lt;view class='play-area'&gt; &lt;!-- &lt;view class='play-line'&gt; --&gt; &lt;view class='play-line-time1'&gt;{{now_time?now_time:'00:00'}}&lt;/view&gt; ...
微信小程序之音频播放-wx.createInnerAudioContext()注意点
热门推荐
Sourcemyx的博客
03-02 5万+
咱们先看看官方示例 地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html 创建innerAudioContext对象。 autoplay自动播放开启， src音频路径 onPlay()以及onError()播放以及错误回调。 以上理解的不难懂。 那么问题来。大部分人...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

优价实习

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

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

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

打赏作者

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

抵扣说明：

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

余额充值