小程序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 相关文章推荐
驱动事件的addEvent.js代码
Mar 27 Javascript
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
JS建造者模式基本用法实例分析
Jun 30 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
js实现无缝滚动图
Feb 22 Javascript
几种响应式文字详解
May 19 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
微信小程序组件之srcoll-view的详解
Oct 19 Javascript
Vue 项目分环境打包的方法示例
Aug 03 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身份证校验码计算方法
2016/08/10 PHP
在Yii2特定页面如何禁用调试工具栏Debug Toolbar详解
2017/08/07 PHP
经验几则 推荐
2006/09/05 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
2015/10/16 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
使用Fabric自动化部署Django项目的实现
2019/09/27 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
将pymysql获取到的数据类型是tuple转化为pandas方式
2020/05/15 Python
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
实习自我鉴定模板
2013/09/28 职场文书
小学开学典礼主持词
2014/03/19 职场文书
元宵晚会主持词
2014/03/25 职场文书
自我查摆剖析材料
2014/10/11 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
解决pytorch 损失函数中输入输出不匹配的问题
2021/06/05 Python
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android