前端js实现录音

获取权限

function getUserAuthI(){
	return new Promise((resolve,reject) => {
		if(navigator.mediaDevices.getUserMedia){
			const options = { audio:true };
			navigator.mediaDevices.getUserMedia(options)
			.then(
				stream => {
					resovle({ statue:true,stream });
				},
				() => {
					reject({ status:false, stream:null });
					console.error("授权失败");
				}
			)
		} else {
			reject({ status:false, stream:null });
			console.error("浏览器不支持,无法获取麦克风");
		}
	})
}

监听事件

const mediaRecorder = new MediaRecoder(stream); // stream为获取权限时,取到的stream
bindEvents(mediaRecorder);

let chunks = [];

function bindEvents(target){

	target.addEventListener("dataavailable",(e) => {
		chunks.push(e.data);	
	});

	target.addEventListener("stop",(e) => {
		const blob = new Blob(chunks,{ type:"audio/ogg; codecs=opus" });
		chunks = [];
		// 转换成url
		const audioURL = window.URL.createObjectURL(blob);
		
		// 转换成文件
		const fileName = Date.now().toString(32);
		const fileType = "audio/ogg";
		const file = new window.File([blob],fileName,{ type:fileType });

		// 下载
		const a = document.createElement("a");
		a.href = audioURL;
		a.download = fileName;
		a.click();
		
	})
}