得劲,使用srs进行webrtc推流体验!

大家好,我是小涂,今天给大家分享一篇关于如何使用srs来进行webrtc进行推拉流;不过在这之前,你需要进行srs运行环境搭建,这个可以具体参考srs官网的wiki,我这里就不重复了,如果你有在搭建过程中遇到啥问题,可以私下交流沟通,下面是srs官网搭建环境中文wiki:

https://github.com/ossrs/srs/wiki/v4_CN_Home#getting-started

一、webrtc拉流演示操作:

srs默认是开启rtc的:

root@txp-virtual-machine:/home/txp/srs/srs.4.0/trunk# 
./configure --help
2d8c3ad1780a2034c42b8fd26756d68b.png

具体关于rtc配置文件,你可以看:

root@txp-virtual-machine:/home/txp/srs/srs.4.0/trunk#
vim conf/rtc2rtmp.conf
cc09b68cdcbaff48d7386380bc8df292.png

这里稍微注意一下,如果你进行云服务器做测试的话,这里的一个外网地址要修改一下:

candidate $CANDIDATE;

修改成:

candidate  + 公⽹的地址

好了废话我就不多说了,启动运行srsf服务器webrtc功能:

root@txp-virtual-machine:/home/txp/srs/srs.4.0/trunk# 
./objs/srs -c conf/rtc2rtmp.conf
86a27a556eb13a514726f94732f36eda.png

先使用ffmpeg终端进行推流和ffplay终端进行拉流操作:

  • 推流:

ffmpeg -re -i  time.flv  -vcodec copy -acodec copy  -f flv -y rtmp://192.168.32.128/live/livestream
553a3022c76b1ebb6b20b344184e50bd.png
  • 拉流:

ffplay rtmp://192.168.32.128/live/livestream
c006c9eeb95e20e148063059ae6ac258.png

接下来使用srs默认网页版播放器:

http://192.168.32.128:8080/players/rtc_player.html

注意:上面ip的地址要修改为你的机器ip地址。

  • rtc播放器:

9c7b13051d6222833bcb5cd6d382e58f.png
  • srs播放器:

1ff39d03bbb67c5436babe9290cf43e2.png

二、使用webrtc进行推流:

这里直接使用srs网页版命令进行推流的话,我现在的浏览器是不支持的,因为没有使⽤https+域名的⽅式,所以在使⽤WebRTC时需要修改 Chrome的启动参数。

我先演示一下报错的情况:

8ac4bc869e9f40acd0a9d0a6f7f3f80c.png

所以我们要对Chrome浏览器进行配置一下:

6c87dd65d34bc68b531f8e54d38b45ef.png c3120cb9c68ff00a38c4358ecd552761.png a411bc320e9191069fd5d47ec8244615.png

注意:第三张图片里面目标框那里要修改成下面的参数(这里的Ip地址以你的机器Ip地址为主!):

C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe 
--ignore-certificate-errors 
--allow-running-insecure-content  
--unsafely-treat-insecure-origin-as-secure="http://192.168.32.128:8080"

配置好这个之后,关闭浏览器,然后再重新打开浏览器,就可以进行推流了:

a65d279c8934525215fde84293a131aa.png

下面是我用ffplay、srs网页版本播放器进行拉流操作,实现效果有点类似于一对一通话的效果:

9aa4cf9362b5f092475e6405acbd0afd.png bd38830ddffa1953c72d9c4ef5e8a4d9.png

总结:

好了,本期的内容就分享到这里,感兴趣的小伙伴可以去动手实操一下哦!

我是小涂,我们下期见!

  • 2
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值