微信小程序createInnerAudioContext()真机调试seek失效的问题

最新推荐文章于 2024-09-05 10:12:05 发布
原创 最新推荐文章于 2024-09-05 10:12:05 发布 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个关于在微信小程序中使用createInnerAudioContext()时遇到的问题：在真机调试中使用seek方法进行音频跳转时出现播放异常的情况。文章提供了解决方案：通过在跳转前后暂停和恢复音频播放来确保跳转正常。

小程序中使用createInnerAudioContext()，在开发者工具中使用seek进行跳转可以正常使用，但是在真机调试中则会出现各种问题，如跳转时音频停止播放，无法正常跳转，解决方法：跳转前暂停音频的播放，跳转后再将其恢复

changeAudio(e) {
   
   
	this.context.pause()
	this.context.seek(e.detail.value)
	this
最低0.47元/天 解锁文章
微信小程序 - 真机调试请求异常 Provisional headers are shown，微信小程序开发者工具调试没问题就真机测试时出现请求报错（微信小程序请求接口提示Provisional h）
🏆 前端领域优质创作者
10-03 4420
微信小程序开发 Request Headers: Provisional headers are shown，微信开发工具请求正常,真机调试和上线之后出现 Provisional headers are shown，微信小程序开发工具调试没问题，真机调试Provisional headers are shown，在开发工具调试，请求正常没问题，使用真机调试，请求异常，微信小程序真机调试时后台是本地服务器，显示“Provisional headers are shown”问题解决，微信小程序websocket
微信小程序 - 音频播放进度条和点击拖动的控制，支持自定义音乐播放控件样式布局（wx.createAudioContext）解决各种 InnerAudioContext.onTimeUpdate不执行
🏆 前端领域优质创作者
10-27 3706
微信小程序播放音频怎么显示出进度条，音乐播放器组件，wx.createAudioContext配合slider显示播放进度条，用wx.createInnerAudioContext怎么写进度条？onTimeUpdate怎么做音乐进度条，完美解决微信小程序InnerAudioContext.onTimeUpdate失效问题，解决InnerAudioContext.onTimeUpdate不执行的问题，seek()方法执行后不走，InnerAudioContext.onTimeUpdate不触发小程序
微信小程序：解决wx.createInnerAudioContext()播放语音的坑
干饭搬砖两不误。
03-26 5584
简介 微信小程序中用wx.createInnerAudioContext()，发现怎么暂停和取消的效果都差强人意，原因是将此方法写在了我的播放语音函数里。然后就参考了网上的解决方案。 具体实现 将此方法声明在onLoad中，（如果声明在page外部，每次进此页面执行语言操作都会多次执行）。 注意，页面播放按钮，除了点击事件，还需要绑定两个属性（文件路径、所点击的下标），即data-recordur...
【解决uniapp】audio seek失效，seeked监听不到 createInnerAudioContext创建
weixin_41492957的博客
12-01 3033
最近项目中，用到了audio播放，因为需要修改原来audio的样式，一开始用的插件市场的，做了一些修改 用户试用后，提出了需要进入后台也行播放，因为组件中用的video模拟的，所以进入后台后会自动暂停。 原来的audio不再维护，官方推荐下用了createInnerAudioContext创建audio，因为有一个需求是 当用户有历史播放的时候，下次进入audio,即到达上次播放的时间点继续播放 我聪明的小脑袋，一下子就想到了seek（因为之前只接触过video播放，也只想到了seek）,结果seek了一
wx.createInnerAudioContext seek方法执行后，监听事件onTimeUpdate无效？
飞奔的屎壳郎
10-28 3372
案发现场： 我的项目中 我将 myaudio = wx.createInnerAudioContext();定义在了 页面 onload的里面。 使用seek跳转了以后。监听事件失效了。 解决思路： 使用 myaudio.seek()。跳转的时候，需要先将音频暂停了，在跳转，否则监听事件就失效了 代码 //播放/恢复音频 play: function () { this.myaud...
微信小程序InnerAudioContext.onTimeUpdate 失效问题
akko
01-06 5124
在使用小程序做音乐播放器控制时需要获取当前音频的总时长跟当前时长做进度显示，所以用到了 wx.createInnerAudioContext(Object object) 这个类底下的 onTimeUpdate(function callback) 方法 但是在实际使用中，当加载音频并且播放的时候这个方法却没有调用 initAudio() { this.audio = wx.createInnerAudioContext() this.aud
android播放地址失效,【报Bug】音频组件在安卓上seek函数失效
weixin_31099497的博客
05-26 346
详细问题描述(DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题)[内容]重现步骤[步骤]uni.createInnerAudioContext()创建音频组件后在安卓红米6pro上调用onTimeUpdate提示无此方法,调用seek方法无法在指定时间处播放[结果][期望][如果语言难以表述清晰...
微信小程序wx.createInnerAudioContext()在安卓手机不能播放语音文件问题解决
wujize的博客
07-01 5808
本文介绍小程序安卓手机播放语音文件错误问题的分析过程与解决方案，该问题出现较多，问题隐藏较深，按本文方案可以解决该问题。 一、问题现象 微信小程序已经放弃了基于wx.createAudioContext()的audio组件，要求开发人员使用功能更强大的wx.createInnerAudioContext()组件，新的给件功能的确要强大得多，不需要在页面上布置组件，旧的组件只有play、pause、seek三个事件，功能是比较弱，新的Inner组件增加了很多事件，并且还有监控事件，可以自己定义UI界面，通过监
微信小程序mqtt真机调试connect失败
d201214的博客
05-23 1892
问题 最近学习使用微信小程序实现mqtt通信，在真机调试时遇到一个bug卡住很久：在小程序开发工具中能正常连接服务器、订阅、收发消息，但真机调试和预览不能连接到mqtt服务器。 解决问题前的环境 1. 腾讯云服务器 ubuntu18.04 2. 在服务器上配置好了emqx 3. 部署了ssl证书（免费版） 4. 微信公众平台【开发管理】配置了服务器域名。 如何解决 使用nginx代理。 注意：我是用wget命令下载nginx，安装配置很麻烦。建议大家参考b站up主半颗心脏...
问题的展现小程序seek 不起作用
天天的博客
01-24 1028
学习小程序遇到了，遇到俩问题了， 一个是头像无法显示 image 不起作用 一个就是今天的 播放时间无法回显 就是时间可以拿到，但是设置就是不起作用，会的小伙伴可以告诉我！
小程序InnerAudioContext不报错、 不播放BUG
最新发布
weixin_45799427的博客
09-05 688
全局生成了一个createInnerAudioContext实例，每次赋值src然后play()播放没声音也没报错。
微信小程序学习：audio组件发现的几个问题
热门推荐
草灯的专栏
10-18 1万+
这个只测试了action的method=play的情况下，其它的方法我有稍微改变了下src和action方法，发现只要一切换其它action方法和src歌曲后，歌曲都是未开播状态，所以应该不会出现什么问题。主要是play的情况下有几个小问题需要注意下！先上官方源码： wxml：： 播放 js：： Page({ data: { poster: 'http://y.gtim
小程序InnerAudioContext设置问题记录
Hassan的小博客!
11-12 1750
小程序innerAudioContext问题记录
uniapp微信小程序video标签指定播放位置（initial-time属性不生效）
m0_55258023的博客
09-21 4879
uniapp微信小程序video标签指定播放位置（initial-time属性不生效）
小程序开发API之音频 InnerAudioContext
M.Siebel
01-31 7597
旧API:wx.playVoice、wx.pauseVoice、wx.stopVoice、wx.createAudioContext但依然可以使用，为了更好地兼容性请使用 wx.createInnerAudioContext代替 wx.playVoice(Object object) 开始播放语音。同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。本接口停止...
小程序ios音频播放没声音问题的解决wx.setInnerAudioOption
wlm123565的博客
04-07 4268
问题描述： 使用audio控件wx.createInnerAudioContext();播放音频 。开发者工具和安卓手机上都可以正常播放音频，但是IOS没有声音。 解决路径： wx.setInnerAudioOption(Object object) 基础库 2.3.0 开始支持，低版本需做兼容处理。 本接口从基础库版本2.10.0起支持在小程序插件中使用 设置InnerAudioContext的播放选项。设置之后对当前小程序全局生效 https://developers.w...
微信小程序 在IOS 系统中，语音只能播放一次，第二次播放没有声音。
weixin_45527865的博客
09-24 1418
微信小程序 在IOS 系统中，语音只能播放一次，第二次播放没有声音。 解决办法： 1 在语音文件路径url+Date.now(),代码如下： const innerAudioContext = wx.createInnerAudioContext() //播放声音 play: function () { innerAudioContext.autoplay = true innerAudioContext.src = this.data.filePath + '?'+Date.now()
微信小程序播放音频，ios静音状态下无声音、音频播放创建多个等问题
Jana Jing的分享
04-06 3620
首先需要全局设置ios静音模式下播放声音，当然此方法也可以设置其他参数，[微信开发文档地址] 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 在ap
微信小程序开发真机调试不匹配
09-05
你好！关于微信小程序开发的真机调试不匹配的问题，可能有几种可能的原因导致。以下是一些常见的解决方法： 1. 确保你的微信小程序开发工具和真机上的微信版本保持最新。有时候，版本不匹配可能会导致一些调试问题。 2. 检查你的小程序代码中是否使用了一些仅在开发工具中可用的功能或API。如果是这样，你需要在真机上进行相应的兼容性处理。 3. 检查你的真机是否已经开启了调试模式。在真机上打开微信，点击右上角的“...”，然后选择“设置”>“开发者工具”>“开启调试”，确保调试模式已经开启。 4. 如果你的小程序使用了网络请求，确保真机上的网络连接正常。有时候，网络问题可能会导致真机调试不匹配的情况。 5. 尝试重新构建和部署你的小程序。有时候，构建过程中可能会出现一些问题，导致真机调试出现不匹配的情况。 如果以上方法都没有解决你的问题，建议你通过微信官方社区或技术支持渠道寻求帮助。希望能帮到你！如果还有其他问题，请随时提问。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

雾里桃花

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

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

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

打赏作者

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

抵扣说明：

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

余额充值