uni.createInnerAudioContext 或小程序wx.createInnerAudioContext 仅播放一次

最新推荐文章于 2025-04-18 17:38:41 发布

青鸟@飞鱼

最新推荐文章于 2025-04-18 17:38:41 发布

阅读量1.9k

点赞数

分类专栏：前端问题小记文章标签： node.js

本文链接：https://blog.youkuaiyun.com/weixin_41013858/article/details/106729275

版权

前端问题小记专栏收录该内容

5 篇文章

订阅专栏

想要给小程序端用户有一个消息提示音，然后很自然的定义了一个 const 像这个样子，const innerAudioContext = uni.createInnerAudioContext(); 然后在方法中去调用他，结果发现只有在首次加载的时候，才能提示一次，之后便不在提示了，找了一下网上的原因，说的比较多，试了几个也没用，然后看了一个说是有可能是实例的原因，导致的这种问题。所以解决办法来了

=======》把这个const 全局的改为局部的，就是在方法里面定义成变量，也就是说，每调用一次播放音乐，对应的会新建一个实例，这样就不会导致，只能播放一次的情况了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青鸟@飞鱼

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

微信小程序之音频播放-wx.createInnerAudioContext()注意点

Sourcemyx的博客

03-02

5万+

咱们先看看官方示例地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html 创建innerAudioContext对象。 autoplay自动播放开启， src音频路径 onPlay()以及onError()播放以及错误回调。以上理解的不难懂。那么问题来。大部分人...

uniapp使用uni.createInnerAudioContext实现音频的循环播放、进度拖拽、倍速播放

JackChan

05-08

1567

uniapp使用uni.createInnerAudioContext实现音频的循环播放、进度拖拽、倍速播放

参与评论您还未登录，请先登录后发表或查看评论

uni.createInnerAudioContext踩坑duration在真机环境一直为0

最新发布

jieyucx的博客

04-18

480

在使用确保音频文件加载完成后再获取duration：使用onCanplay和定时器轮询解决。将音频实例放到全局作用域：避免实例被销毁导致功能异常。管理播放状态：使用状态变量确保播放和暂停逻辑一致。通过以上方法，可以有效解决的常见问题，提升音频播放功能的稳定性和用户体验。

uni-app 音频android只能播放一次

前端

12-29

3395

原因: uni.createInnerAudioContext需要重新获取我的错误写法是export default上面直接声明了 var innerAudioContext = uni.createInnerAudioContext(), 所以android只能放一次 <view @click="bfAudio"></view> data() { innerAudioContext: '', // 音频 }, methods: { // 播放 bfAudio() {

wx.createInnerAudioContext()播放暂停一次，再播放才有声音

abccbatqw的博客

12-05

637

【代码】wx.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-app：音频API之uni.createInnerAudioContext()

XiaoHuiwei的博客

12-27

2134

创建并返回内部 audio 上下文 innerAudioContext 对象。简单实现音频播放，音频图片的旋转与暂停。

uni.createInnerAudioContext()解决IOS播放无声音

weixin_52508886的博客

03-27

1431

【代码】uni.createInnerAudioContext()解决IOS播放无声音。

android获取小程序音频时长,【报Bug】uni.createInnerAudioContext()在微信小程序上获取不到完整的音频时长duration...

weixin_35703208的博客

05-26

1421

产品分类：uniapp/小程序/微信PC开发环境操作系统：WindowsPC开发环境操作系统版本号：win10HBuilderX类型：正式HBuilderX版本号：3.0.7第三方开发者工具版本号：1.05.2101181基础库版本号：无项目创建方式：HBuilderX示例代码：creatAudio() {this.innerAudioContext = uni.createInnerAudioC...

小程序ios音频播放没声音问题的解决

01-03

小程序提供了录音和播放音频的能力，从基础库 1.6.0 开始支持了wx.getRecorderManager()，录音都采用wx.getRecorderManager()提供的api，播放音频文件采用wx.createInnerAudioContext()提供的api 导入录音和播放音频...

小程序录音后播放wx.createInnerAudioContext停止事件坑

Sol的博客

01-09

1万+

最近被小程序的录音->播放坑惨了，赶紧总结下，希望对正在做录音事件的小伙伴们有帮助 //开始录音 startRecord:function(){ var that = this; const recorderManager = wx.getRecorderManager() const options = { duration: 6000, s

uni-app(踩坑第三篇):音频Api之uni.createInnerAudioContext()

qq_68575975的博客

11-01

5402

最近在写一个仿网易云的项目，使用uni.createInnerAudioContext()封装了一个音频组件。只需要给imgage一个类名为appLogo。主要实现了图片旋转以及音乐的播放和暂停。创建并返回内部 audio 上下文。这是实现图片绕中心轴无限旋转的样式。有没有大佬指教一番的让我涨涨知识。

uniapp使用uni.createInnerAudioContext()播放指定音频并且切换

weixin_46319117的博客

10-28

7469

uniapp使用uni.createInnerAudioContext()是无法多音频播放的如果我们想同时播放加上ambient（不中止其他声音播放，不能后台播放，静音后无声音）这个属性，我做的这个是用uniapp开发的一个安卓端的壳包，正常h5用MP3，WMA或者MPEG等格式的音频都是可以的，但在安卓端手机测试需要使用MP3格式的音频，否则会没有声音。这是methods中的点击事件点击播放和暂停。这是我随便写的样式点击对应文字切换。

uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的播放

技术不够，加班来凑

06-19

2461

听书

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 小程序使用createInnerAudioContext

zhongruichun的博客

11-28

5056

1、获取音频的时长： _self.innerAudioContext.onPlay(() => { console.log('开始播放'); _self.showPalyView = true; //播放的进度条和按钮显示出来 _self.imgageSrc = playImg; //音乐播放和暂停按钮的背景图片 console.log("ti...

uni-app uni.createInnerAudioContext()音频播放使用

weixin_45328705的博客

02-25

1万+

uni-app使用 uni.createInnerAudioContext()音频播放api 前言 1.我这边主要是在微信小程序上使用所以我不太清楚到App或H上有没有问题，不过应该可以。 2.我这边只记录一下主要功能和方法。 3.本文主要做记录使用，有任何不对的地方请大佬指正。效果图如下：解读: 如图所示这是一个音频播放页面，基本功能如下：播放暂停，快进快退，文件切换，当前文件播放结束自动播放下一个文件。正文： 1.播放样式（文件切换样式我就不放了，就放个进度条这个）： <view cl

【uni-app】用uni.createInnerAudioContext代替audio

loyd3的博客

11-29

1595

uni.createInnerAudioContext能够创建并返回内部audio上下文innerAudioContext对象，从而代替audio组件。为了兼容性和音质，推荐使用mp3格式。

简单介绍在微信小程序中实现音乐播放有哪些方式

04-15

1.使用微信小程序提供的wx.playBackgroundAudio() API，可以播放网络上的音频文件或者本地资源文件； 2.使用第三方音频播放组件，例如WeUI、Vant等，可以快速实现播放、暂停、切换歌曲等功能； 3.使用uni-app框架...