001.通过自定义EasyNVR的Logo、标题、版权等相关信息构建属于自己的摄像机网页视频直播服务
今天着重说明通过自定义EasyNVR、EasyNVS的LOGO、标题、版权等相关信息构建专属于自己的视频云监控平台。
据统计,每年有超1000家的企业购买和使用EasyNVR,EasyNVR已被越来越多的企业用户所接受和使用,并作为其主要的流媒体接入服务。从某种程度上说,EasyNVR解决了广大企业用户在传统IPC摄像机互联网化接入难的问题,由于EasyNVR(以及其配套的免费EasyNVS系统)拥有相对简洁、大方的页面样式,所以部分企业用户希望直接使用EasyNVR官方配套的前端Web网页,并将其引用到自身的实际项目中,这里我们将具体就如何自定义修改EasyNVR(机器配套的免费EasyNVS系统)进行全方位的讲解。
问题分析
由于EasyNVR和EasyNVS的前端页面是基于VUE+webpack进行压缩,因此对外所提供的前端页面是压缩完成后,直接使用的压缩版本,这样的有利于减小项目体积,更加有利于浏览器的可读性。
但是这种区别于传统html+js的源码编写方式,让用户自主读改源码难度就更大了,下面我们将具体介绍如何去自主修改前端源码!!
解决问题-自我修改源码(以EasyNVR为例)
- 软件包根目录的www文件夹就是用于放置前端页面,
- 我们启动EasyNVR服务,在页面直接访问可以看到web页面的所有样式!!
我们可以看到,页面标注的地方都是具有EasyNVR自身的产品样式的特征的前端,那么我们在不改变整体架构的同时如何修改页面中对应的logo字样的标志呢?
-
找个合适的编辑器,打开EasyNVR软件包根目录的经过压缩过会的前端代码!(这边使用的是VSCode)
-
找出对应的字样进行文字的替换更改!如"www.easynvr.com"
找到后将其全部全局替换为自身所需要的信息即可。 -
替换完成,刷新页面,发现页面的信息样式就会发生变化
-
介绍总结一下EasyNVR所出现的压缩文件位置!
- index.****.js文件中出现的EasyNVR的完整字样!
- 该文件中只需要改这一处就可以,该处是修改页面左上角的EasyNVR字样
保存文件,查看效果:
- 登录界面样式的修改:
- 将对应位置的文字修改为自身需要的样式
保存完成,刷新页面看到效果!!!
- 配置页面相关选项名称修
找出config.***.js文件中EasyNVR完整字样替换为自身所需字样,修改并保存
- 此时完成页面所有样式的更改
- 完成更改,提交项目使用!!!
注意: 在使用过程中遇到任何问题都可以第一时间通过EasyNVR官网(http://www.easynvr.com)咨询电话进行咨询沟通!!
EasyNVR方案架构
- 服务器在本地,与IPCamera/NVR/编码器同在一个局域网,拥有一个内网IP地址又具有外网访问地址
- 多个IPCamera/NVR/编码器仅有内网IP地址(无外网IP),EasyNVR通过内网拉取IPCamera/NVR/编码器的流数据
- 服务器在公网(比如云主机、公网服务器),与设备不在同在一个局域网内
- IPCamera/NVR/编码器单独或者共有固定的公网IP地址,EasyNVR服务器可以直接访问到设备
- EasyNVS服务器部署在公网(比如云主机、公网服务器)
- 有多个内网现场的直播设备需要进行公网直播
- EasyNVR对接EasyNVS可以利用网络实现按需直播,同时屏蔽各种网络环境问题,适用于有线、WIFI、4G、专网
- 支持云端运维,公网具体运维每个现场EasyNVR设备
- EasyNVS管理平台能获取到EasyNVR的所有能力,并进行互联网化输出,同时进行统一化的管理和接口输出。
EasyNVR应用场景
EasyNVR可以说已经成为国内视频互联网化基础建设的排头兵,几乎各个民生行业都已经有了EasyNVR视频能力输出的身影,EasyNVR多年服务于各行各业视频基础建设,EasyNVR的可靠性、完整性、稳定性已经受到了业界的广泛认可!
EasyNVR安防摄像机网页流媒体服务
EasyNVR是一款拥有完整、自主、可控知识产权,同时又能够具备软硬一体功能的安防互联网化流媒体服务器,能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP、Onvif协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发。详情可访问EasyNVR官网:http://www.easynvr.com