用SRS快速搭建WebRTC推流和播放

WebRTC目前已经比较成熟了，播放也比较稳定，协议也已经成为了RFC，相应的开源项目也比较多。当然我觉得WebRTC还缺一个高性能简单易用的服务器，之前也分析过现有的服务器，有各种问题，SRS很有机会解决这些问题。

目前SRS对WebRTC的支持进度如下：

相关Wiki：

在线演示，RTMP推流，>WebRTC需要通过长链接查找到通信双方，然后通过 peer to peer 的方式传输音频数据。

WebRTC中最主要的就是一个叫做 PeerConnection 的对象，这个是WebRTC中已经封装好的对象。每一路的音视频会话都会有唯一的一个 PeerConnection 对象，WebRTC通过这个 PeerConnection 对象进行视频的发起、传输、接收和挂断等 *** 作。
PeerConnection中包含的属性如下：

PeerConnection 中还包含了一些方法：

RTCSessionDescription 类型中包含了两个属性：

A向B发起通信请求

首先WebRTC需要一个信令服务器，也就是一个socket链接用来发起视频通信，发送WebRTC中的 offer 和回复 answer 。
如何搭建一个简单的socket服务器，可以找我的这篇文章《》，也可以是用webSocket搭建信令服务器。

WebRTC需要打洞服务器（一个 stun ，一个 turn ）来穿透防火墙等，我们需要配置打洞服务器：

WebRTC由于是未来的一种即时通信的标准，所以目前在Chrome、Firefox和Opera浏览器中有内置插件，均提供一个全局的PeerConnection类。

创建PeerConnection的对象：

创建时需要传入打洞服务器的配置信息，如果不穿入打洞服务器的配置信息，则只可以在内网中使用实时音频通讯。

由于PeerConnection是全局的，所以我们可以通过另外的一种方式进行创建：

如何判断浏览器是否支持WebRTC：

WebRTC也提供了一个全局单例来获取本地的音视频信息：

GetUserMedia需要传入三个参数，第一个参数为配置信息，第二个参数为获取成功的回调，第三个参数为获取失败的回调。
获取到视频流之后

创建一个offer并发送给指定的对象：

创建offer时要同时发送打洞服务器配置信息，WebRTC给了一个监听：

返回的参数中有一个 candidate 属性，便是打洞服务器的配置信息。

音频通话请求是通过socket发来的，需要通过socket去监听。

如果收到了offer，那么需要将offer存到自己的peerConnection中，并且创建一个answer发送回对方。
将offer存入peerConnection中：

创建一个answer并返回给对方：

如果收到了打洞服务器的配置信息，那么需要将打洞服务器的配置信息存入到 peerConnection 中：

发送给对方answer后便可以等待接受对方的数据流了：

至此，整个简单的WebRTC的流程就完成了

在WebRTC简介中提到信令服务器用于向中端传输数据，信令服务器是实现两个webRTC中端通信的重要角色。今天就来实现一下信令服务器。
作为前端开发对于后端的东西不是很熟悉，只能使用现成的一些服务器软件和nodejs来搭建信令服务器。
业务逻辑
当两个用户要进行通信时，他们首先要创建一个房间，成功加入房间之后，双方才能交换必要的信息。
当通信的双方结束通话后，用户需要发送离开房间的消息给信令服务器，此时信令服务器需要将房间内的所有人清除；如果房间里已经没有人了，还需要将空房间销毁掉。
这样的逻辑socketio已经帮我们实现了，我们只需要使用就行，不需要自己重新开发。
因此，我们使用nodejs+express+socketio实现信令服务器。
创建服务器
const >

WebRTC经过这么多年的发展，目前已经比较成熟的协议之一，播放也比较稳定，协议也已经成为了RFC，相应的开源项目也越来越多，但是基于WebRTC协议的部署简单，性能强悍，功能强大流媒体服务器的项目还比较稀少。之前了解到的服务器比如Mediasoup，Janus，Medooze ，要么就是设计复杂，接入成本要，要么就是性能较差，还就是多种语言结合，学习成本较高。 而SRS聚焦视频相关，功能专一，语言使用了高性能的c++,并且支持Rtmp转Webrtc等其他强大的功能的媒体服务器。

1源码编译安装运行SRS

使用这个命令开启RTC支持

2SRS常用命令

3配置nginx代理
若不需要浏览器推流，可以不用设置nginx代理，使用localhost访问

注意：your 代表需要配置你自己的域名信息，由于使用浏览器推流必须使用>每个服务器可能有不同的系统，但是我们都要对新的服务器进行一些配置，例如香港服务器，那么服务器的环境要如何配置呢？我相信这是很多新手站长的苦恼，其实这分三步就可以轻松搞定了。第一步：进入系统后我们把系统光盘里的I386文件复制到任何盘符都行，开始安装IIS。进入“控制面板”，选“添加/删除程序→添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示 *** 作即可完成IIS组件的添加。用这种方法添加的IIS组件中将包括Web、FTP（可选可不选我们也可以用软件建FTP服务器）、NNTP和SMTP等全部四项服务。IIS网站搭建就不详说了。第二步：装好IIS后我们就要开始配置：AspJpeg、AspUpload、imail(可选别的版本）、JMAIL、JoekoeCMS30Free、LyfUploaddll（复制到windows/systems32里面，运行cmd→regsvr32+LyfUploaddll,注册这个组件）、MSXML、mysql、php、SQL2000第三步：待以上都装好以后在配置IIS，具体步骤如下：1),web服务扩展里面的ActiveServerPages￣｜AspNETv14322｜≯设置允许在服务器端的包含文件__｜PHP配置允许：新建WBE服务扩展：扩展名：PHP→添加→浏览→查找范围→PHP5→PHP5isapidll设置允许（在这之前先安装PHP5）2),网站：属性→主目录→配置→选项→起用父路径勾上把上面这三部完成后，这样一台香港服务器环境就配置好了！服务器找我！展翼小T

按照OSI网络分层模型，IP是网络层协议，TCP是传输层协议，而>webrtc获取最终连接方式可以咨询ZEGO即构科技，ZEGO即构科技功能强大满足客户的直播需求。点击免费试用，0成本启动
WebRTC的优点：对于用户来说，在WebRTC出现之前想要进行实时通信就需要安装插件和客户端，但是对于很多用户来说，插件的下载、软件的安装和更新这些 *** 作是复杂而且容易出现问题的，现在WebRTC技术内置于浏览器中，用户不需要使用任何插件或者软件就能通过浏览器来实现实时通信。对于开发者来说，在Google将WebRTC开源之前，浏览器之间实现通信的技术是掌握在大企业手中，这项技术的开发是一个很困难的任务，现在开发者使用简单的HTML标签和JavaScript API就能够实现Web音/视频通信的功能。
想要了解更多关于webrtc的相关信息，推荐咨询ZEGO即构科技。即构科技有限公司是为开发者提供高品质实时音视频、实时语音、互动直播和IM即时通讯等服务的公司。核心团队成员均来自QQ，有超过20年的互联网和音视频技术开发经验，以及亿量级海内外用户运营服务能力。专注于实时音视频领域，致力提供全世界范围内最清晰稳定实时的语音视频服务，已服务4000+企业，适用于游戏、娱乐社交、在线教育、在线医疗、远程会议、智能硬件等多种用户场景。

---