rtsp视频流 原文:网页播放rtsp视频流_江山夜雨的博客-CSDN博客_web播放rtsp RTSP协议 (1)是流媒体协议。...1、vlc player 如果客户使用ie或者firefox的话,可以使用vlc player,vlc player 同样需要安装插件,需要电脑上安装vlc player的本地客户端(安装时勾选插件选项...),然后通过 标签来引入播放VLC: Official site – Free multimedia solutions for all OS!...– VideoLAN,经测试发现,在IE8中可以正常运行,显示视频,在IE11和chrome浏览器中均不支持。 3、H5- streamedian 参考地址:Streamedian ,支持chrome无插件播放
近期在做一个智慧城市项目,要求将海康威视、大华等摄像头RTSP视频流在Chrome、Firefox、Edge等浏览器中播放,并且要求延迟必须要低,能到多低就多低,最好是实时视频。...想比较之下猿大师VLC播放程序是性价比最高的一个方案,通过猿大师的内嵌网页技术,底层调用VLC的ActiveX控件,可以实现在网页中内嵌播放多路RTSP的实时视频流,不用服务器转码转流,可以做到低延迟(...下面小编用图文为大家介绍下体验步骤: 第一步: 下载安装VLC桌面版播放器。如果不想安装任何程序,可以直接下载免安装的绿色版VLC播放器,解压缩就可以了,不用了可以直接删掉。...333.png 第四步: 打开猿大师VLC播放程序在线体验网试用: 全页面显示:http://test.yuanmaster.com/vlcwebfull.html 以全页面显示为例,首先点击连接,右侧会显示连接成功...然后再把真实RTSP地址替换到下面蓝色区域,然后点击发送即可。
二、现有方案 在未来也没有计划支持的情况下,想要在网页中实现播放RTSP流,目前常用可选方案有以下3种: 1、先在服务器端把RTSP流转码到浏览器可直接播放的视频流后再提供给终端浏览器播放,这也是号称无插件播放的方法...尤其是在在一些非常关键的应用场合,如果不能通过监控视频早一点发现险情并及时排除,可能就无法规避不可承受的风险,失去了上视频监控的重要意义。...因为在现代高版本浏览器中,都已经支持WASM技术(IE除外),所以纷纷采用此技术在前端实现将RTSP流转码后播放。由于终端电脑的硬件参差不齐,在一些中低配电脑上,就很难获得比较好的播放效果。...3、沿用原有插件技术方案,在2015年前Chrome等浏览器还可以用NPAPI插件技术的时候,前2种方案遇到的问题都不是问题,通过本地原生播放器控件直接播放,服务器也没多少压力,终端也可以充分利用本机硬件加速能力...二、最终方案 猿大师中间件VLC网页播放小程序应需而生,基于跨浏览器的原生小程序系统-猿大师中间件开发,通过借助猿大师中间件提供的内嵌网页播放的独家专利技术,在Chrome等现代浏览器高版本中完全模拟实现了
早些年还可用VLC播放器在网页中播放RTSP视频流,好景不长,2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持,导致在高版本的Chrome等网页中播放海康威视、大华等摄像头RTSP...1.先转码再转流方案 原理是先在服务器端把RTSP转码成可播放的视频流,再提供给客户端播放器播放。此方案虽号称是无插件方案,但是需要服务器支持,两次转码导致延迟较高,一般高达数秒甚至数分钟。...2.先转流再转码方案 原理与方案一不同点是把在服务器上转码的过程转移到终端电脑上,目前在高版本浏览器(除IE外)中,已经支持 WASM技术,可以使用此技术在终端电脑上把RTSP视频流转码后播放。...3.低版本浏览器方案: 2015年之前Chrome等浏览器还未取消对 NPAPI插件支持的时候方案,继续使用低版本Chrome、Firefox等浏览器,通过VLC原生播放器直接播放,也不需要服务器支持,...猿大师的VLC网页播放程序提供了这样一个稳定可靠、兼容性好、低延迟又可同时稳定播放多路RTSP的低成本半开源技术方案,无疑是当前安防行业在网页端播放RTSP流的最佳选择。
背景 如果你问一个前端技术人员,近几年最火的前端框架技术是什么,肯定会有人说VUE,确实VUE凭借其简单特性赢得了大家的喜爱,而近期公司有个项目,需要在VUE框架网页上播放RTSP实时视频。...方案 1.服务器转流前端转码方案 服务器端先把RTSP流用Web Socket或WebRTC推送到前端,再通过WASM转码MP4播放。...目前在高版本浏览器(除IE外)中,已经支持 WASM技术,可以使用此技术在终端电脑上把RTSP视频流转码后播放。...此方案同样需要服务器的支持,由于在终端电脑转码,终端电脑配置好坏决定了播放质量,并且由于WASM只能软解码,无法利用终端电脑的加速能力,且不支持多线程,不支持水印、字幕及本地录像及抓图等,多路播放或者H...3.低版本浏览器方案(VLC原生播放插件): 2015年之前Chrome等浏览器还未取消对 NPAPI插件支持的时候方案,继续使用低版本Chrome、Firefox等浏览器,通过VLC原生播放器直接播放
一般海康威视摄像头的视频流采用的RTSP协议的视频流,但是html5支持的是RTMP,所以RTSP协议的视频流无法直接在web页面上面显示。...VLC实现播放RTSP格式的视频流非常简单,只要安装了VLC的插件或者安装了VLC的播放器就可以了,VLC播放器和插件我也都放在了GitHub上面,下面会有链接。...我这里没有安装插件,只是之前安装了VLC播放器,所以没有安装插件来测试,如果有问题的话,欢迎大家提出问题,一起解决。...上面也说了,VLC插件现在支持的浏览器不是很多了,比如谷歌和火狐的高版本就不再支持VLC’插件,所以这里还要在想一个解决办法,解决谷歌播放RTSP格式的视频流。...不过要注意的是,这个页面要放在tomcat上面运行启动,我会把整个压缩包放上去,这些都是在官网上面下载的,在文章的最后我也会放上去这几天我查到的一些有用的官网资料。 ?
2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放,延迟比较低,效果也还不错。...可充分利用终端电脑硬件加速(GPU)能力,在同等硬件和网络条件下,延迟可做到毫秒级,可播放更多视频源、支持更高的分辨率、实现更流畅的播放效果,网络上所谓的无插件方案完全不能与之相比。2....还是更高的2K或4K,都能轻松应对,无插件方案从1080P开始,播放效果基本上就差强人意了。...,支持直接录像保存到本地MP4文件,而无插件方案由于无法访问本地文件系统,自然也无法直接完成此功能;弹幕及水印功能,播放状态实时提示等支持,无插件方案基本只能在服务器端先行添加,无法针对终端区别对待;语音对讲及云台控制...,无插件方案基本无此功能;人脸识别、车牌识别并显示画框等个性化功能,可通过定制设备厂家原生SDK功能实现。
二、现有方案 在浏览器中实现播放RTSP实时视频流,大体上有如下几个方案: 浏览器插件方案 此方案主要适用于在IE及Chrome 49以下版本的浏览器,在2015年前是绝对主流的选择。...缺点是需要额外安装VLC软件,对个别明确规定不能用插件的场景不太适用。摄像头厂家一般也会提供适配的播放插件,比如海康威视提供的播放控件,是和自己的DSS系统捆绑使用的。...此方案在国内有TSINGSEE的免插件EasyPlayer RTSP播放器,项目地址是https://github.com/tsingsee/EasyPlayer和linkingvision的免插件播放器...双内核方案 此方案典型实现是采用Chrome浏览器上的扩展程序IETab来实现,官方网站是https://www.ietab.net,通过在Chrome标签页界面覆盖加载显示一个IE内核渲染的网页...三、改进方案 通过上述总结的现有技术方案可以看出,想要在浏览器中实现低延迟、低成本的多路RTSP同时播放,只有做到不转码直接播放和充分利用终端的硬件加速这两个核心要求才能办到,这就只能采用插件方案
从摄像机获取的RTSP视频流直接在浏览器中播放,这里采用vlc插件进行播放,设置步骤如下 1、下载32位的vlc播放器,安装时选择安装插件,安装路径不要有空格,注意64位播放器安装上也不能正常播放...(我测试不能正常播放) 2、注册VLC插件(否则视频无法正常显示):使用cmd 运行:regsvr32 D:\VideoLAN32\VLC\axvlc.dll 其中D:\VideoLAN32\VLC为VLC..._175k.mov’为视频流地址 另外一些参数的含义如下 type=’application/x-vlc-plugin’:指定要使用的插件 pluginspage:指明插件的位置,在需要时便于安装 id...true或false),是否循环 fullscreen:是否全屏 controls:显示默认的控件 4、目前测试IE浏览器和360浏览器可以正常支持vlc插件播放 5、若需要播放多个视频,将object...标签拷贝几次,将id改一下,将不同的RTSP视频流地址修改即可。
问:我们用猿大师播放器在网页中播放我们某一路RTSP流刚播放几秒钟就会自动闪退(播放其他的RTSP视频流是没问题的,延迟也很低,能到 300毫秒左右),我们尝试过用新版版的VLC播放器播放也自动闪退,但是我们用某个...请问猿大师播放器如何才能支持老版本VLC播放器么?...答:猿大师播放器的VLC播放程序可以调用最新版VLC桌面播放器的播放控件播放,同时也可以调用部分老版本的VLC桌面播放器的播放控件,一般建议从VLC官网下载最新版的播放器,新版更稳定。...如果安装老版本的VLC播放器也可以。...如果是绿色版的VLC播放器,需要将VLC文件包解压到下面目录(新建vlc目录,区分大小写)猿大师安装目录 》Plugins 》VLCWebPlayer图片注意:修改完任何配置,都要重启猿大师播放器,点击
二、现有方案 在浏览器中实现播放RTSP实时视频流,大体上有如下几个方案: 1.浏览器插件方案 此方案主要适用于在IE及Chrome 45以下版本的浏览器,在2015年前是绝对主流的选择。...一般使用VLC这个最流行的开源跨平台多媒体播放器,IE及Chrome、Firefox低版本浏览器分别有对应的播放插件实现,VLC对移动端支持也非常好。...缺点是需要额外安装VLC客户端软件,对个别明确要求不能用插件的场景不适用。...此方案在国内有TSINGSEE的免插件EasyPlayer RTSP播放器,项目地址是https://github.com/tsingsee/EasyPlayer和linkingvision的免插件播放器...5.双内核方案 此方案典型实现是采用Chrome浏览器上的扩展程序IETab来实现,官方网站是https://www.ietab.net,通过在Chrome标签页界面覆盖加载显示一个IE内核渲染的网页,
RTSP(实时视频流)输出,不幸的是Chrome、Edge、Firefox等新一代浏览器从2015年开始不再支持NPAPI插件加载运行,直接导致RTSP视频流从此无法在高版本浏览器网页中原生播放。...对浏览器可直接硬件加速播放的H.264编码视频流,现在一般是在服务器端将RTSP流转为WebRTC通讯标准的视频流,前端接收后可通过Vedio标签播放;对于浏览器不能支持加速播放的其它编码视频流,要么在后端先转流转码为...虽然无插件播放方案能够播放出画面,但是往往延迟高,高分辨率视频流基本上都在数秒之久,在一些对延迟敏感的场合客户要求的是毫秒级延迟,显然无插件技术方案是无法满足的;而且首屏画面显示慢,这就导致切换播放源时迟迟看不到画面出来...这种无插件技术方案,在中高配的屏幕上如果只能播放出慢如蜗牛的画面,想不让客户吐槽实在是太难。...等文件,而无插件技术方案往往能播放的格式有限,比如不支持本地文件播放,不支持4K视频播放;分辨率支持范围广,从480P到1080P,还是更高的2K或4K,都能轻松应对,无插件方案从1080P开始,多路播放效果基本上就差强人意了
,可以通过html5的video标签直接播放RTSP的视频流。...整个架构如下图所示,分为服务器端和浏览器端两部分: websocket.png 方案二:RTSP转RTMP到RTMP服务器,转http-flv,播放端用flv.js播放 flv.js在获取到FLV格式的音视频数据后将...方案四:VLC或者SmartPlayer第三方插件播放 VLC不再多说,几乎做流媒体的开发者都知道,SmartPlayer是大牛直播SDK (Github) 的播放插件,延迟和功能体验更好。...插件形式的优点是无需二次转换,直接通过ActiveX控件的形式播放,延迟非常低,缺点是只支持IE浏览器。...方案五:RTSP转WebRTC播放 浏览器对webrtc的支持良好,特别是在H264编码方面几个主流的浏览器都已经支持了。
最近有用户反馈发现自己的海康硬盘录像机无法通过rtsp连接到EasyNVR的Web页面上。下面分享下排查过程。...问题解决 1、首先判断是否为用户的rtsp的配置问题,因为有的用户硬盘录像机版本比较新,所以有一些旧的rtsp规则是不生效的,所以我们通过rtsp规则的替换来测试是否为rtsp规则地址配置错误: ?...3、通过上图得知,其他的通道可以正常的进行播放,但是海康硬盘录像机同样也是不在线的,而且最奇怪的一点是海康的rtsp任何规则都无法播放,放到VLC播放器里面同样无效,但是在硬盘录像机的预览页面却是可以进行正常播放的...5、在经过调试之后我们发现摄像头的配置复合流就无法传输rtsp流到NVR或者VLC上: ?...6、经过测试发现,当配置更改成视频流之后,并且调整帧率和码率,则rtsp流可以输出到EasyNVR或者VLC播放器。 ?
那么有没有一种方法能使得既能在浏览器上进行无插件直播,同时又不转换协议呢,答案是肯定有的:* 通过websocket代理rtsp协议通过流媒体服务器分发出来;* 网页上通过html5(H5) js播放器解析...第一步,搭建RTSP流媒体服务器,或者在已有流媒体服务器基础上增加websocket代理,将分发的rtsp代理出来,或者免费下载SkeyeVSS综合安防视频云服务其SkeyeSMS流媒体服务自带WS-RTSP...流转发功能,或者通过在线演示(演示用户名:admin 密码:123456)地址接入网络摄像机测试; 第二步,网页WEB端通过SkeyeWebPlayer.js播放器播放ws-rtsp流,当然也支持网页无插件播放...:5540/34020000001310000071/0rtsp: rtsp://39.101.128.80:5540/34020000001310000071/0 通过VLC播放rtsp流如下图所示:...图片 通过Android或者iOS手机浏览器或者微信访问SkeyeVSS后台无插件播放ws-rtsp流,如下图所示:图片
EasyCVR平台一直是TSINGSEE青犀视频产品中支持协议最为丰富的平台,由于原本就支持国标GB28181、RTSP协议,又在我们不断拓宽之下开发了私有协议的接入和RTMP推流功能,可以直接接收客户端推送...很多用户都会通过EasyCVR来搭建一个视频集中管理平台,形成自己的视频管理系统。 近期有用户在调用EasyCVR接口获取转发的实时流遇到VLC不能播放的情况。...接口定义如下: 在调用此接口时protocol传值为RTMP,得到如下返回: 接着用VLC播放就出现异常情况,发现无法播放,如下图: 但是在EasyCVR平台却发现可以播放: 这时我们就可以发现上图中...问题就在这里,因为vlc不支持RTMP扩展H.265拉流,上图中EasyCVR默认播放的是FLV协议的流。...如果是需要客户端播放的话,可以用EasyPlayer RTMP专业版播放器,它支持全终端适用,如果是需要WEB端播放的话,由于FLASH插件已经被各浏览器厂家摒弃,因此现在只能是通过转成HTTP协议才可以完成
EasyNVR内接入的视频通道可以通过平台进行网页直播,并且支持市面上大部分的RTSP/Onvif协议设备:IP Camera/NVR/DVR/编码器等,直播便捷稳定,是安防直播解决方案中一个不错的选择...用户已经提前在VLC播放器进行了播放,视频流可以正常播放,所以报错问题发生得有些奇怪。 ? 3.我们在测试过程中,由于想重新拉取该rtsp视频流进行测试,所以关闭了VLC播放器。...当我们准备重新拉取这个rtsp流时,突然出现了问题:VLC播放器竟然无法播放这个rtsp的流了!如图: ?...4.在VLC播放器无法播放的时候,我们查看EasyNVR发现,EasyNVR平台此时却可以正常观看该视频流,如图: ?...5.于是我们又经过多次操作与验证,此时发现,在EasyNVR不拉取该视频流时,VLC播放器可以拉取到rtsp流;当VLC播放器不拉取rtsp流的时候,EasyNVR可以拉取到这个rtsp流。
近期在做摄像头监控视频在网页中播放的工作,现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议,RTSP协议的优势是实时性高、流畅度度高,同时支持H.265和H.264,清晰度也更高,对于要求比较高的安防...、交通等领域很适合,交通行业特殊需要延迟低于300毫秒,于是开始收集各种方案,互联网上RTSP协议的网页播放方案也很多,但是基本上分为两种:1.无插件方案(如:FFmpeg +node.Js)也就是需要再服务器上搭建一个转码服务...2.有插件方案一种就是摄像头厂商提供的插件。...图片另外一种就是猿大师播放器猿大师播放器是基于猿大师中间件提供的内嵌网页播放的专利技术,底层调用VLC客户端的ActiveX控件可实现在Chrome等高版本浏览器中内嵌播放海康威视、大华等摄像头的RTSP...猿大师播放器官网:http://www.yuanplayer.com猿大师与VLC原生播放器延迟对比:https://www.bilibili.com/video/BV1Sr4y117v8/猿大师与大华官方网页延迟对比
该协议定义了一对多应用程序如何有效地通过IP网络传送多媒体数据。RTSP在体系结构上位于RTP和RTCP之上,它使用TCP或UDP完成数据传输。...在旧版的chrome上可以通过vlc插件来播放rtsp视频,但是更新到新版的chrome之后要想播放这个rtsp的视频就变得比较麻烦。...另外一个做法就是通过ffmpeg或者vlc播放器进行协议转换,如果是单个视频流可以通过vlc进行转换,转成http协议,直接通过video标签进行播放即可。...可以通过nginx+ffmpeg进行转换。...服务启动之后通过以下命令,将rtsp转化为rtmp提交到nginx即可: ffmpeg -re -rtsp_transport tcp -i “rtsp://117.134.33.226:9090/dss
但客户端的对该协议支持很弱,不仅ios不支持播放rtsp流,连大多数浏览器也不能直接播放rtsp流。...然后启动电脑上的流媒体播放器VLC media player,打开网络串流“rtmp://127.0.0.1:1935/stream”,此时VLC media player的视频播放界面如下图所示。...结合OBS Studio的直播录制画面和VLC media player的直播观看界面,可知通过OBS Studio成功实现了RTMP协议的直播功能。...三、手机端通过RTMP Streamer进行RTMP直播推流首先启动云服务上的流媒体服务器SRS或者ZLMediaKit。...VLC media player,打开网络串流“rtmp://xxx.xxx.xxx/live/test”,此时VLC media player的视频播放界面如下图所示。
领取专属 10元无门槛券
手把手带您无忧上云