首先通过nodejs搭建web服务器，搭建好后将服务启动。然后在public目录下新建一个audio目录，在audio目录下创建一个index.html文件，代码内容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>webrtc采集音频数据</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<!-- autoplay表示自动播放，controls表示显示播放器控件(可以点击控件上的播放/暂停按钮来停止或继续录制) -->
<audio autoplay controls id="audioPlayer"></audio>
<script type="text/javascript" src="js/client.js"></script>
</body>
</html>
然后在audio目录下新建一个js目录，在js目录下创建一个client.js文件，代码内容如下：
'use strict'
var audioPlayer = $("#audioPlayer")[0];
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
console.log('不支采集音视频数据！');
}else{
// 采集音频数据
var constrants = {
video:false,
audio:true
};
navigator.mediaDevices.getUserMedia(constrants).then(gotMediaStream).catch(handleError);
}
// 采集音频数据成功时调用的方法
function gotMediaStream(stream){
audioPlayer.srcObject = stream;
}
// 采集音频数据失败时调用的方法
function handleError(err){
console.log(err.name+':'+err.message);
}
然后打开浏览器在地址栏输入https://192.168.20.242:8081/audio/index.html，可以看到音频播放器控件并听到录制的声音了。
网友评论