在信息化高度发达的今天,人类对于信息时效性的要求越来越高。Web通信作为获取信息的重要方式,使用HTTP协议的Web应用程序已经难以满足日益复杂的需求。Web通信架构模式主要分为C/S(Client/Server)架构模式和B/S(Brower/Server)架构模式,由于C/S架构模式下的通信系统存在可维护性差、开发成本高和操作系统的兼容性等问题,B/S架构下Web网页通信优势将大大体现出来。实时网页通信为了满足实时音视频效果,需要在客户端浏览器中安装类似Adobe Flash等插件来满足实时性,插件需要用户使用者安装和更新,并且需要开发人员维护,同时随着操作系统的不同需要开发多个版本。为了避免以上缺点,开发同时具有实时性和多媒体化的实时网页通信将是未来通信系统研究的重点。WebSocket协议使Web通信具有全双工通道,使得服务器不仅有拉取的能力,也具有推送的能力,可以在通信工作方式上满足实时通信的需求。WebRTC技术可以让客户端无需安装插件,通过音视频媒体流在网页浏览器中点对点传输数据,完成多媒体通信效果,这样避免了使用插件的缺点也能满足实时的效果。本文首先对Web实时网页通信技术进行介绍,经过利弊分析得出以WebSocket协议的实时网页通信的优势。然后深入研究WebSocket协议的连接过程和传输数据机制,同时对WebRTC技术框架和JavaScript API进行详细地介绍以及如何完成点对点媒体流实时传输。最后,通过这两种HTML5新特性的详细研究实现一种以WebSocket协议和WebRTC技术相结合的实时网页通信系统,对此系统进行了系统架构设计和需求分析,同时对两者结合的可行性进行了分析。服务器端编程语言本文使用Node.js,并使用MySQL数据库完成登录、注册功能,在此基础上使用WebSocket协议机制和WebRTC技术建立实时网页通信系统。此系统可以实时传输文本、表情、图片数据,还能满足实时音视频通信的效果。为了论证网页通信系统的可行性,本文对该系统的各个模块进行功能性测试和性能测试,通过数据的分析和比对,验证了系统在实时性和多媒体化的效果。