小程序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 相关文章推荐
将函数的实际参数转换成数组的方法
Jan 25 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
May 19 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
原生js实现回复评论功能
Jan 18 Javascript
JavaScript设置名字输入不合法的实现方法
May 23 Javascript
详解在vue-test-utils中mock全局对象
Nov 07 Javascript
vue中的ref和$refs的使用
Nov 22 Javascript
JavaScript常用内置对象用法分析
Jul 09 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
Nov 21 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
一个查看session内容的函数
2006/10/09 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
smarty简单应用实例
2015/11/03 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
Javascript miscellanea -display data real time, using window.status
2007/01/09 Javascript
jquery attr 设定src中含有&(宏)符号问题的解决方法
2011/07/26 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
python中的闭包用法实例详解
2015/05/05 Python
Python 实现链表实例代码
2017/04/07 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
Django框架模板的使用方法示例
2019/05/25 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
c++工程师面试问题
2013/08/04 面试题
高一生物教学反思
2014/01/17 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
电子商务专业应届生求职信
2014/05/28 职场文书
群众路线领导干部个人对照检查材料(集锦)
2014/09/23 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
Django分页器的用法你都了解吗
2021/05/26 Python