关于https下通过flv.js播放flv视频流解决方案

  • 背景

由于需要在网页端无插件播放rtmp视频流,采用ffmpeg+nginx-http-flv-module+flv.js解决方案。后来网页端改成https访问方式,导致flv视频流也需要是https,否则会无法访问。

 

  • 环境

Ubuntu系统的华为云服务器、ssl认证证书、nginx

 

  • 解决方案

原先的视频流是http,现在需要使用https也能访问,我的解决方案是使用nginx代理来实现。

  1. 在ubuntu中搭建nginx环境,需要添加nginx-http-flv-module模块,然后重新编译nginx,具体操作可以见博文:https://blog.csdn.net/string_kai/article/details/100598268
  2. 准备好认证过的ssl证书,之前我尝试过使用自己生成ssl证书,虽然可以访问,但是会提示“您的连接不是私密连接”,需要手动点击继续前往,这样对于客户来说是不可行的。
  3. 找到刚才安装的nginx配置文件nginx.conf,打开进行编辑,如下图所示:

 

              当网页端通过https访问端口8002时,nginx就会将它转到另一个地址,即图中的http地址,这样就可以获取到原先的视频  流数据了。

5.保存配置文件,重新启动nginx即可生效。

6.接下来修改网页端获取视频流的代码,如下所示:

7.通过obs 软件向rtmp://xxxxxxxxx/myapp/mydemo地址推流,然后打开上面的网页,即可加载出视频。

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值