摘要:小程序提供了录音和播放音频的能力,从基础库开始支持了,录音都采用提供的,播放音频文件采用提供的导入录音和播放音频功能录音功能播放音频注册录音结束事件录音结束录音的本地临时文件播放音频开始录音是一些音频的配置,具体的配置可以查看官方文档这样就
小程序提供了录音和播放音频的能力,从基础库 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!
附 小程序开发文档链接
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/57948.html
摘要:文红点联合创始人王宇航我今天分享的主题,是以实时连接场景为目标的一些技术架构探索。主要是关于红点在产品研发过程中,我们的技术选择,架构变化,还有这个过程中,我们的一些考虑。红点的第一个版本红点的第一个版本功能比较简单。 showImg(https://segmentfault.com/img/bVrBAw); 文 | 红点联合创始人 王宇航 我今天分享的主题,是以实时连接场景为目标的一...
摘要:问题微信小程序,将文字转换为语音后,使用音频进行播放。在安卓手机下可以正常播放,在下不行。需要对接口的文本字符串参数进行编码比如哈哈哈哈哈哈哈哈哈没有做编码,直接上文本的,也会出现安卓行不行的情况。 【问题】 微信小程序,将文字转换为语音后,使用音频进行播放。在安卓手机下可以正常播放,在IOS下不行。 【环境】 微信小程序库版本2.3.0百度语音合成服务 【解决方法】 正确代码: //...
摘要:在每段视频的结尾都有向上滑点击的操作我们是无法在视频上直接进行滑动和点击等操作的,只能是在视频播放结束时,添加一个透明遮罩,让用户在遮罩上进行操作。 文章地址: http://www.xiabingbao.com/video/2016/09/03/phone-video.html 昨天新上线了一个关于腾讯18周年嘉年华的html5,这个html5是有5段不同的视频组成,中间使用各种...
摘要:在每段视频的结尾都有向上滑点击的操作我们是无法在视频上直接进行滑动和点击等操作的,只能是在视频播放结束时,添加一个透明遮罩,让用户在遮罩上进行操作。 文章地址: http://www.xiabingbao.com/video/2016/09/03/phone-video.html 昨天新上线了一个关于腾讯18周年嘉年华的html5,这个html5是有5段不同的视频组成,中间使用各种...
摘要:移动端音频视频自动播放有别于端,移动端浏览器禁止音频和视频自动播放能力,而当前微信内置浏览器是支持自动播放的。大部分安卓机给或标签设置属性即可而其它机型特别是系统,则需要在微信加载完毕并触发事件后,利用直接调用音频或视频的方法。 移动端音频、视频自动播放 有别于 PC 端,移动端浏览器禁止音频和视频自动播放能力,而当前微信内置浏览器是支持自动播放的。 大部分安卓机给 或 标签设...
阅读 3581·2021-11-25 09:43
阅读 2391·2021-11-25 09:43
阅读 3568·2021-11-24 09:38
阅读 1019·2021-11-22 09:34
阅读 444·2021-11-18 10:02
阅读 2032·2021-09-22 15:53
阅读 2894·2019-08-30 15:44
阅读 2641·2019-08-30 14:01