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


Posted in Javascript onJuly 11, 2018

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

导入录音和播放音频功能

const recorderManager = wx.getRecorderManager();    // 录音功能
const innerAudioContext = wx.createInnerAudioContext(); // 播放音频

注册录音结束事件

// 录音结束
recorderManager.onStop((res) => {
 console.log('recorder stop');
 const { tempFilePath } = res; // 录音的本地临时文件
 // ... 播放音频
 innerAudioContext.src = tempFilePath ;
 innerAudioContext.play();
});

开始录音

const options = {
 duration: 10000,
 sampleRate: 44100,
 numberOfChannels: 1,
 encodeBitRate: 192000,
 format: 'aac',
 frameSize: 50
}
recorderManager.start(options);

options是一些音频的配置,具体的配置可以查看 官方文档

这样就创建了一个简单的音频录音和播放功能

ios播放音频文件没有声音

在开发过程中发现在开发者工具和安卓测试机上都能正常录音和播放录音文件,但是在ios手机上发现音频文件播放没有声音,百度查看没有发现有遇到类似的问题,只能自己各种测试,最后发现ios手机是静音模式!!!果然取消静音模式就能够正常播放了。

其实仔细查看api文档, innerAudioContext 对象的属性列表中发现一个属性 obeyMuteSwitch ,这个属性可以在静音模式下播放音频文件,并且有声音!!!

是否遵循系统静音开关,当此参数为 false 时,即使用户打开了静音开关,也能继续发出声音,默认值 true

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

可以通过设置obeyMuteSwitch为false开启在静音模式下播放音频!解决了ios静音模式下播放音频文件没有声音的问题!

innerAudioContext.obeyMuteSwitch = false;

在开发小程序的过程中遇到问题还是应该多查看api文档,才能更加快速的解决遇到的bug!

附 小程序开发文档链接

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
Apr 21 Javascript
jQuery实现带玻璃流光质感的手风琴特效
Nov 20 Javascript
jQuery实现的兼容性浮动层示例
Aug 02 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
浅谈Node.js 中间件模式
Jun 12 Javascript
移动端图片上传旋转、压缩问题的方法
Oct 16 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
Nov 20 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 #Javascript
微信小程序实现发红包功能
Jul 11 #Javascript
vue框架搭建之axios使用教程
Jul 11 #Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 #Javascript
Vue项目添加动态浏览器头部title的方法
Jul 11 #Javascript
node.js到底要不要加分号浅析
Jul 11 #Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 #Javascript
You might like
PHP4中session登录页面的应用
2008/07/25 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
javascript 短路法代码精简
2009/08/20 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
浅析用prototype定义自己的方法
2013/11/14 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
pygame播放音乐的方法
2015/05/19 Python
横向对比分析Python解析XML的四种方式
2016/03/30 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
深入了解python中元类的相关知识
2019/08/29 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
Python实现密钥密码(加解密)实例详解
2020/04/26 Python
django 解决model中类写不到数据库中,数据库无此字段的问题
2020/05/20 Python
Python多线程正确用法实例解析
2020/05/30 Python
通过cmd进入python的步骤
2020/06/16 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
大学生村官典型材料
2014/01/12 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
开国大典观后感
2015/06/04 职场文书
网吧管理制度范本
2015/08/05 职场文书
三年级作文之小小梦想
2019/12/06 职场文书
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server