通过WebRTC获取摄像头影像

由 发布 于 十二 月 31 日 2024-12-31 分类: 编程开发 标签: 编辑

WebRTC，名称源自网页实时通信（Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的技术，是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。

WebRTC，名称源自网页实时通信（Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的技术，是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。2011年5月开放了工程的源代码，在行业内得到了广泛的支持和应用，成为下一代视频通话的标准。有了webrtc操作摄像头就简单多了，不用引入任何js包，几行代码就可以实现了。

1.创建一个html文件代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>webRTC</title>   
<body>
<video src="" id="iv" style="width:500px;height:500px" autoplay="autoplay"></video>
<script type="text/javascript">
    //webrtc 调用摄像头兼容写法
    navigator.getUserMedia=navigator.getUserMedia || navigator.webkitGetUserMedia ||    navigator.mozGetUserMedia || navigator.msGetUserMedia;
    navigator.getUserMedia({vidoe:true,audio:false},function(stream){
        document.getElementById('iv').srcObject=stream; 
    },function(err){
        alert(error.name || error);                 
    });
</script>
</body>
</head>
</htm>

2.运行这个html文件你就可以看到效果了。

3.总结: 有的东西看是简单，长时间不用就忘了，有的东西想起来很复杂，其实做起来就觉得没那么难了，我之前也觉得用js调用摄像头很复杂，有了这个东西，几行代码就搞定了。记录下来，已备自己或他人不时之需。

文档信息

版权声明：可自由转载（请注明转载出处）-非商用-非衍生

发表时间：2024年12月31日 09:35