折磨我致死的uni.createInnerAudioContext()

最新推荐文章于 2024-04-15 13:21:36 发布
最新推荐文章于 2024-04-15 13:21:36 发布
阅读量7.3k 收藏 9
点赞数 6
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SoQBulingBuling/article/details/105563198
版权
在前端项目中使用uni的音频播放功能时，遇到uni.createInnerAudioContext实现列表播放的问题。按照官方文档创建实例并设置url后，虽然能播放，但在列表播放时出现了意想不到的坑。经过一番研究，最终解决了问题。代码示例和解决过程在文中详细描述。
摘要由CSDN通过智能技术生成

uni.createInnerAudioContext

今天项目用到uni的音频播放功能 我脑海里第一印象就是audio 标签 有标签啊 然后我就看到了这样的一段话，
在这里插入图片描述
抱着学习的态度 我开始了万恶的旅程
需要的样式是这样的
在这里插入图片描述
给我的数据是这样的在这里插入图片描述
一看就是v-for来进行展示的让我们看下官方文档 看一眼示例看一眼说明在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
ps：没有截全，建议官方文档仔细的看

创建实例设置url就可以播放了通过play方法开始使用了

但是想象和现实十分的不同 列表确实是被生成了 开始出现坑

我一开始写出来代码是这样的

audio(e){
    //e为传入音频src
		const innerAudioContext = uni.createInnerAudioContext();
		innerAudioContext.src 
最低0.47元/天 解锁文章
「已注销」
关注
基于uniapp 的普通音频播放API的封装 uni.createInnerAudioContext()
12-16
可用于播放点击音效。或者提示音效等。不支持的想要播放时可以暂停的功能，但是连续点击可清空上次播放的音频文件。已测试在H5，app上完美运行，webview下大音频文件可能会有短暂延迟，需要将音频文件进行压缩后进行播放。
微信小程序createInnerAudioContext()真机调试无声音
最新发布
会写点代码
06-25 515
微信小程序createInnerAudioContext()真机调试无声音处理
uni-app(踩坑第三篇):音频Api之uni.createInnerAudioContext()
qq_68575975的博客
11-01 4919
最近在写一个仿网易云的项目，使用uni.createInnerAudioContext()封装了一个音频组件。只需要给imgage一个类名为appLogo。主要实现了图片旋转以及音乐的播放和暂停。创建并返回内部 audio 上下文。这是实现图片绕中心轴无限旋转的样式。有没有大佬指教一番的让我涨涨知识。
使用uniapp + Vue3 + uni.createInnerAudioContext()实现播放歌曲及歌词滚动、拖动进度条
weixin_57760759的博客
01-03 2102
1、本文记录一下自己在学习uniapp中遇到的问题，在使用ref获取dom节点时发现并不可以于是换用css实现歌词的滚动。本文只做学习记录使用，有任何不对的地方欢迎大佬指正。转载请备注出处。
uni-app 语音文件播放问题，innerAudioContext 无法销毁 ！！！
以后永远的博客
09-28 6773
uni-app 语音createInnerAudioContext 对象 无法销毁 还闪退！！！ 今天打包发现语音无法播放了，于是找了下原因，记得这个问题已经处理过了，所以很快的找到了问题，项目用错了，用的原来的进行打包，这个错误真的是不可原谅。 特此今天记录一下语音无法播放的错误。 语音播放 用的内置的 uni.createInnerAudioContext(); 来创建的，播放就报错，还闪...
uniapp 实现多音频同时播放 解决sessionCategory = “ambient“不生效问题
moerduo0的博客
09-11 1137
【代码】uniapp 实现多音频同时播放 解决sessionCategory = “ambient“不生效问题。
自由组合定律重点题型突破——致死问题.docx
08-04
在涉及致死现象的问题中，某些特定基因型的个体可能会在发育过程中死亡，这会影响后代的表现型比例。 1. 在第一道题目中，植物的花色受R/r和I/i这对等位基因控制。已知R控制红色素的合成，I会抑制R的表达。当白花...
新潜水泵致死之谜-故事.rar
05-05
标题和描述都指向一个名为"新潜水泵致死之谜"的故事，而标签和压缩包内的文件名也与此一致。这看起来更像是一部小说、报道或者案例研究，而非技术性的资料。 在IT领域，如果我们讨论潜水泵相关的技术问题，可能涉及...
经口半致死.xls
07-17
LD50计算程序Excel版 本程序采用Excel的宏（VBA）编写，大量应用Execl提供的函数，故程序简短，可读性强，有爱好编程的朋友可以参考。 用法：打开表格，选择启用宏，任意位置输入相邻的三列数，鼠标选中，选择菜单...
uniapp踩坑日记之 uni.createInnerAudioContext背景音乐
kuzidiaole的博客
12-01 1368
最好使用网络路径，路径一定要放入白名单中；
关于uniApp uni.createInnerAudioContext() 音频API播放的问题
汤玉鹏
03-25 1万+
因为Android 目前不支持同时创建过多的音频对象 所以导致如果在安卓上有按钮来回切换声音导致切换几次就没有声音了， 这个问题困扰了我好久，各种求助，道理坎坷啊 好几个月都在想这个问题 昨天询问了官方的人员 https://ask.dcloud.net.cn/question/91610?notification_id-702140__rf-false__item...
uni-app 音频播放之 createInnerAudioContext()
热门推荐
炫爱小七的博客
07-31 2万+
遇到业务问题就是 APP 播放操作提示音 1.先声明全局方法 在 main.js 里 Vue.prototype.ScanAudio = function(){ var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src= "../../static/r...
小程序uniapp播放录音，uni.createInnerAudioContext（）苹果手机播放报错，安卓手机可以正常播放问题解决
Anyuegogogo的博客
08-29 3842
小程序uniapp播放录音，uni.createInnerAudioContext（）苹果手机播放报错，安卓手机可以正常播放问题解决
uni.createInnerAudioContext`在ios手机无法自动播放,可通过`jweixin-module`来解决
曲小强
06-30 938
uni.createInnerAudioContext`在ios手机无法自动播放,可通过`jweixin-module`来解决
uniapp中的uni.createInnerAudioContext() 音频创建
m0_73035846的博客
04-15 901
1. 因为做的小程序需要视频讲解 默认展示播放按钮，当点击播放的时候 显示暂停音乐这样的一个效果。写了一个简单的点击事件。
H5 自动播放背景音频，兼容安卓和苹果手机， ios createInnerAudioContext 无法自动播放解决
a_靖的博客
03-03 5558
原因应该是IOS不允许自动播放音频，需要与用户有交互，就是用户点击一下之后，再调用就可以了 在main.js Vue.prototype.playAudio = function(audioUrl) { var innerAudioContext = null; innerAudioContext = uni.createInnerAudioContext(); //创建播放器对象 innerAudioContext.autoplay = false; innerAudioContext
【解决uniapp】audio seek失效，seeked监听不到 createInnerAudioContext创建
weixin_41492957的博客
12-01 2643
最近项目中，用到了audio播放，因为需要修改原来audio的样式，一开始用的插件市场的，做了一些修改 用户试用后，提出了需要进入后台也行播放，因为组件中用的video模拟的，所以进入后台后会自动暂停。 原来的audio不再维护，官方推荐下用了createInnerAudioContext创建audio，因为有一个需求是 当用户有历史播放的时候，下次进入audio,即到达上次播放的时间点继续播放 我聪明的小脑袋，一下子就想到了seek（因为之前只接触过video播放，也只想到了seek）,结果seek了一
微信小程序 createInnerAudioContext不播放问题
redrose311的博客
03-18 1820
-- js-- audioCtx:null, playtap(){ this.audioCtx=wx.createInnerAudioContext() this.audioCtx.src="../image/1.mp3" this.audioCtx.play() this.audioCtx.onError(function(res){ console.log(res) }) 学习使用音频API createInnerAudioContext...
相对电导率拟合半致死温度
05-17
相对电导率是物质电导率与空气电导率的比值。半致死温度是指在该温度下，生物体存活率为50%。这两者之间没有直接的定量关系，但可以通过实验数据进行拟合得到近似关系。 例如，在某种生物体中，相对电导率（y）与温度（x）的关系可以用以下方程拟合： y = a * exp(bx) 其中，a和b是实验数据拟合得到的常数。半致死温度可以通过将y值代入以下方程得到： y = 0.5 解出x即可得到半致死温度。需要注意的是，这种拟合方法只适用于特定的生物体和实验条件，不能一般化应用。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值