小程序ios音频播放没声音问题的解决

 更新时间:2018年07月11日 10:30:36   作者:ZHAO_  
这篇文章主要介绍了小程序ios音频播放没声音问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

小程序提供了录音和播放音频的能力,从基础库 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

可以通过设置obeyMuteSwitch为false开启在静音模式下播放音频!解决了ios静音模式下播放音频文件没有声音的问题!

innerAudioContext.obeyMuteSwitch = false;

在开发小程序的过程中遇到问题还是应该多查看api文档,才能更加快速的解决遇到的bug!

小程序开发文档链接

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 深入理解JavaScript系列(31):设计模式之代理模式详解

    深入理解JavaScript系列(31):设计模式之代理模式详解

    这篇文章主要介绍了深入理解JavaScript系列(31):设计模式之代理模式详解,代理模式使得代理对象控制具体对象的引用,代理几乎可以是任何对象:文件,资源,内存中的对象,或者是一些难以复制的东西,需要的朋友可以参考下
    2015-03-03
  • Javascript添加监听与删除监听用法详解

    Javascript添加监听与删除监听用法详解

    这篇文章主要介绍了Javascript添加监听与删除监听用法,较为详细的分析了javascript原理与用法,并补充说明了事件监听的兼容性问题,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • 基于javascript的Form表单验证

    基于javascript的Form表单验证

    这篇文章主要为大家详细介绍了基于javascript的Form表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • javascript对数组的常用操作代码 数组方法总汇

    javascript对数组的常用操作代码 数组方法总汇

    js下数组也是比较常用的,对数组元素的处理也是有非常多的方法,这里整理了下,需要的朋友可以参考下。
    2011-01-01
  • JavaScript之Blob对象类型的具体使用方法

    JavaScript之Blob对象类型的具体使用方法

    这篇文章主要介绍了JavaScript之Blob对象类型的具体使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 微信小程序select下拉框实现效果

    微信小程序select下拉框实现效果

    这篇文章主要介绍了微信小程序select下拉框实现效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 利用原生js实现html5小游戏之打砖块(附源码)

    利用原生js实现html5小游戏之打砖块(附源码)

    这篇文章主要给大家介绍了关于利用原生js实现html5小游戏之打砖块的相关资料,这是最近工作遇到的一个小需求,文中通过示例代码介绍的非常详细,并分享了完整的源码供大家参考学习,需要的朋友们下面随着小编来一起学习学习吧。
    2018-01-01
  • ie下$.getJSON出现问题的解决方法

    ie下$.getJSON出现问题的解决方法

    ie下$.getJSON出现问题是常有的事,下面为大家介绍下具体该如何解决,需要的朋友可以参考下
    2014-02-02
  • ECMAScript6中Set/WeakSet详解

    ECMAScript6中Set/WeakSet详解

    这篇文章主要介绍了ECMAScript6中Set/WeakSet详解的相关资料,需要的朋友可以参考下
    2015-06-06
  • JavaScript计算字符串中每个字符出现次数的小例子

    JavaScript计算字符串中每个字符出现次数的小例子

    这篇文章介绍了在JS中计算字符串中每个字符出现的次数,有需要的朋友可以参考一下
    2013-07-07

最新评论