3-5.WebRTC中的重要Demo

在上节课中呢，我们已经看到了如何编译webrtc源码，那这节课呢，我们来看看。编译出的webrtc源码中的一些demo程序，那这些demo程序呢？对于我们后边儿学习webrtc起着至关重要的作用诶，那下面呢？我们就进入到webrtc/src这个源码中，那在这里边儿呢？我们最终编译好的程序都在out/default这个目录下。那当我们打开这个之后呢，

就可以看到在这个目录下有很多的文件，那其中的demo也比较多。那这里呢？我们重点关注两个demo，一个叫做peer connection.client.ese，一个叫做peer connection.server.ese。那通过这两个程序呢，我们就可以实现端到端的通，我们在测试的时候呢，首先你要执行peer connection.server.ese，我们双击这个程序。那当我们打开这个程序之后呢，可以在控制台上看到它有一行信息，那这行信息呢？提示它已经开始侦听 8888这个端口。

有了这个服务端程序之后呢，我们再启动客户端。这就是客户端的一个主界面儿，那这个界面儿非常简单，它有几个元素构成，那第一个呢，就是我们要连接的服务器地址是哪儿？那如果你是在本机测试呢，就可以填local house。好，第二个呢？是你要连接的端口号，那默认呢就是8888对吧？它是与服务端呢一一对应的，如果后边你要改服务端的端口，

比如改成1234，那这里呢？你也要填1234。这样客户端与服务端才能进行连接，那当我们点击连接之后呢？客户端与服务端之间就建立了连接。连接建立好之后。客户端呢，会切换到第二个页面。是一个列表儿页面，那在这个列表儿中呢？就会显示你可以与哪些客户端进行连接？那现在呢？我们只有一个客户端连接到服务器，对吧？

所以这个列表呢是空的。那如果我们再启动一个客户端，这个列表中呢？就会显示信息了，我们可以再启动一个。好，同样的连接是本地localhost，端口是8888连接。那这时候你可以看到已经有另外一个客户端。在这里显。而我们打开之前的那个呢，可以看到显示的是另外一个客户端的名字，当然由于我是在同一台机子里，所以这两个名字呢，是一模一样的，

都是lc006。这个时候，双击列表项之后，它又换了另外一个界面，那这个界面呢，是用于显示视频的。那由于我在同一台机子上摄像头呢，相互之间会强占，所以呢，在这里它就发生了一个冲突，因此呢，这个显示界面就是一片空白。那我们真正测试的时候呢，最好有两台机子，这样呢，

双方之间就可以看到对端的视频，当然还可以通过另外一种方式。在内部，通过黑客儿的方式让它形成一个自循环，也就是自己采集，自己播放，这样也可以看到你自己的视频。那这两种方式呢？都是可以的，那这就需要呢？我们在调试不同模块儿的时候，根据你的需要去选择，你是用两台机子进行互联，还是说在一台机子上进行？回传的这种方式，

那回传的方式呢，就是我用一台机子就可以做各种测试，但由于它走的是内循环，所以我们在测试网络的时候就没法用这种方式。如果我们是测试网络传输的话，还是用两台机子让彼此之间可以通过网络进行数据包的转？那这就是我们这个demo的一个大体的结构，那通过这个demo呢，我们可以知道对于客户端实际它包含了三个界面，那第一个界面是登录界面。第二个界面呢，是用户列表界面，也就是说我可以与谁进行连接，那第三个界面呢，是当双方进行连接之后。

可以显示对方的这个视频。那对于服务端来说呢，每次有一个客户端登录的时候，那它都会提示一个连接数，那目前呢，只有一个连接，因为我们刚才在操作的时候由于。两个客户端同时抢占一个摄像头，这样就产生了冲突，所以有一个客户端crash掉，那实际之前呢？两个客户端都同时。连在这个服务器上，这样呢，彼此才能进行一个通讯，

最终实现视频的互通，那以上呢，就是我们这节课所讲解的内容，那这节课中呢，我主要向你介绍了我们在编译webrtc。代码之后会有两个重要的程序，一个是peer connection server，一个是peer connection client。

其中我们要知道peer connection client是由三个界面构成的，一个是登录界面，一个是列表界面，一个是展示界面。那这些呢？我们在后边儿都会做详细的分析，只有我们将peer connection client端的所有的界面儿都搞清楚之后，我们才有利于会webrtc源码的分析。

如有侵权，请联系我删除