早在VVeb2.0时代开启之初,互联网就已经从信息查看平台转变成可以让用户产生内容的平台,近年来,HTML5技术的兴起,则又一次为互联网的发展带来了质的飞跃,让人们直接通过浏览器就能够使用功能丰富的Web应用,这不仅使得用户体验更加优化,还降低了开发成本。另一方面,在计算机网络迅速发展的背景下,基于互联网的实时通信也成为了人们进行沟通交流最为流行的方式。随着4G等通信技术的到来,如何改善人们利用网络进行沟通交流的用户体验,也从如何加快网络传输速度转变成了如何提供更多内容丰富的新型应用。因此,本文在以研究HTML5新技术为主的前提下,设计并实现了一个典型应用,对HTML5新技术的可行性进行了验证。本文首先在分析了传统应用存在的不足的基础上,提出了Web应用具有的优势,介绍了HTML5和实时通信的发展现状。研究了HTML5的关键技术及其为Web应用的发展所带来的积极作用,分析了它们相比于传统技术存在的优势以及在实时通信应用中的应用场景,并给出了目前各大浏览器厂商对它们的支持程度。然后,本文基于HTML5的关键技术,设计了一个具有家庭监控和家庭互动两大功能模块的典型实时通信应用系统——“家庭关怀”,进行了功能需求分析,给出了各个功能模块的设计方案,并对系统的总体架构及各个组成部分进行了设计。最后,本文利用HTML5的新技术及WebRTC技术实现了“家庭关怀”应用,完成了家庭监控模块中的视频监控及视频录制功能,家庭互动模块中的视频通话、文字聊天、视频截图、涂鸦保存、位置分享等功能,并给出了实现效果,还介绍了如何在开发过程检测浏览器是否支持HTML5,分析了HTML5应用将来发展的潜力。