Web Socket在远程视频监控中的应用探析.docVIP

Web Socket在远程视频监控中的应用探析 　　摘要：该文针对远程视频监控系统的需要，依托HTML5 Web Socket技术，研究构建适用于Web、苹果、安卓等不同平台应用的技术框架，从分析Web Socket本身入手，测试服务器端和浏览器端的互联互通，最后利用JMF实现对摄像头的控制、摄像，并将数据流传递给服务器端的Web Socket。 　　关键词：HTML5；视频监控；Web Socket 　　中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2017）06-0051-02 　　在HTML5之前，Web项目多采用浏览器向服务器发送请求，服务器响应的同步传送技术，要适时更新数据时就一直刷新请求。随后出现的Ajax异步通信是由浏览器发起请求，服务器端接受，属于单向信息传送，针对监控、即时通信、即时报价等要求服务器和浏览器能随时相互传送信息的应用，就难以满足了。 　　Web Socket是一种在服务器和浏览器之间实现高效双向通信的机制，Web Socket提供了强大的通信能力和简洁的数据传输平台，实现在一个HTTP连接上自由、适时地双向收发数据，将广泛地应用到Web项目中。 　　1 常用的服务器推送技术 　　1.1 基于浏览器套接口的服务器推送技术 　　这一技术是在浏览器端安装诸如Flash XML Socket套接口、Java Applet套接口等插件，通过套接口进行数据传输，其中Java Applet已经被淘汰，Flash XML Socket套接口在游戏和聊天室中应用较广，要求安装Flash插件，并设置端口，而防火墙、代理服务器等可能对非HTTP通道端口进行限制，导致应用不能正确运行。 　　1.2 基于HTTP连接的服务器推送技术 　　通过Ajax技术，浏览器在JavaScript中调用XMLHttpRequest对象发出HTTP请求，服务器响应返回XML数据，浏览器接收数据并对页面进行更新，有轮询、长轮询和流方式三种方案，流程均为HTTP请求、建立连接和响应报头模式，数据会包含众多无用的请求和报头信息，造成信息传输的延迟。 　　1.3 HTML5 Web Socket技术 　　Html5 Web Socket是基于服务器端和浏览器端间全双工的异步信息技术，使用ws或wss协议，通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接，再在此连接上进行双向通信。 　　2 Web Socket的常用技术 　　2.1 Web Socket的优势 　　①HTTP协议是无状态的，不能持续的保持连接状态。而Web Socket通过HTTP协议初次握手后升级到Web Socket协议，保持连接并进行实时数据通信。 　　②连接建立成功后，服务器可主动向浏览器端推送数据，避免了传统Web传输中由客户端发送请求才能返回数据的现象，拓展了服务器的功能。 　　③Web Socket首次建立连接时发送的Header和普通Web类似，但连接建立后，相互间传送数据的Header简洁，仅约2B，减少了冗余数据传输。 　　2.2 Web Socket的工作流程 　　使用Web Socket时，浏览器首先通过HTTP方式和服务器建立连接，服务器确认连接对象的源和协议，并发送连接许可响应，在浏览器收到后，一个Web Socket全双工的通信链路就建立起来了。 　　在Tomcat服务器上实现Web Socket时，Tomcat8真正支持JSR-356，流程上与Tomcat7.x有较大差异，本文是基于Tomcat8进行研究。 　　2.3 Web Socket的接口及构造函数 　　1）Web Socket接口声明了一个只读的Web Socket服务器网络地址URL，用ws：//或wss：//开头，应用于通信数据不加密或加密。定义了CONNECTING、OPEN、CLOSED三??常量，值依次为0、1、2，以及onopen、onerror、onmessage、onclose四个事件。 　　2）构造函数WebSocket（url， protocols），参数url指定了要连接的服务器地址。参数protocols为可选，指定连接子协议，可以为字符串或字符串数组。连接过程的状态保存在属性readyState中：CONNECTING、OPEN、CLOSING和CLOSED，表示连接过程中的连接中、已连接、关闭中和已关闭等四种状态。 　　3）Tomcat8.x提供了JavaEE7标准，Java Web Socket API定义了与Web Socket相关的类或接口，这些API的操作均采用异步回调方式触发，UI不会阻塞，响应快。 　　Endpoint和EndpointConfig定义端点