将RTSP网络摄像机进行网页和微信直播的方案

本文介绍GB28181标准在安防监控领域的应用,以及如何通过此标准实现各种摄像头、NVR及监控平台的互联网直播。重点讲解了LiveGBS软件如何利用GB28181协议将传统安防设备接入互联网,实现视频流、云台控制等功能。

前言

随着4G/5G网络的发展,以及有限带宽原来越大,人们对视频直播的需求也越来越多。不仅普通的互联网直播发展很快,传统的安防监控也开始互联网话,走起了互联网直播的录。雪亮工程、明厨亮灶、手机看店、智慧幼儿园监控等等都是将传统的安防摄像头进行互联网直播,有些甚至做成了web无插件直播和微信直播。

技术实现方法

实现互联网直播就需要将安防摄像头或硬盘录像机上的视频流转成互联网直播常用的RTMP、HTTP-FLV、HLS等流格式再分发给用户端进行直播。
但是现实情况下,各个厂家的摄像头、硬盘录像机都有不同的型号,也有4G摄像头,普通局域网中部署的摄像头等等各种型号、各种场景下的监控设备。想实现统一的方式取到这些摄像头,就需要一个统一的标准,这里就介绍下GB28181。

GB28181是由公安部科技信息化局提出,由全国安全防范报警系统标准化技术委员会(SAC/TC100)归口,公安部一所等多家单位共同起草的一部国家标准。该标准规定了城市监控报警联网系统中信息传输、交换、控制的互联结构、通信协议结构,传输、交换、控制的基本要求和安全性要求,以及控制、传输流程和协议接口等技术要求。该标准适用于安全防范监控报警联网系统的方案设计、系统检测、验收以及与之相关的设备研发、生产,其他信息系统可参考采用。
该标准于2012年6月1日正式发布实施,在全国范围内的平安城市项目建设中被普遍推广应用。GB/T28181-2011标准自发布以来,受到了各大视频监控厂商的积极响应。截止2012年底,有近百家视频监控企业通过公安部一所、公安部三所的认证,如深圳宙视达、浙江宇视、超视科技、东方网力、海康威视、高远时代、浙江大华、先进视讯、波粒科技、华为技术、中兴力维、中星电子、科达、天地伟业等。

方案推荐

根据GB28181协议可以方便的接入各种摄像机、NVR、监控平台等。LiveGBS就是一个通过GB28181协议实现的将传统安防摄像头进行互联网直播的流媒体软件。只需在自己的服务器端一键部署LiveGBS,再将摄像头、NVR或监控平台配置页面的平台配置里面找到GB28181配置,配置成自己部署的服务器的ip地址等信息。服务端就可以轻松获取到设备的视频流、云台控制、事件告警等信息。
在这里插入图片描述

获取更多信息

邮件:support@liveqing.com

技术交流QQ群:947137753

咨询电话:15156896292

试用下载:https://gitee.com/liveqing/ReleaseVersion/

LiveQing视频流媒体无插件直播方案:www.liveqing.com

Copyright © LiveQing Team 2016-2019

### 实现微信小程序中RTSP视频流的播放 由于微信小程序本身并不直接支持RTSP协议,因此无法直接在小程序内解析并播放RTSP流。为了实现在微信小程序中播放RTSP视频流的功能,通常的做法是借助中间服务器将RTSP码成适合移动端播放的形式,比如HLS(HTTP Live Streaming)或FLV(Flash Video),然后再由前端的小程序去请求这个码后的URL来实现播放。 #### 使用EasyNVR作为中间件方案 考虑到需求,可以采用EasyNVR这样的中间件来进行处理[^3]。 EasyNVR可以从各种类型的摄像头获取RTSP流,并将其换为其他更易于在网络上传输播放的格式,如RTMP、HLS等。对于微信小程序而言,推荐使用HLS格式因为其良好的兼容性较低延迟特性。 以下是具体的实施步骤: 1. **配置EasyNVR** - 安装部署EasyNVR服务端软件。 - 添加需要监控的目标设备(即提供RTSP流地址)至EasyNVR管理界面下对应的通道设置里。 - 设置好之后,在线查看该通道的状态应显示正常连接状态。 2. **获取HLS链接** - 登录到EasyNVR后台管理系统找到已添加成功的摄像机列表项。 - 查看对应记录中的“直播地址”,这里会给出不同形式下的推拉流地址,其中就包含了用于HTTP传输的m3u8文件路径——这就是我们要找的HLS URL。 3. **集成到微信小程序** ```javascript // app.js 或 pages/index/index.js 中定义全局变量保存 HLS 地址 App({ onLaunch() { this.globalData.hlsUrl = 'https://your-easynvr-server/hls/stream.m3u8'; } }) ``` ```html <!-- index.wxml --> <video id="myVideo" src="{{hlsUrl}}" controls></video> ``` ```json { "usingComponents": {}, "permission": {} } ``` ```css /* index.wxss */ #myVideo { width: 100%; height: auto; } ``` ```javascript // index.js 页面逻辑部分 Page({ data:{ hlsUrl:'' }, onLoad(){ const appInstance = getApp(); this.setData({ hlsUrl:appInstance.globalData.hlsUrl }); } }); ``` 这样就可以让微信小程序成功加载并通过内置 `<video>` 组件展示来自指定RTSP源经过EasyNVR码后的实时视频内容了。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值