首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >cordova-plugin-media实现移动端录音功能

cordova-plugin-media实现移动端录音功能

原创
作者头像
安德玛
发布2022-03-06 11:52:35
发布2022-03-06 11:52:35
1.1K00
代码可运行
举报
文章被收录于专栏:Cordova封装H5 APPCordova封装H5 APP
运行总次数:0
代码可运行
安装插件
代码语言:javascript
代码运行次数:0
运行
复制
cordova plugin add cordova-plugin-media-capture
移动端方法调取手机录音
代码语言:javascript
代码运行次数:0
运行
复制
audioCapture(){
		navigator.device.audiorecorder.recordAudio(this.successCallback, this.errorCallback, 60);
},

成功回调方法:

代码语言:javascript
代码运行次数:0
运行
复制
successCallback(data){
			this.filename = JSON.parse(data).file_name;
			this.upload4audio(JSON.parse(data).full_path);
		},
拿到录音在本地的保存文件直接上传至服务器
代码语言:javascript
代码运行次数:0
运行
复制
//使用FileTransfer插件,上传文件------语音文件
		upload4audio(fileURL) {
			var _this = this;
			//上传成功
			var success = function (r) {
				var strs = JSON.parse(r.response);
				_this.audiopath = JSON.parse(r.response).data.audioShowUrl;
				_this.content = _this.audiopath;
				_this.msgtype = 2;
				_this.action_type = 'send_msg';
				_this.send2Server();
				_this.getHeight();
				_this.message = '';
			}
		    //上传失败
		    var fail = function (error) {
				var str = JSON.stringify(error); 
				alert("转码失败请重试!"+str)
		    }
		    var options = new FileUploadOptions();
		    options.fileKey = "file1";
		    options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1);
		    //上传参数
		    var params = {};
		    params.value1 = "test";
		    params.value2 = "param";
		    options.params = params;
		    var ft = new FileTransfer();
		    //上传地址
		    var SERVER = "http://81.68.107.23/api/upload/upload4audio"
		    ft.upload(fileURL, encodeURI(SERVER), success, fail, options);
		  },

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装插件
  • 移动端方法调取手机录音
  • 拿到录音在本地的保存文件直接上传至服务器
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档