怎么使用 smart_rtmpd 的纯 webrtc 功能？

1. 为什么叫纯 webrtc ?

我们知道 smart_rtmpd 的扩展版本叫 smart_webrtc ，已经支持 webrtc 功能；不过这里 webrtc 的功能只是指的通过 rtmp, rtsp, srt 协议进行推流，smart_webrtc 通过媒体层的转码把视频 video( h264 ---> vp8 ) 和音频 audio ( aac ---> opus ) 实现的此功能，目前仅支持 webrtc 方式的 H5 拉流。

这里的纯 webrtc 功能，就是单纯的 webrtc 功能，和现有的 smart_rtmpd 的功能是并行的，之间没有任何交互，不存在互通的情况及转码的情况。也就是说 rtmp, rtsp, srt 它们之间是相互转换的，而纯 webrtc 和它们之间没有任何联系包括信令和媒体数据。

2. 纯 webrtc 有那些优点？

纯 webrtc 功能，全部是通过网页实现的，只要浏览器版本支持 webrtc 功能，就可以满足您的要求，在此基础上进一步实现您的需求。这样大大的适配几乎所有的设备，兼容性问题，环境引起的问题几乎不再存在障碍！！！

纯 webrtc 部署比较方便，只要配置好 smart_rtmpd ，点击运行即可，前端只需打开浏览器输入网址即可，就可以满足您所有的需求了。这样大大简化您各种配置的烦恼，兼容性的问题，环境设置问题，统统扔一边去。

3. 纯 webrtc 具有那些功能？

账号登录，在线列表/用户查找 ，

点对点业务

消息对聊， 对等端音视频 (webrtc p2p)

聊天室业务

聊天室列表，聊天室查找，聊天室进入， 聊天室用户列表， 聊天室用户上下线通知， 用户秀列表，用户上下秀通知， 聊天室群聊，聊天室音视频 ( webrtc sfu )

4.  怎么使用 smart_rtmpd 的纯 webrtc 功能

4.1 制作证书

为什么需要制作证书，一般浏览器打开音视频设备，需要 https 的链接才有权限执行。因此我们需要制作证书，才能通过 https 的方式访问 smart_rtmpd 的内部的 http 服务器。这样后续通过网页打开音视频设备才不会有问题。

如果您有正规的证书，就可以忽略 4.1 章节。您知道证书是需要花银子的，大部分测试和验证过程是没有证书的，下面我就教教您怎么产生证书。

在这里使用了mkcert生成证书，需要到github下载，

Releases · FiloSottile/mkcert · GitHub

我们一般选择  mkcert-xxx-windows-amd64.exe 下载到本地改名为 mkcert.exe。

4.1.1

在命令行 ( win + r 热键弹出运行对话框，输入 cmd 即可进入 ) 内，切换到 mkcert.exe 所在的目录

4.1.2 

假设您的 smart_rtmpd 服务器的运行地址为 192.168.1.1，我们这里虚拟一个网址为 www.smartrtmpd.com 的网址， 那么我们输入

mkcert.exe www.smartrtmpd.com  192.168.1.1

那么对应的目录下，就会产生对应的私钥和证书，基本类似于www.smartrtmpd.com+1-key.pem， www.smartrtmpd.com+1.pem 这种格式，我们分别改名为 server.key 和 server.crt，注意千万不要弄错，带 key 的是私钥，不带 key 的是证书。

4.1.3 

安装证书到本地，不要问我为什么，按下面的执行即可

mkcert.exe -install

4.1.4 

修改本地dns（c:\windows\system32\drivers\etc\hosts）文件，添加下面语句到此文件内。

192.168.1.1 www.smartrtmpd.com

注意，您在那个机器上验证 smart_rtmpd 的功能，都需要加上这个配置，这句话的目的就是告诉机器， www.smartrtmpd.com 这个域名的地址是 192.168.1.1 ， 也就是 smart_rtmpd 服务器运行的地址。

4.2 配置 smart_rtmpd 服务器

把上述所产生的证书和私钥，拷贝到 smart_rtmpd ( 服务器 192.168.1.1 ) 的目录下，下面的操作是在 smart_rtmpd 运行的 192.168.1.1 上，不是您产生证书的机器，打开配置文件 config.xml

- <ssl>
  <serverca /> 
  <serverkey>server.key</serverkey> 
  <servercert>server.crt</servercert> 
  <clientca /> 
  <clientkey /> 
  <clientcert /> 
  </ssl>

- <http>
  <ip /> 
  <port>8080</port> 
  <sport>8181</sport> 
  <ssl>true</ssl> 

配置证书路径，开启 http 服务器的 ssl 及配置端口，如果没有别的需求，启动 smart_rtmpd 服务器即可

4.3 运行纯 webrtc

在刚才您配置 hosts 文件的客户机机器上浏览器地址栏输入

https://www.smartrtmpd.com:8181/webrtc.html

效果图如下：

千万看清楚是 https ，这样就能看到对应的 webrtc 操作界面了

5.  怎么使用自己的域名和地址

 如果您有自己的正规证书，那么首先按上面的服务器配置配置好，启动服务器。服务器正常启动后，服务器端工作基本完成。

下面需要您需要编辑服务器目录 html 里面的 webrtc.html 文件了，打开文件进行编辑，搜索下面的关键字

wss://www.smartrtmpd.com:8181/webrtc/socket

比如您的域名为 www.qiyicc.com:8181 ，您就修改为

wss://www.qiyicc.com:8181/webrtc/socket

只需要修改域名地址和端口即可，别的不能随便更改。然后在客户机的浏览器内输入

https://www.qiyicc.com:8181/webrtc.html

就可以看到效果了。

6. 额外功能

用演示环境浏览器地址输入下面网址

http://www.smartrtmpd.com:8080/player.html 

就会体验到 smart_rtmpd 的另外一个强大的功能了，就是 h5 的，直播，录像及 VOD 功能了！不要忘记修改后台 player.html 里面的地址为你们服务器的地址。如果界面感觉不漂亮，则自行编辑 html 文件即可