用JSP和流媒体技术设计与实现教学VOD网站

第23卷　第3期

2006年9月

河　北　省

　科　学　院　学　报

Journal of the Hebei Acade my of Sciences Vol.23No.3 Sep.2006

文章编号:1001-9383(2006)03-0054203

用JSP和流媒体技术设计与实现教学V OD网站

杨江文

(河北交通职业技术学院,河北石家庄050051)

摘要:介绍了JSP技术和流媒体技术,阐述了基于相关技术的教学VOD网站的实现方法,包括JSP发布平台的建立及使用、教学VOD网页的设计、流媒体教学课件的制作以及课件的点播。

关键词:JSP;流媒体;VOD;W eb;S M I L;X ML;网络教学

中图分类号:　TP311文献标识码:A

D esi gn&i m plem en t teach i n g VOD web site by usi n g JSP

and Stream i n g M ed i a

Y AN G J iang2w en

(Hebei Traffic and P rofession Technology College,Shijiazhuang Hebei050051,China)

Abstract:A technol ogy of JSP and strea m ing media were intr oduced and the i m p le mentati on methodol ogy of teaching VOD web site according t o correlati on was expatiated in this article,which included t ow t o set up and use of JSP,the design of teaching VOD web page,the exectuti on and order of strea m ing media teaching course ware.

Keywords:JSP;Strea m ing Media;VOD;W eb;SKI L;X ML;I nternet Teaching

JSP是Sun公司在1999年推出的基于Java Servlet以及整个Java体系的W eb开发技术。它具有极强的扩展能力、良好的收缩性以及平台无关的特性。目前,JSP已经成为开发动态W eb网站快速、有效的工具。流媒体技术是在I nternet/ I ntranet中使用流式传输技术的连续时基媒体。这种传输技术的应用使用户播放音视频或动画等媒体的等待时间大大减少,而且也不需要太多的缓存。它涉及到流媒体数据的采集、压缩、视/音频编解码、存储、传输以及网络通信等多项技术。S M I L是W3C组织推出的专用于演示流媒体的描述语言,它使开发人员只需使用与HT ML类似的标记,即可安排网页上的音视频、动画、文字、图像等多媒体信息的时间行为、位置布局及相互的链接关系以建立具有交互性质的多媒体表现方式。又由于S M I L低带宽占用的特性,所以十分适合于I nternet/I ntranet传输。在教学设计时充分利用这些优越性,运用S M I L技术对教学内容进行整体布局和设计,在教学内容中合理运用音视频、动画等多种技术,既体现了网络教学的多样性,又保证了在网络传输的稳定性。

1JSP发布平台的建立

1.1　硬件环境

(1)普通PC机若干台,能运行W indows2000操作系统;

　　(2)网卡与Hub集线器,用于连接各台计算机。

1.2　软件环境

(1)服务器操作系统,W indo ws2000及以上版本;

　　(2)软件j2sdk-1_4_2-windows-i586.exe,用于执行java程序;

　　(3)软件jakarta-t omcat-4.1.27-LE-jdk14.exe,用于发布W eb;

收稿日期:2006-06-08

作者简介:杨江文(1972-),女,河北迁安人,讲师,主要从事计算机网络、多媒体技术研究

第3期杨江文:用JSP和流媒体技术设计与实现教学VOD网站

　　(4)可视化集成开发环境Jbuilder9.0。

2教学VOD网页的设计

使用流媒体中的VOD技术,可以达到因材施教、交互式的教学目的。把课程设置为课程名称、课程负责人、课程层次、一级学科、二级学科。每一门课程均有一个编号。如表1。

表1课程设计

No.课程名称课程负责人课程层次一级学科二级学科

1数据结构李月本科专业分类体系理学数学类

2计算机原理李月本科专业分类体系理学数学类………………

用户点击具体的课程名称即可观看该课程的课件(包括音视频资料、电子课件、文本等),点击具体的“课程负责人”可打开该教师的简介。

现给出index.js p中的相关代码如下:

<Table width="755"align="center"cell pad2 ding="9"cell s pacing="1"bgcol or="# C69FFF">

　<Tr align="center"bgcol or="#C6CFFF">

　　<Td>No.</td>

　　<td>课程名称</td>

　　<td>课程负责人</td>

　　<td>课程层次</td>

　　<td>一级学科</td>

　　<td>二级学科</td>

　</TR>

　<For m method=get acti on=0504130001.js p>　<Tr align="center"bgcol or="#FFFFFF">

　　<Td>1</td>

　　<td>数据结构<I N P UT TYPE=subm it na me=sub m it Value="数据结构"></td>

　　<td>李月</td>

　　<td>本科专业分类体系</td>

　　<td>理学</td>

　　<td>数学类</td>

　</TR>

　</f or m>

　<For m method=get acti on=0504130002.js p>　<Tr align="center"bgcol or="#FFFFFF">

　　<Td>2</td>

　　<td>计算机原理<I N P UT TYPE=sub m it na me=sub m it Value="计算机原理"></td>

　　<td>李月</td>

　　<td>本科专业分类体系</td>

　　<td>理学</td>

　　<td>数学类</td>

　</TR>

　</for m>

　</for m>

</table>

3流媒体教学课件的制作

具体制作过程如下:

(1)录制授课现场,导到计算机上,文件格式为avi;

(2)运行Macr omedia Flash MX2004软件将avi文件制作发布成流媒体格式文件;

(3)为了让用户在观看视频流时增强交互性,随时控制视频播放,可以编程实现播放控制器,增加“开始”、“ …… 此处隐藏：4212字，全部文档内容请下载后查看。喜欢就下载吧 ……