李香菊 谢修娟 郑英

摘 要： 基于目前网络教学缺乏良好互动模式的情况，提出建立实时视频教学系统，为师生搭建面对面的沟通平台。对目前实现实时视频的WebRTC，HTML5，WebSocket和Node.js等关键技术进行了深入研究，构建基于WebRTC技术的B/S模式的实时视频教学系统，实时视频交互模块的通信选择全双工通信的WebSocket协议。系统可运行在任何支持HTML5的浏览器上，实现跨平台视频交互教学，充分提高学生的学习积极性。

关键词： WebRTC； 实时视频教学； WebSocket； HTML5； Node.js

中图分类号： TN915?34； TP319 文献标识码： A 文章编号： 1004?373X（2016）06?0114?03

Design and implementation of real?time video teaching system based on WebRTC

LI Xiangju， XIE Xiujuan， ZHENG Ying

（Department of Computer Engineering， Southeast University Chengxian College， Nanjing 210088， China）

Abstract： Since the network teaching lacks of good interactive mode， the establishment of real?time video teaching system is proposed to build the face to face communication platform for teachers and students. The key technologies of WebRTC， HTML5， WebSocket and Node.js to realize the real?time video are deeply studied. The real?time video teaching system based on B/S mode of WebRTC technology was constructed. The WebSocket protocol of full?duplex communication is selected for communication of the real?time video interactive module. The system can run on any browsers supporting HTML5， realize the video interactive teaching with cross?platform capacity， and improve the students learning initiative greatly.

Keywords： WebRTC； real?time video teaching； WebSocket； HTML5； Node.js

近年来，随着计算机和网络技术的发展，网络教育逐渐推广，其目的是通过网络，解决教学资源共享问题，实现跨空间和时间的教学，促进教育的发展。但是目前大多数的网络教育平台，只是将课程的课件、教学视频、作业等资料发布到网站上，相比课堂上面对面教学，缺少师生之间的实时互动，不能充分调动学生的积极性和主动性，学习效率大打折扣。在教学过程中，展开高效的师生互动，通过语言和表情交流是最好的一种方式，使学生在讨论交流中互相学习，有助于培养学生的创新精神和协作意识。目前，典型的教学系统Blackboard平台，具有多种交互功能，如虚拟实验室，实时聊天等，但是必须要通过安装第三方的插件才能实现，用户使用不方便。

本文提出了实时视频教学系统的设计与实现，系统包括课程管理、作业上传与批改、视频交互讨论、班级管理、用户管理等基本功能，其中视频交互讨论模块采用WebRTC技术，实现在网页中通过视频进行多人实时交互的功能，可以充分调动学生的学习积极性。……