小程序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报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
javascript实现带下拉子菜单的导航菜单效果
May 14 Javascript
javascript如何创建对象
Aug 29 Javascript
seajs模块之间依赖的加载以及模块的执行
Oct 21 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
js DOM的事件常见操作实例详解
Dec 16 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
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
自动把纯文本转换成Web页面的php代码
2009/08/27 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
jQuery的Ajax时无响应数据的解决方法
2010/05/25 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
javascript中this指向详解
2016/04/23 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
值类型与引用类型有什么不同?请举例说明?并分别列举几种相应的数据类型
2015/10/24 面试题
如何客观的进行自我评价
2013/12/17 职场文书
室内拓展活动方案
2014/02/13 职场文书
创先争优标语
2014/06/27 职场文书
会员卡清退活动总结
2014/08/27 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
PHP遍历数组的6种方式总结
2021/11/17 PHP
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python