vue上传录音_vue 录音

引包

npm i js-audio-recorder

调用

import Recorder from 'js-audio-recorder';

let recorder = new Recorder();

实例属性

// 开始录音

recorder.start();

// 暂停录音

recorder.pause();

// 继续录音

recorder.resume()

// 结束录音

recorder.stop();

// 录音播放

recorder.play();

// 销毁录音实例，释放资源，fn为回调函数，

recorder.destroy(fn);

recorder = null;

下载功能

// 下载pcm文件

recorder.downloadPCM();

// 下载wav文件

recorder.downloadWAV();

// 重命名pcm文件，wav也支持

recorder.downloadPCM('重命名');

获取录音时长

// 回调持续输出时长

recorder.onprocess = function(duration) {

console.log(duration);

}

// 手动获取录音时长

console.log(recorder.duration);

更多API事件列表，请参考官方文档

补充说明

文档上未提及上传音频文件方法，只提供了下载方法，这里我补上

var form = new FormData(),

request = new XMLHttpRequest();

form.append("blob", recorder.getPCMBlob());

request.open("POST", this.domain+"/upload/audio/file", true);

request.onload = function (oEvent) {

console.log(oEvent);

};

request.send(form);

后端php接收

//上传录音文件

function upload_audio(Request $request){

/**@var $file UploadedFile*/

$file = $request->files->get("blob");

$fileName=rand(1000,999999).time().".pcm";

$file->move("./user_audio",$fileName);

//调用语音识别方法

$res=$this->speech($fileName);

}

}

总结