小程序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 相关文章推荐
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
无刷新上传文件并返回自定义值
Jun 11 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
详解node如何让一个端口同时支持https与http
Jul 04 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
Vue实现Layui的集成方法步骤
Apr 10 Javascript
vue-router 2.0 跳转之router.push()用法说明
Aug 12 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
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
JavaScript 中有关数组对象的方法(详解)
2016/08/15 Javascript
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
Python 获取当前所在目录的方法详解
2017/08/02 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
CSS3实现同时执行倾斜和旋转的动画效果
2016/10/27 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
工厂实习感言
2014/01/14 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
支行行长竞聘报告
2014/11/06 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
教学反思怎么写
2016/02/24 职场文书