White Paper: HTML5 Streaming (Plug-in Free Web Viewer) hanwhasecurity.com

Transcription

1 White Paper: HTML5 Streaming (Plug-in Free Web Viewer) hanwhasecurity.com

2 Overview and Background Overview Existing web viewers require a plug-in (ActiveX, Silverlight, or NPAPI) to be installed to use the video streaming functions as well as perform configuration. It is a common method in the CCTV industry to use these services. Note, however, that Chrome - the most popular browser in the world (48.65% as of June 2016) -- stopped support for plug-in installation (September 2015), and other browsers are likely to follow suit. This decision includes helping to secure browsers from security vulnerabilities discovered in various plugins, as well as from malicious plugins. HTML5 is the latest web-based standard that supports the use of media elements including video and audio through a standard API. Removing the requirement of a plug-in and using HTML5 has been a long-awaited feature and is quickly becoming the standard. Considering such changes in the web environment, Hanwha Techwin has developed an HTML5 streaming-based web viewer to deliver the best video service without requiring any plug-in. Background HTML5 streaming standard Rendering standardization in HTML5 is provided through standard API calls such as video, canvas, and audio, but the standardization of video streaming is not completed. Because web services are generally based on stateless communication, a new adaptive streaming method is adopted. This method conducts streaming based on small chunks, lasting a few seconds, in a server, and the player will request video chunks through the manifest file that contains a piece of information to connect them as a continuous stream. Currently, this method is being standardized by ISO as MPEG_DASH (Dynamic Adaptive Streaming over HTTP) technology. Description of technology RTSP/RTP over WebSocket Note, however, that the DASH HTTP adaptive structure does not meet the specification of our product to provide uninterrupted video (Live Latency). Therefore, we developed a method of maintaining statefull status using WebSocket (core component of HTML5 standard) and delivering the existing RTSP protocol of Hanwha Techwin. As a result, we secured a unique technology that maintains more stable streaming than HTTP and which can be applied regardless of streaming type. It secured speed and stability by processing all of the data control interfaces through SUNAPI, the standard API provided by Hanwha Techwin products. This provides an interface for the WebSocket standard of HTML5 even though the streaming follows the RTSP/RTP standard. MSE and JavaScript decoder Hanwha Techwin's HTML5 streaming service is realized as a co-operative structure by optimizing the standard API and developing functions for higher additional specifications that must be provided by our products based on JavaScript. Although the MSE (Media Source Extension; HTML5 standard multimedia technology) structure that displays video through the browser's rendering engine provides better performance in high-resolution processing, it increases latency because data must be processed as a form that can be interpreted by the browser. In addition, MSE only supports the H.264 video codec. Therefore, Hanwha Techwin's web viewer is designed to guarantee minimum latency while supporting both H.265/H.264 codecs through its own JavaScript decoder, except when H.264 video must be provided via MSE. Thus, the web viewer provides both MSE and JavaScript decoder to be used where needed. In addition, audio is supported by the AAC codec for supported by browsers and the JavaScript decoder for G.711 and G.726 to meet the specification of our products. 2

3 Hanwha Techwin technology Hanwha Techwin technology JavaScript Media Stream Player Our JavaScript Media Stream Player introduced above, is seen in Figure 1. User I/F Control Video Audio Talk Backup Comm. Module Viewer Module User RTSPI/F Client Worker Manager Main Thread Worker Thread Viewer I/F Thread I/F User I/F Control Video Audio Talk Backup Server I/F <Remarks> Figure 1. Structure of JavaScript Media Stream Player The user interface is displayed via HTML5 Standard UI Component, and the Rendering and Worker Processes are separated using the Web Worker API of HTML5 to minimize deterioration of performance by interference of each function. The Talk module (Audio Input) is realized using the getusermedia API, while the Backup module functions using the FileWrite (Local Disk Saving) API. Thus all functions that previously required a plug-in can be realized without plug-in by fully utilizing the HTML5 standard API. In addition, to meet the specification and stability of our products beyond HTML5, each module is provided with JavaScriptbased web optimization. Additional Information HTML5 streaming performance & supported browsers Wisenet X-series camera (released after December 2016) Live MJPEG: UP to full HD 10 fps H.264: Up to full HD 30 fps H.265: Up to full HD 10 fps 2Mbps H.264 Full HD 30fps, Max. resolution (5M) Playback MJPEG: All resolution of camera H.265: Up to HD H.264: Max. resolution of camera Browser IE Edge Chrome Firefox Safari Plug-in O X X X O HTML5 Streaming MJPEG Only (Live) O O O O 3

4 Conclusion Wisenet P and Q series cameras (released from May 2016 to November 2016) Live MJPEG: Full HD 4 fps H.264: Up to full HD 15 fps H.265: Up to full HD 10 fps Non plug-in profile auto generation Latency less than 0.55ms Playback MJPEG: All resolution of camera H.265: Up to HD H.264: Max. resolution of camera Conclusion Hanwha Techwin's video monitoring products have implemented video monitoring functions via the HTML5 standards API, in keeping pace with the changing nature of web-based technologies. Customers can use Hanwha Techwin's web viewer anytime, anywhere using any device, so there is no limit to using our products. HTML5 also helps to ensure a secure computing environment by eliminating the need for plugins to be installed. 4

5 Hanwha Techwin America 500 Frank W. Burr Blvd. Suite 43 Teaneck, NJ Toll Free : Hanwha Techwin Co., Ltd. All rights reserved. Under no circumstances, this document shall be reproduced, distributed or changed, partially or wholly, without formal authorization of Hanwha Techwin Co.,Ltd. 5