小程序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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
某页码显示的helper 少量调整,另附js版
Sep 12 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
JQuery中serialize() 序列化
Mar 13 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
Aug 01 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
element-ui 中的table的列隐藏问题解决
Aug 24 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
2014年最新推荐的10款 PHP 开发框架
2014/08/01 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
js href的用法
2010/05/13 Javascript
基于jQuery的仿flash的广告轮播
2010/11/05 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
关于python中的xpath解析定位
2020/03/06 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
什么是典型的软件三层结构?软件设计为什么要分层?软件分层有什么好处?
2012/03/14 面试题
武汉某公司的C#笔试题面试题
2015/12/25 面试题
应届护士推荐信
2013/11/16 职场文书
给客户的道歉信
2014/01/13 职场文书
京剧自荐信
2014/01/26 职场文书
抗震救灾标语
2014/06/26 职场文书
工作失误检讨书范文
2015/01/26 职场文书
大学生个人总结范文
2015/02/15 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
JavaScript 去重和重复次数统计
2021/03/31 Javascript
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis
Python中itertools库的四个函数介绍
2022/04/06 Python
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python