海康威视摄像头rtsp视频流实现浏览器h5播放(无需浏览器安装插件)

第一次写博客,描述可能不是很到位,有不足的地方还请大家见谅和指正。
因为公司要求实现在线视频监控,所用的摄像头是海康威视的,而海康给的SDK中没有关于JavaWeb的demo,而相关的web开发包用的又全部都是js方法,并且还需要安装插件配合,这些都达不到我们搭建web项目并在不同浏览器播放的目的,最后,本文通过一下方案实现了摄像头视频在浏览器上无插件播放。

本文方案参考了一下两篇文章: http://blog.sina.com.cn/s/blog_861009c90102yk7d.html, https://www.cnblogs.com/jingangel/p/7477930.html

方案思路:

获取摄像头数据流 --> FFmpeg转码 --> Node.js(搭建webSocket服务器) --> 在服务器上运行jsmpeg程序

操作步骤

首先查看是否能够正常地获取摄像头的rtsp视频流

这里我们用VLC media player来验证
在网络串流中添加我们摄像头的rtsp路径:rtsp://admin:password@192.168.0.64:554
在这里插入图片描述

1.安装node.js和FFmpeg,并配置好环境变量

(百度搜索教程即可)
查询版本号可检查好环境变量是否配置成功
居中的图片:

  • 7
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值