实时录音监听 navigator.mediaDevices.getUserMedia()

来源:互联网 发布:mysql source命令 编辑:程序博客网 时间:2024/05/22 10:35

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<audio></audio>
<button class="recorderControl">录制</button>
</body>

</script>
</html>




//js代码

//实时录音监听

var promise=navigator.mediaDevices.getUserMedia({audio:true});
promise.then(function(stream){
var audio=document.querySelector("audio")
audio.src=URL.createObjectURL(stream);
var recorder=new MediaRecorder(stream);

var recorderControl=document.querySelector(".recorderControl");
recorderControl.onclick=function(){
this.textContent==="录制"?audio.play():audio.pause();
this.textContent==="录制"?recorder.start():recorder.stop();
this.textContent=this.textContent==="录制"?"停止":"录制";
}
recorder.ondataavailable=function(){
//收集媒体设备 获得到的 可以使用的 媒体流数据
console.log(event.data)
}
});


//获得到有效数据的时候调用
promise.catch(function(error){
console.log(error)
});
原创粉丝点击