小程序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 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
js定义类的几种方法(推荐)
Jun 08 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
AngularJS模板加载用法详解
Nov 04 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
May 18 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
vue实现的封装全局filter并统一管理操作示例
Feb 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中使用Select 查询语句的实例
2014/02/19 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
2012/03/14 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jquery常用操作小结
2014/07/21 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
JavaScript执行环境及作用域链实例分析
2018/08/01 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
js实现简单模态框实例
2018/11/16 Javascript
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python读取Android permission文件
2013/11/01 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
Python实现密码薄文件读写操作
2019/12/16 Python
python__new__内置静态方法使用解析
2020/01/07 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
python文件路径操作方法总结
2020/12/21 Python
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
COSETTE官网:奢华,每天
2020/03/22 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
酒店副总岗位职责
2013/12/24 职场文书
学位证书委托书
2014/09/30 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
大学生党员个人总结
2015/02/13 职场文书
外出培训学习心得体会
2016/01/18 职场文书
通知怎么写?
2019/04/17 职场文书
mysql 数据插入优化方法之concurrent_insert
2021/07/01 MySQL
sql server 累计求和实现代码
2022/02/28 SQL Server