首页 > 其他分享 >摄像头的RTSP视频如何用H5 来播放

摄像头的RTSP视频如何用H5 来播放

时间:2023-08-17 15:32:09浏览次数:42  
标签:播放器 视频 liveweb 浏览器 RTSP 支持 H5 摄像头

随着各行各业安防系统的建设,激增了摄像头视频web播放的需要。


为此需要一个web播放器来播放摄像头的视频。


想做好一个能兼容所有浏览器和所有摄像头编码的web播放器存在很多冲突点。


支持h5的浏览器只支持h264和aac编码,而摄像头存在各种编码;

摄像头获取流是通过rtsp或GB28181协议,而浏览器只支持http和websocket;

浏览器存在PC、移动端、小程序差异,如何设计一个播放器既能解决编码问题也能解决不同浏览器环境问题;

还有一个奇葩浏览器IE如何兼容。

我们公司开发的liveweb播放器是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。liveweb还拥有Windows、Android、iOS版本,其灵活的视频能力,极大满足了用户的多样化场景需求。


liveweb是一款超低延时(150-200毫秒)、秒启动、无插件web实时视频播放器,h5视频播放器,支持egde、firefox、Chrome、safari等常见浏览器。支持h264、h265、AAC、G711等常见音视频格式。


支持协议:RTSP、RTMP、HLS、HTTP-FLV、WebSocket-FLV、GB28181、HTTP-TS、WebSocket-TS、HTTP-fMP4、WebSocket-fMP4、MP4、WebRTC。


支持RTSP/Onvif/GB/T28181/EHome/海康SDK/大华SDK等设备或者平台接入服务器包含设备接入、音视频直播、流媒体分发服务器、录像存储和回放服务等功能。


提供GB28181信令转接和平台级联


支持HTTPS 加密等;


对外提供HTTP API二次开发接口;


liveweb具备较强的灵活性,在视频直播过程中liveweb可通过H5进行视频解码,只要客户端支持H5,就能完美进行视频的无插件直播,同时还支持大码率视频直播,并可支持H.264、H.265两种编码格式。如果大家正在找寻一款供能强大的流媒体播放器,那么liveweb将会是一个不错的选择,欢迎大家来了解和使用。

摄像头的RTSP视频如何用H5 来播放_HTTP

标签:播放器,视频,liveweb,浏览器,RTSP,支持,H5,摄像头
From: https://blog.51cto.com/u_16159766/7123291

相关文章

  • h5(html5)+css3前端笔记四
    Emmet语法1.生成标签直接输入标签名按tab键即可比如div然后tab键,就可以生成<div></div>2.如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div3.如果有父子级关系的标签,可以用>比如ul>li就可以了4.如果有兄弟关系的标签,用+就可以了比如div+p5.如......
  • RTSP/Onvif视频服务器EasyNVR安防视频平台关于行业一体化监控平台的设计方案
    随着数字经济时代的到来,实体经济与数字技术的深度融合已经成为经济发展的主流思路。在这一背景下,传统能源行业的运营管理也面临着新的考验和机遇。很多大型能源企业开始积极应对这一趋势,逐步将视频监控、云计算、大数据和人工智能技术广泛应用于生产、维护、运输和配送等环节,以实......
  • 在html5中播放RTSP/RTMP/HLS/HTTP视频流媒体的几种方案,并支持H.265
    经过多年的项目实战和研发经验的积累,总结了一下对于H5视频可视化在视频播放上如何做到无插件H5展示的方法,尤其是契合安防行业的方案;除了HTTP、WebSocket类的传输协议,其他是无法通用地传输到浏览器的,所以,如果要做一款通用的H5视频播放器,基本上就是一款HTTP/WebSocket协议的视频播放......
  • 一文教你如何实现低代码轮播图中点击图片跳转不同的H5页面
    【关键字】低代码开发、API6、轮播图组件、Item实例数据获取、H5页面跳转 1、写在前面实际开发中我们经常会遇到这样的场景,首页轮播图加载了几张活动图片,每张图片点击之后会跳转到各自不同的活动详情页面,活动详情是通过H5页面实现的,现在我们来思考一下在API6的低代码开发中该......
  • 一文教你如何实现低代码轮播图中点击图片跳转不同的H5页面
     【关键字】低代码开发、API6、轮播图组件、Item实例数据获取、H5页面跳转1、写在前面实际开发中我们经常会遇到这样的场景,首页轮播图加载了几张活动图片,每张图片点击之后会跳转到各自不同的活动详情页面,活动详情是通过H5页面实现的,现在我们来思考一下在API6的低代码开发中该如何......
  • Qt+rtsp+ffmpeg 播放声音
    #include<QtCore/QCoreApplication>#include<QtMultimedia/QAudioFormat>#include<QtMultimedia/QAudioOutput>#include<QtCore/QFile>#include<iostream>#ifdef__cplusplusextern"C"{#endif//__cplusplus#include"li......
  • Windows上使用FFmpeg实现本地视频推送模拟海康协议rtsp视频流
    场景Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121202130上面记录的是使用FFmpeg拉取海康协议摄像头的rtsp流并推流到流媒体服务器。如果在其它业务场景下需要本地的视频文件模拟海康的rtsp流协议格式进行......
  • CH582 CH592 CH573 Central提高连接速度
    主机连接很慢,怎么解决?主机端开启高速扫描//TRUEtousehighscandutycyclewhencreatinglink#defineDEFAULT_LINK_HIGH_DUTY_CYCLEFALSE//FALSE改成TRUE,启动高速扫描,增加连接速度GAPRole_CentralEstablishLink(DEFAULT_LINK_HIGH_DUTY_CYCLE,......
  • Android平台内网RTSP网关和轻量级RTSP服务的区别和联系
     技术背景我们在对接轻量级RTSP服务的时候,遇到客户这样的使用场景:客户是用于车载自组网环境,确保多辆车之间可以相互看到对方的实时视频,以期可以了解到前方路况等关注的信息。除了安卓自带摄像头的数据,还有车载RTSP摄像头,由于系统部署在安卓端,我们初步设计的方案,是走轻量级RTSP服务......
  • js 如何调用摄像头拍照
    1.第一种 业务逻辑需要人脸验证,需要通过调用摄像头获取人脸来调用接口做对比,所以学习了一下js关于调用摄像头拍照。主要通过video调用摄像头和canvas截取画面。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible......