web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!

2024-10-10

谷歌浏览器Chrome播放rtsp视频流解决方案

找半天,HTML5的可以支持RTMP 但是无法播放RTSP,flash也止步于RTMP,最后同事推荐了个开源的好东东 VLC ,请教谷歌大神之后,这货果然可以用来让各浏览器(IE activex方式,谷歌.FF)实现播放RTSP视频流,那真是极好的~~ 废话不多说了附上参考文档和案例,大家自己看吧. 视频是用的海康网络摄像头(支持RTSP,标准H.264 RTP封装的设备),可以通过 rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream

[转] web无插件播放RTSP摄像机方案，拒绝插件，拥抱H5！

需求问题:有没有flash播放RTSP的播放器?H5能不能支持RTSP播放? 答案:没见过,以后估计也不会有: 问题:可以自己做浏览器插件播放RTSP吗? 答案:可以的,chrome做ppapi插件,IE用ocx插件: 但是,兼容性太差了,开发成本过高.在PC web兼容性上面,目前最好的方案是flash或者H5,但是H5在IE比较低版本上面会存在不支持的问题,还是需要前端兼容切换成flash模式:在手机 web/微信兼容上面,毫无疑问,H5是唯一选择: 方案那么问题来了,如何能够实现需求中

web无插件播放RTSP摄像机方案，拒绝插件，拥抱H5！

本文转自:http://www.cnblogs.com/babosa/p/7355468.html 需求问题:有没有flash播放RTSP的播放器?H5能不能支持RTSP播放? 答案:没见过,以后估计也不会有: 问题:可以自己做浏览器插件播放RTSP吗? 答案:可以的,chrome做ppapi插件,IE用ocx插件: 但是,兼容性太差了,开发成本过高.在PC web兼容性上面,目前最好的方案是flash或者H5,但是H5在IE比较低版本上面会存在不支持的问题,还是需要前端兼容切换成flash模

Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理

Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理方案一:服务器端用 websocket 接受 rtsp ,然后,推送至客户端实现步骤: 方案二:使用 ffmpeg + nginx 把 rtsp 转成了 hls 协议,客户端使用 videojs 播放实现步骤方案三:用 ffmpeg 把 rtsp 转成 rtmp 通过 nginx代理出去,其中核心处用到了 nginx 的 nginx-rtmp-module 模块,在客户端则使用著名的网页播放器 jwplayer 来播放 rtmp

使用Gin+WebSocket在HTML中无插件播放RTSP

在后台的开发中遇到了对接显示摄像头视频流的需求.目前获取海康及大华等主流的摄像头的视频流使用的基本都是RTSP协议.不过HTML页面并不能直接播放RTSP协议的视频流,查询了一番各种网页播放RTSP的资料,有如下的一些方案: 插件开发播放:使用ActiveX等浏览器插件的方式来播放,海康和大华的浏览器管理页面便是通过安装浏览器插件来播放视频的.视频播放稳定,延时短,但是对技术要求较高,对于chrome等现代浏览器也存在兼容性问题,并不想考虑. RTSP 转 HLS:使用FFMPEG将RTSP转为

浏览器无插件播放rtsp流解决方案

1. 安装 FFmpeg 参考 CentOS下安装FFmpeg,特别详细. 我遇到的错误和解决办法: 缺少lame ffmpeg+libmp3lame库源码安装教程(CentOS) make ffmpeg 时报acc相关,版本太高,安装低版本 Linux下FFmpeg安装配置好后,使用中的一些问题 make 时报if(x264_bit_depth>8) 错误,重装新版本ffmpeg 带有x264的ffmpeg编译出现小错误安装新版本 FFmpeg 后,./configure 参数去掉 --en

EasyNVR网页/微信播放RTSP摄像机HLS/RTMP播放时出现起播等待问题的优化过程

EasyNVR 项目中, 我们需要在网页/微信中嵌入 HLS 播放器, 实现直播效果. 开发过程中, 我们调研了很多HLS播放器, 包括百度cyberplayer, ckplayer, flowplayer, videojs, 我们重点试用了 cyberplayer 和 videojs 这两款播放器, 最终选择 videojs 作为我们的HLS 直播播放器. 从 cyberplayer 说起百度的这款播放器很优秀,它作为HLS播放器,不需要依赖插件,做到了简单易用, 而且还在不断更新中. 我

EasyNVR是怎么做到Web浏览器播放RTSP摄像机直播视频延时控制在一秒内的

背景说明由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合也是大势所趋.传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都是都需要OCX Web插件进行直播.对于安防监控的视频直播需求,根据不同的业务需求,对视频直播需求也是不同的.其中,有大部分安防直播,对视频直播的延时要求是相对比较高的. 用户问题咨询经常会有用户咨询到,集成视频到自身的物联网系统,发现视频直播延时会相对较大,但是从EasyNVR自身系统进行观看会发现延时会低很对多!希望了解到咱们的E

基于EasyDarwin框架实现EasyNVR H5无插件直播流媒体服务器方案

在之前的一篇博客<web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!>中,描述了实现一套H5无插件直播方案的各个组件的参考建议,又在博客<EasyNVR H5流媒体服务器方案架构设计之视频能力平台>中对整体的架构设计思路做了总结,做高内聚.低耦合的视频能力平台,不涉足业务部分!那么今天,我们来公开一下EasyNVR到底是如何实现这些功能的: 一.程序框架熟悉EasyDarwin的同学都知道,EasyDarwin作为老牌的功能框架,在很多领域是非常能够满足开发者需求的,尤其是

基于EasyDarwin开源流媒体服务器框架实现EasyNVR H5无插件直播流媒体服务器方案

背景分析在之前的一篇博客<web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!>中,描述了实现一套H5无插件直播方案的各个组件的参考建议,又在博客<EasyNVR H5流媒体服务器方案架构设计之视频能力平台>中对整体的架构设计思路做了总结,做高内聚.低耦合的视频能力平台,不涉足业务部分!那么今天,我们来公开一下EasyNVR到底是如何实现这些功能的: 一.程序框架熟悉EasyDarwin的同学都知道,EasyDarwin作为老牌的流媒体功能框架,在很多领域是完全能够满足开发

NVR硬件录像机web无插件播放方案功能实现之相关接口注意事项说明

该篇博文主要用来说明EasyNVR硬件录像回放版本的相关接口说明和调用的demo: 方便用户的二次开发和集成. 软件根目录会包含接口文档的,因此,本文主要是对一些特定接口的说明和接口实现功能的讲解以及部分demo的展示说明: 对应接口说明: 支持设备类型由于获取NVR录像机的相关功能是通过SDK来实现功能的,因此,无法想EasyNVR配置摄像机一样,走一个标准的协议去完成相应的全部功能,因此,我们都是通过不同的 SDK来实现对应品牌的录像机的接入,我们无法做到,满足全部的录像机接入,但是

EasyNVR、EasyDSS二次开发之：RTMP、HLS流在web页面进行无插件播放示例Demo代码

不管是基于EasyNVR还是EasyDSS,都是支持无插件直播,这也是未来视频直播的一个趋势.对于传统的浏览器插件播放谁用谁知道: 以上是软件自带播放展示背景需求对于EasyNVR和EasyDSS的使用方式大概分为两大类,一类是直接将软件作为视频能力平台来进行使用:另一类就是将视频能力集成到自身的业务系统来,这就涉及到相关的接口调用和一些对应的功能的集成.对与前端的web播放器的集成也是一个需要注意的方向:通常也有很多客户会咨询到关于web播放器集成的相关问题,本篇博客也是对应web流媒体

EasyNVR网页H5无插件播放摄像机视频功能二次开发之直播通道接口保活示例代码

背景需求随着雪亮工程.明厨亮灶.手机看店.智慧幼儿园监控等行业开始将传统的安防摄像头进行互联网.微信直播,我们知道摄像头直播的春天了.将安防摄像头或NVR上的视频流转成互联网直播常用的RTMP.HTTP-FLV.HLS等流格式再分发给用户端进行直播,不管身处何地都可以通过移动通讯设备查看监控设备,这些功能是EasyNVR互联网直播系统研发和设计的初衷和基础功能.另外EasyNVR增值功能是可通过接口二次集成在自己的原有的web业务系统实现网页.H5无插件实时直播,但是用户一直困惑于如何获取直播

web网页中使用vlc插件播放相机rtsp流视频

可参考: 使用vlc播放器做rtsp服务器使用vlc播放器播放rtsp视频使用vlc进行二次开发做自己的播放器 vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器. 下面代码是web网页中使用vlc插件播放相机rtsp流视频: <html> <body> <!--[if IE]> <object type='application/x-vlc-plugin' id='vlc' events='True' c

在 Web 页面使用 VLC 插件播放 m3u8 视频流 (360 极速模式)

1. 背景公司有个旧项目需要添加在线播放 m3u8 视频流,但是该流不知道什么原因使用 Video.js 或 hls.js 均无法播放,最后找到解决方案可使用 VLC 插件播放(360 极速模式下) 2. 示例代码 <!DOCTYPE html> <html> <head> <title>web camera</title> <meta http-equiv="content-type" content="t

【开源技术分享】无需流媒体服务，让浏览器直接播放rtsp/rtmp的神器：EasyMedia

不同于市面上其他需要各种转发到流媒体服务的中间件来说,EasyMedia不需要依赖任何nginx-rtmp,srs,zlmediakit等等第三方流媒体服务,只需要你有rtsp或者rtmp等等协议的视频源地址,EasyMedia就可以让他们无须转发就可以直接使用浏览器进行播放,不需要任何ocx,activex,flash插件,EasyMedia无疑另辟蹊径,开启了不同于主流方案的另一条技术路线尝试. EasyMedia是如何实现无插件在浏览器上播放rtsp/rtmp这些视频流的答案是:Java

使用vlc播放器播放rtsp流视频

可参考: 使用vlc播放器做rtsp服务器 web网页中使用vlc插件播放相机rtsp流视频使用vlc进行二次开发做自己的播放器首先需要安装vlc播放器,下载及安装步骤略使用vlc播放器播放rtsp视频打开vlc 媒体-打开网络串流输入rtsp url,点击播放即可,如果有问题请检查rtsp url是否正确也可以媒体-流选择网络选项卡,输入rtsp url,下面按钮默认是串流,需要选择播放,即可

Web 开发最有用的50款 jQuery 插件集锦——《综合篇》

这篇文章是<Web 开发最有用的50款 jQuery 插件集锦>系列的最后一篇,整个系列向大家分享了在网站开发中非常有帮助的 50 款 jQuery 插件,这些插件按用途主要有以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插件,图片特效插件,视频插件等等,系列其它文章列表如下: 您可能感兴趣的相关文章 50款最有用的 jQuery 插件集锦<表单篇> 50款最有用的 jQuery 插件集锦<图片特效篇> 50款最有用的 jQuery 插件集锦<网

浏览器播放rtsp流媒体解决方案

老板提了一个需求,想让网页上播放景区监控的画面,估计是想让游客达到未临其地,已知其境的状态吧. 说这个之前,还是先说一下什么是rtsp协议吧. RTSP(Real Time Streaming Protocol),实时流传输协议,是TCP/IP协议体系中的一个应用层协议,由哥伦比亚大学.网景和RealNetworks公司提交的IETF RFC标准.该协议定义了一对多应用程序如何有效地通过IP网络传送多媒体数据.RTSP在体系结构上位于RTP和RTCP之上,它使用TCP或RTP完成数据传输.

Atitit.web预览播放视频的总结

Atitit.web预览播放视频的总结 1. 浏览器类型的兼容性(chrome,ff,ie) 1 2. 操作系统的兼容性 1 3. 视频格式的内部视频格式跟播放器插件的兼容性.. 2 4. 指定播放器 embed 模式 2 1. 浏览器类型的兼容性(chrome,ff,ie) <% if( mediaUrl.endsWith(".avi") || mediaUrl.endsWith(".wmv") ) {%> <object cla

web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!

热门专题