webrtc实现视频在线直播

最新推荐文章于 2024-01-27 23:42:30 发布

Wf_Blogs

最新推荐文章于 2024-01-27 23:42:30 发布

阅读量6k

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/CSwfe/article/details/52606068

版权

h5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

创建一个表单

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

Wf_Blogs

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
3
评论
webrtc实现视频在线直播

创建一个表单学习webrtc 新建main.js文件function hasUserMedia(){//判断是否支持调用设备api，因为浏览器不同所以判断方式不同哦 return !!(navig
复制链接

扫一扫