PDF《一种 Web 视频监控播放插件①》

2016 年第25 卷第9期282 研究开发 Research and Development 容主流的浏览器, 同时, 兼容不同厂商的视频设备. 此外, 为减小视频的时间延迟, 该插件直接与前端视 频设备进行通信.

1 浏览器插件介绍 当前, 人们经常使用的浏览器有 Internet Explorer (Trident 内核, 也称其为 IE 内核)、Google Chrome (WebKit 内核)、Mozilla Firefox(Gecko 内核)、Apple Safari (WebKit 内核)、Opera(Presto 内核)、360 浏览器 (Trident 内核、 WebKit 内核)、 搜狗浏览器(Trident 内核、 WebKit 内核)等等, 各主流浏览器的内核引擎为 IE、 Gecko、WebKit、Presto 中一种或两种, 其中, IE 内核 支持的插件通过开发 ActiveX 插件实现, 非IE 内核支 持的插件通过开发 NPAPI 插件实现. ActiveX 是微软提出了一项 COM 组件技术, 它的 最大特点在于可以被基于 windows 平台开发的大多数 应用程序所嵌入, 应用程序作为组件的容器. ActiveX 控件是 ActiveX 技术的一部分, 它以二进制文件(ocx 格式)的形式存在, ocx 是动态链接库文件格式中的一 种, 二进制文件形式这一特点, 使得ActiveX 控件具有 与编程语言无关的特性, Internet Explorer(简称 IE)是微 软公司 windows 操作系统自带的浏览器, 因此, ActiveX 控件可以以插件的形式嵌入到 IE 中, 应用于 web 应用程序, 强大 web 应用程序的功能. NPAPI 是Netscape Plugin Application Programming Interface(网景插件应用程序编程接口)的缩写, Gecko 内核、WebKit 内核、Presto 内核均符合 NPAPI 接口开 发标准, 所以, 利用 NPAPI 标准开发的插件可以嵌入 在Mozilla、Firefox、Google Chrome、Apple Safari、 Opera 等浏览器页面中使用.

2 总体框架设计 Web 视频监控系统主要包括 Web 服务器、浏览器 客户端、前端设备和视频监控播放插件. 前端设备负 责视频信号数据的采集、压缩编码并将数据打包发送 到网络上;

Web 服务器负责应用程序或网站的部署和 发布;

浏览器客户端通过网络地址向 Web 服务器请求 访问监控页面, 监控页面主要包括html 页面元素、 CSS 样式和 JavaScript(简称 JS)交互程序;

浏览器客户端向 Web 服务器请求下载视频监控播放插件, 插件需在本 机上注册后才能加载在监控页面中, 插件通过网络配 置直接与前端视频监控设备连接并通信, 浏览器客户 端通过与插件的 JS 通信实现视频的播放与控制. 考虑到视频信号采集过程、Web 浏览机理以及插 件通信机制, 设计了视频监控播放插件总体框架, 虚 线框部分为插件的主体部分, 如图 1. 图1视频监控播放插件总体框架 插件包括四个部分: 本地文件系统操作模块、视频API 集成模块、NPAPI 插件接口和 ActiveX 插件接 口. 其中, 本地文件操作模块负责加载与设置本地配 置文件、视频截图与录像存储以及本地文件的读取. 视频 API 集成模块是连接视频监控播放插件与前端视 频设备的桥梁, 也是视频监控播放插件最重要的组成 部分. 通常情况下, 视频设备厂商都提供软件二次开 发包 SDK, 开发接口文件大多形式为动态链接库文件 (.dll格式文件), 而采用面向对象语言 C++调用 dll文件 是最便利、最直接的方式, 因此, 为了保持统

一、提高 开发效率, 插件的整个开发过程选用 C++语言. NPAPI 插件接口和 ActiveX 插件接口是连接浏览器客户端和 视频 API 集成模块的桥梁, 接口函数直接决定了用户 能够使用的视频功能. 插件在建立了与浏览器基础通 信后, 开发与浏览器的 JS 通信功能, 实现浏览器与前 端视频设备的间接通信. 由于 NPAPI 插件和 ActiveX 插件实现机制的不同, 这两部分的开发工作分开进行, 但两部分均基于同一套视频设备厂商提供的 SDK 开 发相同的功能, 充分保证一致的用户体验.