监控摄像头GB28181转RTMP、FLV、HLS、RTSP多种格式实现网页嵌入播放

摄像头接入

目前监控摄像头接入最通用的方式就是通过GB28181协议，此协议目前越来越普及。但是GB28181协议中视频流是RTP封装的PS流，不可以直接在WEB页面中播放，这一点让人有些小小的不开心......

协议转换

WEB页面可以播放的格式有RTMP、FLV、HLS、Websocket等一些视频格式。因此我们需要做的事就是将摄像头的视频流转成这几种格式。
本人这里分享的是LiveGBS，通过它可以很轻松的直接将GB28181协议转换成了WEB端可以直播的格式

支持全屏播放、多窗口同时播放、云台控制、录像回放等等一系列常用需求。

原文地址：https://www.cnblogs.com/kumukim/p/11061795.html

时间： 2024-10-04 06:41:40

监控摄像头GB28181转RTMP、FLV、HLS、RTSP多种格式实现网页嵌入播放的相关文章

RTSP/RTMP/FLV/HLS视频流安防互联网摄像头音视频流媒体服务html设置http缓存代码方式一览

背景分析 众所周知,为了让用户更好的了解与使用EasyNVR,熟悉EasyNVR的相关功能,将EasyNVR与本地应用场景更好的融合,我们团队提出产品免费试用的途径.EasyNVR主要功能包括通过RTSP协议接入摄像机.支持Onvif协议,支持云台控制,焦距缩放.全平台(web/Android/iOS/微信/H5)观看,支持RTMP.HLS.http-flv协议.支持CDN接入,直接在每一个通道配置填写独立的阿里云/腾讯云CDN的RTMP推流地址即可.支持全网页配置管理.支持用户管理,权限验证.

流媒体协议介绍（rtp/rtcp/rtsp/rtmp/mms/hls

http://blog.csdn.net/tttyd/article/details/12032357 RTP 参考文档 RFC3550/RFC3551 Real-time Transport Protocol)是用于Internet上针对多媒体数据流的一种传输层协议.RTP协议详细说明了在互联网上传递音频和视频的标准数据包格式.RTP 协议常用于流媒体系统(配合RTCP协议),视频会议和一键通(Push to Talk)系统(配合H.323或SIP),使它成为IP电话产业的技术基础.RTP协议

[转]流媒体协议介绍（rtp/rtcp/rtsp/rtmp/mms/hls）

[转]流媒体协议介绍(rtp/rtcp/rtsp/rtmp/mms/hls) http://blog.csdn.net/tttyd/article/details/12032357 RTP 参考文档 RFC3550/RFC3551 Real-time Transport Protocol)是用于Internet上针对多媒体数据流的一种传输层协议.RTP协议详细说明了在互联网上传递音频和视频的标准数据包格式.RTP 协议常用于流媒体系统(配合RTCP协议),视频会议和一键通(Push to Tal

流媒体协议介绍（rtp/rtcp/rtsp/rtmp/mms/hls）

RTP 参考文档 RFC3550/RFC3551 Real-time Transport Protocol)是用于Internet上针对多媒体数据流的一种传输层协议.RTP协议详细说明了在互联网上传递音频和视频的标准数据包格式.RTP协议常用于流媒体系统(配合RTCP协议),视频会议和一键通(Push to Talk)系统(配合H.323或SIP),使它成为IP电话产业的技术基础.RTP协议和RTP控制协议RTCP一起使用,而且它是建立在UDP协议上的. RTP 本身并没有提供按时发送机制或其它

直播协议的选择：RTMP vs. HLS

前言 随着直播业务的兴起,越来越多的直播平台开始涌现,这火热的程度好像一个应用不带上直播业务出来都不好意思跟人打招呼.想要做一个直播业务,主要包括三个部分:采集推流端.流媒体服务端.播放端.这里不多说,就主要结合 iOS 平台,从观看端出发,介绍一下对直播协议的选择. 通常在 iOS 平台做直播业务,会有两种协议可供选择:HLS 和 RMTP. HLS,是苹果公司实现的基于 HTTP 的流媒体传输协议,全称 HTTP Live Streaming,可支持流媒体的直播和点播,主要应用在 iOS 系

最简单的基于Flash的流媒体示例：网页播放器（HTTP，RTMP，HLS）

本文继续上一篇文章,记录一些基于Flash的流媒体处理的例子.本文记录一些基于Flash技术的网页播放器.基于Flash的网页播放器相比于其他网页播放器来说最大的优势就是"免插件安装"了,这一点可以很大的提高用户的体验质量.早些时候网络视频(尤其是直播)一般都使用ActiveX控件作为视频播放器,而这些控件并不普及,所以终端用户必须下载相关的插件才能收看节目,因而对很多不熟悉电脑的用户造成了很大的障碍.直到Flash网页播放器的出现,这一障碍才得到了解决.本文将会记录几个常用的网页播放

推流和拉流的概念以及RTMP和HLS协议

https://www.bbsmax.com/A/x9J2wZM56o/ 推流为将直播内容推送至服务器的过程:拉流为服务器已有直播内容,用指定地址进行拉取的过程. rtmp rtmp是Real Time Messaging Protocol(实时消息传输协议)的首字母缩写.该协议基于TCP,是一个协议族,包括RTMP基本协议及RTMPT/RTMPS/RTMPE等多种变种.RTMP是一种设计用来进行实时数据通信的网络协议,主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进

【转】直播流程，视频推流，视频拉流，简介，SMTP、RTMP、HLS、 PLPlayerKit

原:https://www.cnblogs.com/baitongtong/p/11248966.html 1 .音视频处理的一般流程: 数据采集→数据编码→数据传输(流媒体服务器) →解码数据→播放显示1.数据采集:摄像机及拾音器收集视频及音频数据,此时得到的为原始数据涉及技术或协议:摄像机:CCD.CMOS拾音器:声电转换装置(咪头).音频放大电路2.数据编码:使用相关硬件或软件对音视频原始数据进行编码处理(数字化)及加工(如音视频混合.打包封装等),得到可用的音视频数据涉及技术或协议:编码

vue播放rtmp、hls m3u8格式视频

选用Video.js作为视频播放库,如果要支持hls m3u8还需要videojs-contrib-hls组件的支持. 安装Video.js npm install --save video.js 安装videojs-contrib-hls npm install --save videojs-contrib-hls 创建一个vue的播放组件 src/components/VideoPlayer/index.vue <template> <div> <video ref=&q