关于 uni.createInnerAudioContext 或者 wx.createInnerAudioContext 播放本地音频

最新推荐文章于 2024-06-25 07:00:06 发布
最新推荐文章于 2024-06-25 07:00:06 发布
阅读量2.9k 收藏 7
点赞数 9
分类专栏： 前端问题小记 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41013858/article/details/106545360
版权

今天有个需求，就是播放本地的音频，但是，网上找了一圈，都说的是播放网络音频。幸运的是，在微信公众社区里面找到了解决的办法，就是直接用绝对路径，比如    “/static/mp3/XXX.mp3”,这样就可以播放了，不管是uni.createInnerAudioContext   还是wx.createInnerAudioContext   都没问题 了。 之前写的是  “@/static/mp3/XXX.mp3” 和"../../static/mp3/XXX.mp3"  都不能播放

青鸟@飞鱼
关注
专栏目录
微信小程序之音频播放-wx.createInnerAudioContext()注意点
Sourcemyx的博客
03-02 4万+
咱们先看看官方示例 地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html 创建innerAudioContext对象。 autoplay自动播放开启， src音频路径 onPlay()以及onError()播放以及错误回调。 以上理解的不难懂。 那么问题来。大部分人...
android获取小程序音频时长,【报Bug】uni.createInnerAudioContext()在微信小程序上获取不到完整的音频时长duration...
weixin_35703208的博客
05-26 1266
产品分类：uniapp/小程序/微信PC开发环境操作系统：WindowsPC开发环境操作系统版本号：win10HBuilderX类型：正式HBuilderX版本号：3.0.7第三方开发者工具版本号：1.05.2101181基础库版本号：无项目创建方式：HBuilderX示例代码：creatAudio() {this.innerAudioContext = uni.createInnerAudioC...
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一印象就是audio 标签 有标签啊 然后我就看到了这样的一段话， 抱着学习的态度 我开始了万恶的旅程 需要的样式是这样的 给我的数据是这样的 一看就是v-for来进行展示的让我们看下官方文档 看一眼示例看一眼说明 ps：没有截全，建议官方文档仔细的看 创建实例设置url就可以播放了通过play方法开始使用了 但是想象和现实十分的不同 列表确实是被生
微信小程序createInnerAudioContext()真机调试无声音
最新发布
会写点代码
06-25 511
微信小程序createInnerAudioContext()真机调试无声音处理
【uniappl里面uni.createInnerAudioContext()使用本地路径开始无法播放音频，使用网络地址能正常播放音频的问题】
jsmylo的博客
11-24 3917
#uniappl里面uni.createInnerAudioContext()使用本地路径无法播放音频，使用网络地址能正常播放音频的问题。 一开始使用本地相对路径无法播放音频。使用网络路径能正常播放，折腾了半天，后来安卓机重新编译运行后，可以正常播放。 解决方法：在安卓机上面，用本地路径是可以播放的。需要重新编译运行程序。 ...
uniapp使用uni.sreateInnerAudioContext()播放音频
weixin_73128018的博客
08-02 252
【代码】uniapp使用uni.sreateInnerAudioContext()播放音频。
uni-app 音频播放之 createInnerAudioContext()
热门推荐
炫爱小七的博客
07-31 2万+
遇到业务问题就是 APP 播放操作提示音 1.先声明全局方法 在 main.js 里 Vue.prototype.ScanAudio = function(){ var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src= "../../static/r...
uni-app：音频API之uni.createInnerAudioContext()
XiaoHuiwei的博客
12-27 1759
创建并返回内部 audio 上下文 innerAudioContext 对象。简单实现音频播放，音频图片的旋转与暂停。
uniapp：播放音频（uni.createInnerAudioContext()）
sunluyi的博客
03-19 8832
uni.createInnerAudioContext() src 音频的数据链接，用于直接播放。 play 播放（H5端部分浏览器需在用户交互时进行） onEnded 音频自然播放结束事件 onShow() { var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src = '../../static/1.mp3'; // static文件夹下的音频 music.play(); //执行播放
小程序ios音频播放没声音问题的解决
01-03
小程序提供了录音和播放音频的能力，从基础库 1.6.0 开始支持了wx.getRecorderManager()，录音都采用wx.getRecorderManager()提供的api，播放音频文件采用wx.createInnerAudioContext()提供的api 导入录音和播放音频...
微信小程序完美解决wx.createInnerAudioContext()坑
caoyan0829的博客
07-25 2万+
我刚开始用wx.createInnerAudioContext()，是将此方法写在了我的播放语音函数里，发现怎么暂停和取消都不好使 经过踩坑，得出结论！！！ 1.将此方法声明在onLoad中，（如果声明在page外部，每次进此页面执行语言操作都会多次执行。） 2.将api方法也都声明在onLoad中（不需要一直去创建回调事件） 3.播放语言操作 /** *...
微信小程序：解决wx.createInnerAudioContext()播放语音的坑
干饭搬砖两不误。
03-26 5128
简介 微信小程序中用wx.createInnerAudioContext()，发现怎么暂停和取消的效果都差强人意，原因是将此方法写在了我的播放语音函数里。然后就参考了网上的解决方案。 具体实现 将此方法声明在onLoad中，（如果声明在page外部，每次进此页面执行语言操作都会多次执行）。 注意，页面播放按钮，除了点击事件，还需要绑定两个属性（文件路径、所点击的下标），即data-recordur...
微信小程序 音频播放功能createInnerAudioContext
一个专注于技术研究创新的程序员
06-30 4490
微信小程序 音频播放功能createInnerAudioContext
uni-app(踩坑第三篇):音频Api之uni.createInnerAudioContext()
qq_68575975的博客
11-01 4918
最近在写一个仿网易云的项目，使用uni.createInnerAudioContext()封装了一个音频组件。只需要给imgage一个类名为appLogo。主要实现了图片旋转以及音乐的播放和暂停。创建并返回内部 audio 上下文。这是实现图片绕中心轴无限旋转的样式。有没有大佬指教一番的让我涨涨知识。
微信小程序~wx.createInnerAudioContext的使用
qq_46568665的博客
04-20 1472
微信小程序~wx.createInnerAudioContext，音频播放的使用
uni-app uni.createInnerAudioContext()音频播放使用
weixin_45328705的博客
02-25 1万+
uni-app使用 uni.createInnerAudioContext()音频播放api 前言 1.我这边主要是在微信小程序上使用所以我不太清楚到App或H上有没有问题，不过应该可以。 2.我这边只记录一下主要功能和方法。 3.本文主要做记录使用，有任何不对的地方请大佬指正。 效果图如下： 解读: 如图所示这是一个音频播放页面，基本功能如下：播放暂停，快进快退，文件切换，当前文件播放结束自动播放下一个文件。 正文： 1.播放样式（文件切换样式我就不放了，就放个进度条这个）： <view cl
uniapp中的uni.createInnerAudioContext() 音频创建
m0_73035846的博客
04-15 891
1. 因为做的小程序需要视频讲解 默认展示播放按钮，当点击播放的时候 显示暂停音乐这样的一个效果。写了一个简单的点击事件。
【uni-app】用uni.createInnerAudioContext代替audio
loyd3的博客
11-29 1429
uni.createInnerAudioContext能够创建并返回内部audio上下文innerAudioContext对象，从而代替audio组件。为了兼容性和音质，推荐使用mp3格式。
uniapp使用uni.createInnerAudioContext实现音频的循环播放、进度拖拽、倍速播放
JackChan
05-08 852
uniapp使用uni.createInnerAudioContext实现音频的循环播放、进度拖拽、倍速播放
uni.createInnerAudioContext如何暂停
07-27
要暂停 `uni.createInnerAudioContext` 创建的音频上下文，你可以使用 `pause` 方法。例如： ```javascript const audioContext = uni.createInnerAudioContext(); audioContext.src = 'audio.mp3'; // 播放音频 audioContext.play(); // 暂停音频 audioContext.pause(); ``` 以上代码中，我们首先创建了一个音频上下文 `audioContext`，然后指定音频的源文件路径。接下来，通过调用 `play` 方法开始播放音频，最后使用 `pause` 方法暂停音频。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

青鸟@飞鱼

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

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

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

打赏作者

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

抵扣说明：

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

余额充值