前言 最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果.使用html5时间还不久,对js的认识还不够深入.没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来. 上一篇大数据呈现第一弹介绍了项目中做的一个彩虹爆炸图,主要用了 html5的canvas的2d绘制技术.这一回我想介绍一下项目中的一个亮点技术:html5的3D,以及如何用它打造精美的3D机房监控系统. 目标效果图 下图是客户给找的一张的效果参考图,希望机房至少能达到下面的3D效果. 懂的人都知道,这可是一张

前言介绍 在web前端的网页设计中,为了展示出简洁的网页风格和美观的效果,往往会使用弹窗效果在EasyNVR前端页面录像检索功能时,必然会播放录像,如果单独为播放录像文件排一个界面,用户在使用上会更加繁琐,在外观上也不是很美观. 真的弹了个窗户出来了! 基于bootstrap可以来开发出弹窗效果图 Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 弹

EasyNVR场景需求 基础:不管是城市监控还是园区管理或者是幼儿园监控,这些安防监控需求已经成为我们生活中不可或缺的重要一环,这不仅仅是提升城市管理水平和人民群众安全感的现实需求,也是完善社会治安消防的重要板块: 便捷:随着科技水平的提高,对于互联网服务,电脑不再是唯一选择,智能手机.平板电脑.特定的移动终端等都是可选择的用户终端硬件方式,因此,我们有理由要求我们的摄像机直播观看也能跟上潮流,可以做到随时随地看我想看: 完整:安防直播的需求必然会伴随着是否需要实时录像的存储,因此将实时的视频流

背景分析 熟悉EasyNVR产品的小伙伴应该知道,EasyNVR主要针对的是安防类的项目,通过RTSP/onvif协议将前端高清网络摄像机IPC.NVR等接入进来,然后将设备端的音视频通过采集.转换,输出RTMP.HLS.HTTP-Flv格式直播流,进行全平台无插件直播. 对于动态网站,要实时更新网站的信息,通过接口来获取实时信息是一个必不可少的部分.EasyNVR可以接入IPC等前端设备,必须要实时获取到对应的IPC实时信息进行展示. 本篇主要说明Ajax来获取数据 以EasyNVR通道接口进

想实现网络监控摄像头进行视频直播的朋友门应该知道,方法其实非常简单,你不需要使用支持直播的网络摄像机,只需要经过一套流媒体服务器将监控摄像头的RTSP视频流转为RTMP\HLS\HTTP-FLV视频流,然后将流地址在网页.微信.或者推流到主流免费的直播平台上,如YOUTUBE.斗鱼等.该方案适合所有网络摄像头,因为他们几乎都支持RTSP协议,你可以使用海康.大华等等厂家的设备,选择范围广,操作简单. 需求分析 对于使用EasyNVR和EasyDSS的用户来说都知道,我们的产品是使用rtsp流来进

系列背景 由于EasyNVR的受众越来越多,时长会遇到很对类似的问题咨询,之前虽然有写过很多的博文进行技术的或者使用问题的解答,随着客户询问的增多,我发现,要想然客户了解问题和解决问题,往往引导和给一个思路比直接给与支持和回答更有效果.因此在后续的博文中我将不间断的更新Easy系列相关问题的自我排查和解决思路和方法.帮助大家解决问题的同时更加了解软件. 问题:EasyNVR显示设备不在线怎么办? 问题分析: 首先,自我将这个问题剖析一下,设备显示不在线可能导致的原因, 从摄像机到软件显示大致分为

背景分析 最近在使用EasyNVR的过程中,很多小伙伴咨询关于接口调用的问题,初步判断应该是遇到权限问题(401 Unauthorized).EasyNVR为第三方系统和应用提供了标准的API接口,方便对接二次开发为专属于自己企业的互联网直播平台.接口一般分为接口定义者和接口调用者,定义者可以规定接收参数的类型及返回形式,而接口定义者则只能完全按照接口定义者规定的参数进行访问.就叫是我们所说的webService(网络服务). 本篇博文将基于自身对EasyNVR接口的调用和一些用户的反馈的问题来

背景介绍 EasyNVR核心在于摄像机的音视频流的获取.转换.转码与高性能分发,同时同步完成对实时直播流的录像存储,在客户端(PC浏览器.Android.iOS.微信)进行录像文件的检索.回放和下载. 在保证EasyNVR和前端设备之间网络相通的基础条件下,EasyNVR通过获取数字网络摄像机视频流完成音视频的采集,然后由EasyNVR内部实现流媒体协议转换.转码和流媒体分发工作,最终可以分发出RTMP.HTTP-FLV和HLS流,EasyNVR自身也可以对实时视频流进行存储和管理,同时Easy

EasyNVR网页摄像机直播方案 EasyNVR是一款拥有完整.自主.可控知识产权,同时又能够具备软硬一体功能的安防互联网化流媒体服务器,能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera.NVR等具有RTSP.Onvif协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web.Android.iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联

背景描述 HLS (HTTP Live Streaming)是Apple的动态码率自适应技术,主要用于PC和Apple终端的音视频服务,包括一个m3u(8)的索引文件,TS媒体分片文件和key加密串文件.HTML5直接支持这个流地址,因此只要是支持H5的设备都可以解码播放. 问题概述 EasyNVR团队在进行多屏开发时,由于多屏功能不需要在手机端展示(pc端多播放为RTMP,手机端播放为HLS),因此只注意到了引用video.js来进行rtmp的播放.但实际使用中,由于项目需求不同,hls流的播

我们通常在构架一套视频SaaS应用的过程中,将平台设计为3层:视频硬件层(视频源).视频能力平台(vPaaS).视频应用平台(vSaaS),视频硬件包括各种IPC.NVR.编码器等视频生成设备,vPaaS视频能力平台部分主要就是对这些不同的硬件进行整合,输出统一接口.统一标准的视频流,vSaaS视频应用层主要就是对视频的增值服务了,这个是跑业务的部分.我们的EasyNVR产品着重点是立足于视频能力层,同时因其简洁的页面的形式,也可以独立作为产品使用,这就更加方便了应用层的使用. 案例描述 该业务

背景需求 在互联网飞速发展的时代,开发者常会说的一个词就是"跨平台".自从移动端的用户需求越来越大,H5逐渐发展,跨平台似乎已经成为了软件开发不可或缺的技术.EasyNVR互联网直播系统无论是PC浏览器还是手机APP.手机浏览器.微信客户端,都可以无缝接入,摒弃浏览器插件这种受限的用户接入方式,轻量.友好地进行全部直播.录像.检索.回放等功能的对接,一套系统,全终端兼容! 在展示界面上,EasyNVR已简洁.轻便.清新的风格深受广大用户的喜欢,同时针对用户在使用过程中的需求,支持多通道

前一段在维护EasyNVR客户的过程中遇到一个问题,在接入宇视NVR的时候,就是明明在vlc中能非常正常播放的视频流,却用EasyRTSPClient RTSP客户端拉流的协议交互过程中,PLAY命令之后,宇视的NVR却返回了500 Server Internal Error: 这个时候,不得不说我们的客户神通广大,还有宇视的技术支持给力,及时找出了问题,就是在流媒体交互的过程中,如果是实时流的话,PLAY命令中是不带Scale字段的,为啥在大部分的IPC和NVR都好好的,结果宇视的就这么矫情呢

EasyNVR简介 EasyNVR能够通过简单的摄像机通道配置.存储配置.云平台对接配置.CDN配置等,将统监控行业里面的高清网络摄像机IP Camera.NVR.移动拍摄设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据采集到设备端,进行全平台终端直播.录像存储.录像检索和录像回放.并且EasyNVR能够将视频源的直播数据对接到第三方视频平台.CDN网络,实现互联网直播分发. 功能使用介绍 对于有音频需求的可以通过勾选"保留参数1"来进行设置:默认没有音频,有需要,

背景分析 EasyNVR整套方案的架构中,涉及到前端设备(摄像机IPC.硬盘录像机NVR.编码器等).流媒体服务端(EasyNVR).客户端终端设备(PC.浏览器.Android.iOS.微信). 在保证EasyNVR和前端设备之间网络相通的基础条件下,EasyNVR通过获取数字网络摄像机视频流完成音视频的采集,然后由EasyNVR内部实现流媒体协议转换.转码和流媒体分发工作,最终可以分发出RTMP.HTTP-FLV和HLS流,EasyNVR自身也可以对实时视频流进行存储和管理,同时EasyNV

背景分析 随着互联网基础设施建设的不断完善和发展,带宽的不断提速,尤其是光纤入户,4G/5G/NB-IoT各种网络技术的大规模商用,视频随时随地可看.可控的诉求越来越多,尤其是移动应用技术和前端技术的普及和发展,PC.手机.微信各种终端的支持需求在各行各业越来越受到青睐和重视,强制性地要求用户只能使用IE系列浏览器.强制用户只能到设备内网才能看到监控的限制,已经越来越不符合商业规律,而在传统监控行业里面,互联网思维.架构和技术完全可以成功引入,尤其是在移动互联网.物联网方面的技术,完全能够满足新

在上一篇博客中我们表述完了防止提交成功后多余操作提交的一个过程:其中的精髓在于ajax的触发事件的使用. 而这篇博客主要想说明一下如何实时的判断出表单是否发生变化. 问题表述: 在网页前端的开发过程中时常遇到这样的需求,监听表单的状态. 对于表单的状态为非就是,表单内容发生变化.表单内容没有发生变化. 作为开发者的我们要做的就是: 当表单发生变化后实时的进行相应的操作: 表单没有变化(在这里我个人将,在没有提交前表单内容变动了,但是表单内容最终还是和初始一样回到最初的内容都视为表单没有变动)在进

前言介绍 随着互联网的发展,尤其是移动互联网基于H5.微信的应用越来越多,企业也更多地想基于H5.微信公众号来快速开发和运营自己的产品,而传统的安防IPC所输出的各种RTSP.GB28181.SDK视频流,无法直接在web或者微信上进行无插件化的播放,此时就提出了一种安防设备互联网化的需求,基本要求是:无插件.纯web.全平台PC/Android/iOS.支持微信.支持分享! EasyNVR互联网直播方案 EasyNVR互联网直播系统完全解决了上述问题,实现了一个完整的.小而美的传统安防向互联网

前言 随着互联网的发展,尤其是移动互联网,基于H5.微信的应用越来越多,企业也更多地想基于H5.微信公众号来快速开发和运营自己的产品,那么传统的安防IPC所输出的各种RTSP.GB28181.SDK视频流,都无法直接在web或者微信上进行无插件化的播放,那么,就产生了一种安防设备互联网化的需求,基本要求是:无插件.纯web.全平台PC/Android/iOS.支持微信.支持分享! EasyNVR互联网直播方案 EasyNVR就完全解决了上述各种问题,实现了一个完整的.小而美的传统安防向互联网迈进

我们在实现一套EasyNVR无插件直播方案时,选择了采用厂家无关化的通用协议RTSP/Onvif接入摄像机IPC/NVR设备,总所周知,Onvif是摄像机的发现与控制管理协议,Onvif用到的流媒体协议也是RTSP,那么,我们在摄像机/NVR流媒体接入上,就是直接采用统一的RTSP协议接入: 然而,在RTSP协议上,由于各个厂家都有不同的处理方法,比如 海康.大华.雄迈.宇视.天地伟业等厂家的RTSP地址规则就不一样,在有Onvif协议支持的设备还好一些,可以通过Onvif将摄像机的RTSP地址

前情提要 前阵子写了一篇无插件纯Web 3D机房,介绍了如何用html5在网页上创建无插件的精美3d机房场景.这两个月以来,陆续收到很多朋友的鼓(膝)励(盖),受宠若惊之余,对索要源代码的朋友都已经尽力邮件回复.由于精力所限,未能收到的朋友请留言或给我发送邮件:tw-service@servasoft.com.最近项目第二期又要紧锣密鼓地开始了,所以想抓紧把一些新增的内容补充上,进一步完善这个html5 3d机房的呈现效果. 上一篇中主要介绍的是如何从最基础的webgl封装到创建3d物体对象,再