微信小程序录音+音频播放（解决ios无法音频播放问题）

微信小程序录音+播放

1、创建全局变量

const audioManager = wx.getRecorderManager()；
const innerAudioContext = wx.createInnerAudioContext();

2、录制

 // 监听录制结束audioManager.onStop((res) => {// res.tempFilePath文件的本地存储地址})// 开始录制audioManager.start({duration: 600000, // 自定义时间});// 停止录制audioManager.stop();// 暂停录制audioManager.pause()// 结束录制audioManager.stop();

3、播放录音

 // 监听音频播放失败innerAudioContext.onError((res) => {console.log(res)})// 监听音频播放结束innerAudioContext.onEnded(() => {})// 设置音频播放路径innerAudioContext.src = '本地路径或远程路径'// 开始播放音频innerAudioContext.play();// 暂停播放音频innerAudioContext.pause()// 设置播放位置innerAudioContext.seek(10)// 参数为数字类型  秒为单位// 继续播放innerAudioContext.play();

开发所遇到的问题

播放远程文件时 android 可以播放 ios 播放失败
1、检查支持格式

2、需要请求响应头里携带 range

与后端协商加上响应头后解决ios无法播放问题

微信小程序录音+音频播放（解决ios无法音频播放问题）相关推荐

微信小程序录音与音频播放控制功能
微信小程序录音与音频播放控制功能 1.录音 1.1 案例 2.音频播放控制 2.1 案例小程序继承了微信强大的语音处理功能,提供了录音.音频播放控制和背景音乐等功能,它们的功能不同,但有相似性. ...
java silk转mp3_微信小程序录音文件格式silk遇到的问题及解决方法
不好意思,误导大家了,这种将silk解密的方式只是在小程序测试的时候可以,上线以后这种方法是不行的,还是需要使用解密转码.参见:https://github.com/kn007/silk-v3-dec ...
微信小程序录音与播放录音功能实现
微信小程序录音与播放录音功能实现,话不多说直接上代码实例: test.wxml <button bindtap='start'>开始录音</button> <button ...
微信小程序设置swiper圆角在ios上失效解决
今天在给轮播图添加圆角的时候,发现在安卓机上是有圆角的,但是在苹果手机上圆角却失效了,后来翻阅了文档发现这是个bug.下面是两种解决方案:第一种:-webkit-backface-visibility ...
微信小程序录音直传阿里云OSS并语音识别
前言如题:做一个录音文字识别功能,知识点有三个,分别是微信小程序的录音功能.录音文件直传阿里云OSS.使用阿里云的录音文件识别接口返回识别后的文字一.微信小程序录音官方文档:微信小程序全局唯一的 ...
微信小程序录音上传功能
微信小程序录音上传录音弹窗wxml代码:  <view class="cui-record" hidden="{{isHid ...
小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)
微信小程序录音实现功能并上传(使用node解析接收) 发布时间:2020-09-04 11:59:06 来源:脚本之家阅读:97 作者:weixin_43188227 背景我在开发小程序的时候,有 ...
微信小程序使用wxParse，解决图片显示路径问题
微信小程序使用wxParse,解决图片显示路径问题参考文章: (1)微信小程序使用wxParse,解决图片显示路径问题 (2)https://www.cnblogs.com/zxf100/p/100 ...
微信小程序中使用全局变量解决页面的传值问题
微信小程序中使用全局变量解决页面的传值问题由于项目需要,最近便在做一个类似于美团的餐饮平台的的微信微信小程序 ,项目有十几个页面,那么页面间的传值被经常用到.在小程序中页面间的传值主要有使用全局变 ...

微信小程序录音+音频播放（解决ios无法音频播放问题）

微信小程序录音+播放

开发所遇到的问题

微信小程序录音+音频播放（解决ios无法音频播放问题）相关推荐

最新文章

热门文章