开启梦幻般的webrtc之旅

左手的ㄟ右手 2022-07-16 02:20 166阅读 0赞

觉得这个东西是非常牛逼的，所以就转载过来了。

转自:http://blog.csdn.net/zph1234/article/details/52324846

废话不多说，直接上demo

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

怎么样，有了html5中的webrtc是不是感觉很简单的就可以调用视频和音频设备了

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 Windows Mobile 7(Photon) 梦幻之旅系列-前言

![Windows-Mobile-7-logo][] 关于微软正在开发的下一代移动操作系统—Windows Mobile 7 / Photon(光子)，我在以前的两篇文章中已经

水深无声/ 2022年08月26日 01:23/ 0 赞/ 134 阅读

相关 Windows Mobile 7 梦幻之旅系列1之- What’s New？

(本文全文直译自[InsideMicrosoft][]，仅供学习参考，如引用请表明译文出处，谢谢) 微软正在开发新一代的智能手机平台Windows Mobile 7，它将

太过爱你忘了你带给我的痛/ 2022年08月26日 01:23/ 0 赞/ 122 阅读

相关开启我的博客之旅

好早有打算要坚持写博客，但一直囿于下面原因不肯着手：觉得写博客太需要时间了，个人对这个比较追求完美精湛，感觉学完一个知识点去总结然后写成文章，我一定会大量时间花在内容

本是古典何须时尚/ 2022年07月24日 05:28/ 0 赞/ 200 阅读

相关开启梦幻般的webrtc之旅

觉得这个东西是非常牛逼的，所以就转载过来了。转自:http://blog.csdn.net/zph1234/article/details/52324846 废话不多说，

左手的ㄟ右手/ 2022年07月16日 02:20/ 0 赞/ 167 阅读

相关【docker】开启gitlab + nginx + https之旅

docker跑gitlab不是难事，利用nginx的反向代理，加上https也没什么问题一定要按步骤来！！！一定要按步骤来！！！一定要按步骤来！！！

桃扇骨/ 2022年05月05日 12:28/ 0 赞/ 484 阅读

相关开启CSDN分享之旅

从业互联网金融软件行业近十年，一直以来都有一个执念，就是通过一个技术网站分享自己这些年遇到的坑以及填坑过程，让广大同行能够借鉴，少走点弯路。但又有点惶恐，怕力有不逮，想要多积累

Dear 丶/ 2022年03月26日 07:43/ 0 赞/ 212 阅读

相关 Docker（一）Linux开启你的Docker之旅

前言 Docker容器最早受到RHEL完善的支持是从最近的CentOS 7.0开始的，官方说明是只能运行于64位架构平台，内核版本为2.6.32-431及以上（即

骑猪看日落/ 2022年03月25日 02:36/ 0 赞/ 250 阅读

相关【Edraw Max教程】如何有趣的创建梦幻般的思维导图

[Edraw Max（亿图图示）][Edraw Max]是一款综合图形图表制作软件，它包含丰富的实例和模版，帮助您轻松创建流程图、网络拓扑图、组织结构图、商业图表、工程图，思维

￡神魔★判官ぃ/ 2022年01月20日 08:05/ 0 赞/ 339 阅读

相关 5分钟开启Esper之旅

原作者：[CoffeeOneSugar][] 翻译：[刘斌华][Link 1] 在我之前发表的文章中，我提到我最近热衷于Complex Event Processin

清疚/ 2021年11月09日 09:30/ 0 赞/ 338 阅读

相关开启我的CSDN之旅

之前一直是在网易上面写博客，不过随着时间的推移以及学习的进度加深，发现自己似乎需要一个更高的平台来互动交流了，于是我就想到了之前老师为我们推荐的CSDN。这是一个大咖云集的

向右看齐/ 2021年09月26日 02:28/ 0 赞/ 349 阅读