<!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)
});
396
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
