webrtc实现视频在线直播

最新推荐文章于 2025-03-13 20:48:48 发布

Wf_Blogs

最新推荐文章于 2025-03-13 20:48:48 发布

阅读量6.1k

点赞数

分类专栏： h5

本文链接：https://blog.youkuaiyun.com/CSwfe/article/details/52606068

版权

h5 专栏收录该内容

2 篇文章

订阅专栏

创建一个表单

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