请选择 进入手机版 | 继续访问电脑版

期翼嘻嘻即时通讯综合平台

 找回密码
 立即注册
查看: 3125|回复: 0

怎么使用 smart_rtmpd 的纯 webrtc 功能? [复制链接]

Rank: 9Rank: 9Rank: 9

发表于 2022-1-2 08:12:35 |显示全部楼层

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 文件即可


使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

蓝牙耳机无线高音质适用于苹果华强北pro2023年新款华为小米通用 【推荐理由】赠运费险 【券后价】89.00

Archiver|手机版|期翼嘻嘻论坛企业即时通讯综合平台 ( 京 ICP 备 10015350 )

GMT+8, 2024-3-29 22:18 , Processed in 0.111272 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部