第23卷第1期2012年2月中原工学院学报JOURNALOFZHONGYUANUNIVERSITYOFTECHNOLOGYVol.
23No.
1Feb.
,2012收稿日期:2012-01-20基金项目:河南省教育信息化及网络软件应用研究与开发项目(豫教科外【2002】146号)作者简介:岳峰(1975-),男,河南林州人,实验师,硕士.
文章编号:1671-6906(2012)01-0033-03基于VNC和HTML5技术的远程教学直播系统设计岳峰(中原工学院,郑州450007)摘要:采用VNC和HTML5技术,构建了远程教学直播系统.
该系统可实现教师计算机屏幕内容的直播,用户可以使用支持HTML5标准的浏览器访问该系统网站而无需安装任何插件.
关键词:VNC;HTML5;远程教学直播系统中图分类号:TP393文献标志码:ADOI:10.
3969/j.
issn.
1671-6906.
2012.
01.
008目前的远程教学直播系统主要采用的是实时传输视频数据的模式.
该模式不仅对网络带宽占用较大,且学生在访问直播系统时,往往需要安装相应的程序或插件,较为繁琐.
当用户使用不允许安装相应程序或插件的终端浏览器时,直播的图像往往无法正常显示出来.
这种情况在以iPad为代表的非Windows系统平板电脑和以Android系统为代表的智能手机终端上尤为突出.
本文采用VNC和HTML5技术构建了一个远程教学直播系统,用户可以使用支持HTML5标准的浏览器进行访问而无需安装任何插件,拓宽了用户使用终端类型的范围,降低了操作的技术难度,保证了教学直播的效果.
1VNC和HTML5技术1.
1VNC技术VNC(VirtualNetworkComputing)是一种开源的、跨操作系统平台的屏幕图像分享及远程操作软件[1],其派生版本有RealVNC、TightVNC和UltraVNC等.
VNC系统由客户端、服务端和VNC协议组成.
VNC服务端能够分享其所运行计算机的屏幕图像;VNC客户端可以察看服务端的屏幕图像并与服务端交互;VNC协议负责在服务端和客户端之间传输图像数据和控制信息.
1.
2HTML5技术HTML5作为下一代互联网技术的新标准,目前仍处于完善之中,但主流的浏览器,包括微软的Inter-netExplorer、Google的Chrome、苹果的Safari等,都已经开始了对于HTML5技术的支持[2].
广义的HTML5指的是包括HTML、CSS和JavaScript在内的一套技术组合,它减少了浏览器对于插件的依赖,添加了新的语法特征如、和元素,集成了SVG内容,使程序员在网页中处理多媒体内容时更加容易.
2远程教学直播系统的实现通常在使用VNC技术时,需要在用户端安装VNC客户端程序或插件;用户端通过VNC协议直接连接到安装有VNC服务端的计算机.
这样做不仅使双方的操作都比较繁琐,还暴露了VNC服务端的计算机IP地址,可能造成潜在的安全隐患.
本远程教学直播系统在设计上避免了这种直接连接的方式.
2.
1系统架构本远程教学直播系统使用ApacheTomcat作为Web服务器和Java应用服务器,使用MySQL数据库存中原工学院学报2012年第23卷储用户数据等资料信息,使用J2EE技术开发了Web应用程序和组件,实现了VNC-to-XML的转换,使用户不用安装任何插件,就可以直接使用浏览器访问安装有VNC服务端的教师机[3-4].
图1所示为系统架构.
图1系统架构图2.
2系统实现在本系统中,使用Guacamole组件作为VNC客户端,部署在Web服务器上.
Guacamole是使用Java语言开发的基于HTML5的Web应用组件,可实现热部署.
教师机需安装VNC服务端,并在Web服务器上发布直播信息,包含直播时间、内容、教师机IP地址等.
Web服务器以Guacamole组件样本为模板,创建一个新的实例,按照教师机提交的直播信息自动建立定时任务,在指定时间将配置好的实例部署到Java应用服务器之中.
其中部分关键代码如下://初始化配置文件FilexmlFile=newFile(guacamoleStr+"\\gua-camole.
xml");//获取组件程序包FilewarFile=newFile(guacamoleStr+"\\gua-camole.
war");StringwarDir=tomcatStr+"\\webapps\\"+ec.
getId()+".
war";StringxmlDir=tomcatStr+"\\conf\\Catalina\\localhost\\"+ec.
getId()+".
xml";//将组件程序包及配置文件部署到Java应用服务器的指定目录FileUtils.
copyFile(warFile,newFile(warDir));FileUtils.
copyFile(xmlFile,newFile(xmlDir));热部署操作完成后,该直播实例自动开始运行,用户在浏览器中点击该实例的链接即可进入直播界面.
由于用户终端连接的是Web服务器的IP地址,从而隐藏了教师机的IP地址,既增强了教师机的安全性,又方便了用户端操作.
本系统直播界面的页面设计中使用到了元素来显示实时直播的图像信息.
极光KVM创立于2018年,主要经营美国洛杉矶CN2机房、CeRaNetworks机房、中国香港CeraNetworks机房、香港CMI机房等产品。其中,洛杉矶提供CN2 GIA、CN2 GT以及常规BGP直连线路接入。从名字也可以看到,VPS产品全部是基于KVM架构的。极光KVM也有明确的更换IP政策,下单时选择“IP保险计划”多支付10块钱,可以在服务周期内免费更换一次IP,当然也可以不选择,...
HostKvm是一家成立于2013年的国外VPS服务商,产品基于KVM架构,数据中心包括日本、新加坡、韩国、美国、俄罗斯、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。本月,商家旗下俄罗斯、新加坡、美国、香港等节点带宽进行了大幅度升级,俄罗斯机房国内电信/联通直连,CN2线路,150Mbps(原来30Mbps)带宽起,目前俄罗斯和香港高防节点5折骨折码继续优惠中...
v5net当前对香港和美国机房的走优质BGP+CN2网络的云服务器进行7折终身优惠促销,每个客户进线使用优惠码一次,额外有不限使用次数的终身9折优惠一枚!V5.NET Server提供的都是高端网络线路的机器,特别优化接驳全世界骨干网络,适合远程办公、跨境贸易、网站建设等用途。 官方网站:https://v5.net/cloud.html 7折优惠码:new,仅限新客户,每人仅限使用一次 9...