微信小程序录音接口使用整理-RecorderManager

一、微信小程序的录音接口

新版api中已经放弃wx.startRecord(),wx.stopRecord() 接口的，改为了RecorderManager对象。

RecorderManager

全局唯一的录音管理器

官网Api定义：RecorderManager | 微信开放文档

通过wx.getRecorderManage() 方法获得

wx.getRecorderManager()

每次录音最长，支持10分钟，具体时间可以再start参数中指定。

二、开始录音、停止录音

初始化：

const recorder = wx.getRecorderManager();
var Upload = require('../../utils/uploadHelper.js');
var url = require('../../utils/urlHelper.js');

事件监听：

  /*** 生命周期函数--监听页面加载*/onLoad(options) {var _this = this;//事件监听recorder.onStart(() => {console.info('开始录音');});recorder.onPause(() => {console.info('暂停录音');});//结束获取录取文件recorder.onStop((res) => {console.info('停止录音');console.info(res); //可以看到录音文件_this.setData({file: res});});},

开始录音：

  //开始录音startClick() {var options = {format: 'mp3',duration: 10000,};recorder.start(options);},

结束录音：

  //结束录音stopClick() {recorder.stop();},

三、播放录音

  //播放录音playClick() {var audio = wx.createInnerAudioContext();audio.src = this.data.file.tempFilePath;audio.autoplay = true;},

四、上传录音

  //上传录音uploadClick() {var file = this.data.file;//后端使用相同的上传处理 common/upload 或者自己写一个wx.uploadFile({filePath: file.tempFilePath,name: '音频文件',url: url.getDomain() + '/common/upload',formData: {backinfo: JSON.stringify({handleType: 0})},success: res => {var data=JSON.parse(res.data);console.info(data);console.info('上传成功');}})},

微信小程序使用高德地图Web服务爬取企业数据

微信小程序坐标位置接口使用整理(二)地图插件

微信小程序录音接口使用整理-RecorderManager相关推荐

微信小程序实名认证接口_人脸核身接口整理
一.微信小程序实名认证接口_人脸核身接口整理开场一个字: 悲观.目前实名接口,人脸识别接口开放度不高."实名信息授权"已经回收. 二.人脸核身接口 1.使用条件需要现申请通过才 ...
微信小程序录音与音频播放控制功能
微信小程序录音与音频播放控制功能 1.录音 1.1 案例 2.音频播放控制 2.1 案例小程序继承了微信强大的语音处理功能,提供了录音.音频播放控制和背景音乐等功能,它们的功能不同,但有相似性. ...
微信小程序录音直传阿里云OSS并语音识别
前言如题:做一个录音文字识别功能,知识点有三个,分别是微信小程序的录音功能.录音文件直传阿里云OSS.使用阿里云的录音文件识别接口返回识别后的文字一.微信小程序录音官方文档:微信小程序全局唯一的 ...
微信小程序录音上传功能
微信小程序录音上传录音弹窗wxml代码:  <view class="cui-record" hidden="{{isHid ...
小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)
微信小程序录音实现功能并上传(使用node解析接收) 发布时间:2020-09-04 11:59:06 来源:脚本之家阅读:97 作者:weixin_43188227 背景我在开发小程序的时候,有 ...
java silk转mp3_微信小程序录音文件格式silk遇到的问题及解决方法
不好意思,误导大家了,这种将silk解密的方式只是在小程序测试的时候可以,上线以后这种方法是不行的,还是需要使用解密转码.参见:https://github.com/kn007/silk-v3-dec ...
php与ipa接口登录验证失败,thinkPHP5.0开发微信小程序登录接口signature验证失败
我用TP5开发微信小程序登录接口的时候,在校验签名signature那遇到了个坑,一直校验失败,找了很久才发现原因是:tp的input方法会自动转移html字符,比如'"'转成了 & ...
微信小程序api接口调用用封装
微信小程序api接口调用用封装 1. 在 02-项目下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步 ...
java微信小程序接口openid过期_Java微信小程序登录接口获取openid
根据官方文档,wx.login()的回调函数中,需要我们传递生成的用户登录凭证到code2accessToken的接口中小程序登录方法 code2accessToken的方法中要求传入如下参数 co ...

微信小程序录音接口使用整理-RecorderManager

小程序scroll-view，滚动到最低_小程序滚动到底部

微信小程序使用高德地图Web服务爬取企业数据

微信小程序坐标位置接口使用整理(二)地图插件

微信小程序录音接口使用整理-RecorderManager相关推荐

最新文章

热门文章