Design And Implementation Of Web Front-End Subsystem Of Webrtc System

With the rapid development of Internet technology and the enhancement of browsers, a variety of audio/video communication applications are emerging. The traditional audio/video communication application needs to install plug-ins or be made a client to provide real-time audio/video communication capability, because the Internet audio/video communication technologies are generally proprietary. WebRTC (Web Real-Time Communication) is open source software architecture. It integrates media capture, media codecs, media signal processing, rate control, transmission control, error control and other functions inside the browsers directly, which lay a foundation for real-time audio/video communication. Besides, HTML5adds new labels (audio/video/canvas) to support direct playback of multimedia in web page and images drawing. Based on the above technologies, Web application developers can create an audio/radio multimedia system in the browser directly. Audio/video communication services will have a huge market demand.This paper aims to take advantage of the consistency of Web applications to shield the diversity of communication terminals and develop a Web application which can run on any browser integrating WebRTC technology. So users can login the system to enjoy the real-time communication service, which improves the user experience as well as reduces software development, operation and maintenance costs. Firstly, this paper describes the architecture and characteristics of WebRTC and studies key technologies of RTCWeb. Then we analyze the functional requirements and non-functional requirements of the system. Based on WebRTC JavaScript API and RTCWeb key technologies as well as mainstream Web development tools, we designed and implemented a WEB front-end subsystem of WebRTC system. Our system uses the HTML5WebSocket protocol to define a full-duplex communication channel and complete the channel establishment and message sending/receiving by calling the WebSocket API, XMPP protocol to implement instant messaging functions and ROAP protocol to complete multimedia interactive functions. Using mainstream Java Web development technologies (Java/JSP/JavaScript/Struts2/JPA) to achieve WEB UI and business logic design, implementing real-time audio/radio communication through the Web HTML5labels and WebRTC JavaScript API. The system achieves friend lists and address book, instant messaging and state presence as well as real-time audio/video session between the browsers which integrated WebRTC. Finally, through a series of rigorous testing, the test results are in line with expectations.