开启梦幻般的webrtc之旅

时间 2019-12-01

标签开启梦幻般 webrtc 之旅繁體版

原文原文链接

废话很少说，直接上demo

[html] view plain copy

新建main.jsjavascript

[javascript] view plain copy

function hasUserMedia(){//判断是否支持调用设备api，由于浏览器不一样因此判断方式不一样哦
return !!(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);
}
if(hasUserMedia()){
//alert("浏览器支持")
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
navigator.getUserMedia({
video:true,//开启视频
audio:false//先关闭音频，由于会有回响，之后两台电脑通讯不会有响声
},function(stream){//将视频流交给video
var video=document.querySelector("video");
video.src=window.URL.createObjectURL(stream);
},function(err){
console.log("capturing",err)
});
}else{
alert("浏览器暂不支持")
}

怎么样，有了html5中的webrtc是否是感受很简单的就能够调用视频和音频设备了