【uniappl里面uni.createInnerAudioContext()使用本地路径开始无法播放音频，使用网络地址能正常播放音频的问题】

最新推荐文章于 2025-02-18 15:08:50 发布
原创 最新推荐文章于 2025-02-18 15:08:50 发布 · 4.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#音视频 #uni-app

本文讲述了在uni-app中遇到的音频播放困境：起初本地路径音频无法播放，网络路径可播放。经重新编译安卓应用后，本地路径播放得以解决。解决方法强调了安卓平台环境对音频文件处理的影响。

#uniappl里面uni.createInnerAudioContext()使用本地路径无法播放音频，使用网络地址能正常播放音频的问题。
一开始使用本地相对路径无法播放音频。使用网络路径能正常播放，折腾了半天，后来安卓机重新编译运行后，可以正常播放。
这是使用本地路径
提示错误
网络地址
能正常播放
解决方法：在安卓机上面，用本地路径是可以播放的。需要重新编译运行程序。

是你那
关注
uniapp：播放音频（uni.createInnerAudioContext()）
sunluyi的博客
03-19 1万+
uni.createInnerAudioContext() src 音频的数据链接，用于直接播放。 play 播放（H5端部分浏览器需在用户交互时进行） onEnded 音频自然播放结束事件 onShow() { var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src = '../../static/1.mp3'; // static文件夹下的音频 music.play(); //执行播放
uni.createInnerAudioContext()解决IOS播放无声音
weixin_52508886的博客
03-27 1629
【代码】uni.createInnerAudioContext()解决IOS播放无声音。
关于 uni.createInnerAudioContext 或者 wx.createInnerAudioContext 播放本地音频
weixin_41013858的博客
06-04 3638
今天有个需求，就是播放本地的音频，但是，网上找了一圈，都说的是播放网络音频。幸运的是，在微信公众社区里面找到了解决的办法，就是直接用绝对路径，比如 “/static/mp3/XXX.mp3”,这样就可以播放了，不管是uni.createInnerAudioContext 还是wx.createInnerAudioContext 都没问题 了。 之前写的是 “@/static/mp3/XXX.mp3” 和"../../static/mp3/XXX.mp3" 都不能播放 ...
解决微信小程序（uniapp）中无法读取本地音频问题
xinbaiyu的博客
11-06 2546
只需要将src中的路径改为根路径即可而不是用相对路径，代码如下所示。
uni.createInnerAudioContext()播放mp3失败原因
hdhddjddj的博客
03-08 1132
复制我的代码，把路径换一下就OK了。
uni-app(踩坑第三篇):音频Api之uni.createInnerAudioContext()
qq_68575975的博客
11-01 5595
最近在写一个仿网易云的项目，使用uni.createInnerAudioContext()封装了一个音频组件。只需要给imgage一个类名为appLogo。主要实现了图片旋转以及音乐的播放和暂停。创建并返回内部 audio 上下文。这是实现图片绕中心轴无限旋转的样式。有没有大佬指教一番的让我涨涨知识。
基于uniapp 的普通音频播放API的封装 uni.createInnerAudioContext()
12-16
可用于播放点击音效。或者提示音效等。不支持的想要播放时可以暂停的功能，但是连续点击可清空上次播放的音频...已测试在H5，app上完美运行，webview下大音频文件可能会有短暂延迟，需要将音频文件进行压缩后进行播放。
精选资源
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
关于uni.createInnerAudioContext()的duration音频长度获取不到问题
New个对象喝咖啡
07-26 1896
【代码】关于uni.createInnerAudioContext()的duration音频长度获取不到问题。
uni-app：音频API之uni.createInnerAudioContext()
XiaoHuiwei的博客
12-27 2315
创建并返回内部 audio 上下文 innerAudioContext 对象。简单实现音频播放，音频图片的旋转与暂停。
uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的播放
技术不够，加班来凑
06-19 2619
听书
uni-app 音频播放之 createInnerAudioContext()
qq_45515863的博客
02-12 2104
1.先声明全局方法 在 main.js 里 Vue.prototype.ScanAudio = function(){ var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src= "../../static/raw/right.mp3"; //选择播放的音...
uniapp使用uni.createInnerAudioContext()播放指定音频并且切换
m0_74079648的博客
11-03 5749
在unipp中我们直接只用代替audio，使用更加方便，更加简洁，uniapp内部创建并返回内部 audio 上下文对象。
uni.createInnerAudioContext() 报错{“errMsg“:“MediaError“,“errCode“:-99}
最新发布
kentturing的博客
02-18 1505
uniapp的uni.createInnerAudioContext不支持直接播放base64音频文件，所以需要把base64音频转为本地音频文件再播放，缺点是转换会导致延迟，音频播放会有延迟。utils文件夹下新建tool.js文件。在script下面导入。
uni-app uni.createInnerAudioContext()音频播放使用
热门推荐
weixin_45328705的博客
02-25 1万+
uni-app使用 uni.createInnerAudioContext()音频播放api 前言 1.我这边主要是在微信小程序上使用所以我不太清楚到App或H上有没有问题，不过应该可以。 2.我这边只记录一下主要功能和方法。 3.本文主要做记录使用，有任何不对的地方请大佬指正。 效果图如下： 解读: 如图所示这是一个音频播放页面，基本功能如下：播放暂停，快进快退，文件切换，当前文件播放结束自动播放下一个文件。 正文： 1.播放样式（文件切换样式我就不放了，就放个进度条这个）： <view cl
uniapp使用uni.sreateInnerAudioContext()播放音频
weixin_73128018的博客
08-02 357
【代码】uniapp使用uni.sreateInnerAudioContext()播放音频。
uniapp小程序IOS端，uni.createInnerAudioContext()无声音
hwxjava的博客
07-05 1132
首先我的路径中没有中文字符，如果有的，可能需要转义一下或者干脆不使用中文字符，第二个也是从其他博客中看到的，我这边分享一下我的解决方法。我这边出现问题的原因是因为后缀名的问题，当安卓端播放 .mp4 的音频没问题，但是IOS播放.mp4 就没声音，全部修改之后就修复好了。
uni.createInnerAudioContext() 播放实时从websocket接收的音频
09-21
uni.createInnerAudioContext() 是 UniApp (微信小程序、H5等) 中的一个方法，用于创建一个内核音频上下文环境，它允许开发者处理音频流，比如播放网络音频资源。如果你想要通过 WebSocket 实时接收并播放音频，在UniApp中可以按照以下步骤操作： 1. 创建 WebSocket 连接：首先，你需要连接到WebSocket服务器，并监听`message`事件，该事件会接收到音频数据。 ```javascript const socket = new WebSocket('ws://your-server-url'); socket.onmessage = function (event) { const audioData = event.data; // 音频数据应该是适合解析成ArrayBuffer的格式 }; ``` 2. 将音频数据转换为ArrayBuffer：WebSocket传递过来的数据通常不是可以直接播放的音频格式，需要先将其转换为`ArrayBuffer`。 ```javascript function convertDataToAudioBuffer(audioData) { // 根据实际传输的格式进行解析和转换 // 示例：如果audioData是Base64编码的音频，可以使用Blob和FileReader API return new Promise((resolve, reject) => { let arrayBuffer; const reader = new FileReader(); reader.onload = function (e) { arrayBuffer = e.target.result; resolve(arrayBuffer); }; reader.readAsArrayBuffer(new Blob([audioData], {type: 'audio/*'})); }); } convertDataToAudioBuffer(audioData).then(buffer => { // 现在你有了音频数据的ArrayBuffer }); ``` 3. 使用 `uni.createInnerAudioContext()` 播放音频： ```javascript const audioContext = uni.createInnerAudioContext(); convertDataToAudioBuffer(audioData).then(buffer => { audioContext.src = buffer; audioContext.play(); }); ``` 请注意，实时播放音频可能会对性能有较大影响，确保你在合适的地方暂停、继续播放或者管理音量，避免影响用户体验。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值