webrtc实现简单视频在线直播

土豆条 2019-1-1

创建一个简单表单

<!DOCTYPE html>
<html>
      <head>
            <meta charset="utf-8"> 
            <title>学习webrtc</title> 
       </head>
       <body>
            <video autoplay></video> 
            <script src="main.js"></script>
      </body>
 </html>

新建main.js文件

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("浏览器暂不支持")  
}

回帖

消灭零回复

webrtc实现简单视频在线直播

微信二维码