WebGL实时视频(3) WebRTC插件

网页播放视频的两种方式WebSocket和WebRTC，

WebRTC在商店里面有插件，$115，在淘宝上没找到这个资源，考虑了一下，还是买了吧 。

WebRTC Video Chat

一、服务端

默认是连接他们网站的服务端，可以做文本消息的通信。

将unity包里面的server.zip找个地方解压

1、安装node.js

2、安装Git，打开GitBash

3、使用GitBash进入解压后的目录，根据命令（教程：https://github.com/because-why-not/awrtc_signaling）启动服务。

只需要

npm install
node server.js

不需要

npm run build

     

4、用WebSocket测试连接。

教程：https://www.because-why-not.com/webrtc/tutorials-server-side/

总之，是客户端先通过连接服务端，然后建立两个客户端之间的直接连接。

相关知识

参考：收集并转载ICE打洞文章的链接

二、发送消息

默认场景，打包到bs，部署到iis，可以发送文本信息，手机浏览器打开也能够使用。

如果用之前的ws.html测试，发送文本信息(如:123)，结果:

发送json文本(如{a:1})，结果：

用Chat App example测试，OpenRoom:

JoinRoom，Fail

JoinRom,Success

发送信息

不会在服务端留下信息，可能建立了直接的通道，不需要再通过服务端了。

结合前面的H5Stream时websocket收到的那些消息，这些其实就是前面图片中的建立通道的过程，通道建立后的数据通信和websocket就没有关系了。

而这个插件，分装了创建通道的过程。

三、显示视频

视频消息还是不明白,看代码和获取文本信息过程类似，创建通道，获取信息，只不过信息是视频流而已。

关键是例子无法测试。

四、调试

参考：webrtc如何知道通信走p2p还是服务器中继啊？

在浏览器中输入chrome://webrtc-internals/，结果