概括
构建应用程序以获取视频并使用网络摄像头拍摄快照,并通过WebRTC进行点对点共享。在此过程中,你将学习如何使用WebRTC 核心 API 并使用 Node.js 设置消息传递服务器。
能学到什么
- 从摄像头获取视频
- 通过RTCPeerConnection获取视频流
- 通过RTCDataChannel传输流数据
- 建立信令服务交换消息
- 和信令服务建立peer连接
- 拍照并通过数据通道分享
环境背景
- chrome 47 及以上
- 适用于Chrome的Web Server,或使用自己选择的Web服务器。
- 案例代码
- 文本编辑器[notpad++/subline]
- 基本的前端知识[html/css/js]
运行demo案例
下载
从git上获取1
git clone https://github.com/googlecodelabs/webrtc-web
或者直接下载zip包
安装并验证Web服务器
虽然可以自由使用自己的Web服务器,但此codelab可以与Chrome Web服务器配合使用。如果尚未安装该应用,则可以从Chrome网上应用店安装该应用。
安装Web Server for Chrome应用程序后,单击书签栏,新标签页或应用启动器中的Chrome应用程序快捷方式: