小程序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 相关文章推荐
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
有效的捕获JavaScript焦点的方法小结
Oct 08 Javascript
javascript 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
图片上传插件jquery.uploadify详解
Nov 15 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
JS事件绑定的常用方式实例总结
Mar 02 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创建桌面快捷方式的实例代码
2014/02/17 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
Javascript 判断客户端浏览器类型代码
2010/03/01 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
js快速排序的实现代码
2013/12/08 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
详解升级react-router 4 踩坑指南
2017/08/14 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
python里将list中元素依次向前移动一位
2014/09/12 Python
Python开发的HTTP库requests详解
2017/08/29 Python
python获取代理IP的实例分享
2018/05/07 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
python实现KNN分类算法
2019/10/16 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
Python collections.deque双边队列原理详解
2020/10/05 Python
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
编辑找工作求职信分享
2014/01/03 职场文书
宿舍违规检讨书
2014/01/12 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
如何在pycharm中快捷安装pip命令(如pygame)
2021/05/31 Python
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python