APP下载

多媒体文件在Moodle网页中嵌入的实现

2015-10-15杨晓东

中国现代教育装备 2015年21期
关键词:视频文件幻灯片网页

杨晓东

济宁学院 山东曲阜 273155

Moodle作为一个基于B/S架构的用于建设Internet课程的网站系统,提供了文件上传的功能,例如教师在上传了Word文档、Powerpoint课件或其他声像等多媒体文件至服务器后,学生可以下载后进行观看。这种以超链接的方式呈现教学内容的形式,可为学生提供丰富的学习资源。但这种形式也存在一定的弊端,从学生的角度看,一是下载文件需要一定的时间;二是文件的打开会受到学生机安装软件的限制。从教师的角度看,一是这种内容呈现形式不够直观;二是对于有些制作精美的课件和声像资料,涉及版权保护问题,一般只允许观看,不允许随意下载或传播。教师在展示教学内容时,如果不是简单地上传多媒体文件,而是将文件嵌入到Moodle网页中,则能很好地解决上述问题。

1 图片、SWF文件的嵌入

所谓多媒体文件嵌入网页,即是指在访问网页时,不需要下载就将多媒体文件的内容直观地呈现出来。我们在访问Moodle教学平台时,实际就是用浏览器打开网页的过程,由于绝大部分浏览器本身就支持JPEG,PNG,GIF等图像格式,因此教师只需在Moodle服务器上添加一个图片文件至课程网页中,学生在访问课程网页时即可看到图片内容。也就是说其实对于图片,不需要做特别的“嵌入”操作就能在Moodle网页中显示。

扩展名为SWF的文件,也就是Flash动画,对于Moodle2.0以上的版本,也可以像添加图片一样直接“嵌入”到Moodle课程中。但对于Moodle2.0以下的版本,则必须将上传的SWF文件的地址写到网页的HTML代码中,才能实现Flash动画的嵌入。具体实现嵌入的步骤如下。

(1)将SWF文件上传至Moodle,并获取其动画文件的URL地址。

(2)在课程中添加一个网页资源,在页面内容编辑中切换至HTML编辑模式,输入以下核心代码:

其中width和height代表动画显示的像素的宽高尺寸,type表示文件类型,quality="high"表示以最佳效果显示,loop="true"表示循环播放,play="true"表示随网页打开自动播放。

(3)切换至普通编辑模式查看动画窗口是否正常显示,如果正常则保存,完成SWF文件在Moodle网页中的嵌入。例如嵌入某段Flash动画如图1所示。

图1 SWF动画嵌入Moodle网页

2 Office文件和PDF文件的嵌入

Moodle允许上传和下载Office文件和PDF文件,但这两种类型的文件不可能直接嵌入网页中进行显示。以Powerpoint为例,查阅专业的幻灯片分享社区SlideShare或authorSTREAM,观察提供的分享代码,可以看出嵌入网页中显示的PowerPoint幻灯片,在线播放时其实是转换为SWF格式的。借鉴他们的做法,我们在Moodle中实现幻灯片的嵌入也可以将幻灯片转换为SWF格式,具体分两步进行。

2.1 将PowerPoint文件转换为SWF格式

Print2Flash是一款虚拟打印机类的文档转换软件,它可以将任何能够打印的文档直接转换为Flash文件,即SWF动画。特别适用于转换PDF,Word,Excel,PowerPoint等文档为SWF格式。

从网上下载Print2Flash并安装到本机上,将要转换的PPT文件拖动到Print2Flash主程序窗口,单击“SaveFlash”命令即可完成SWF格式转换并保存。例如转换某章节幻灯片的界面(如图2所示)。

图2 Print2Flash将PPT格式转换为SWF格式

2.2 将转换后的PowerPoint文件嵌入Moodle网页

转换后的PowerPoint文件实际上已变成了SWF格式,因此可参照上述SWF文件嵌入网页的方式操作。

3 音频、视频文件的嵌入

音视频技术高速发展的今天,许多教学资源是采用音频或视频制作的。越是高质量音频或视频文件,越占用较大的空间,所以一般不建议将大量的音视频文件上传至Moodle,而是上传至分享网站上去。以视频为例,我们可将视频文件上传至优酷土豆(如图3所示)、酷6网等分享网站,这些主流的分享网站都提供分享代码。

图3 优酷土豆网提供视频分享代码

将视频网站分享的HTML代码粘贴到Moodle网页编辑器的代码编辑窗口,即可将视频文件嵌入到Moodle网页中。例如嵌入某段视频的代码如下:

其中align="middle"表示居中显示,allowscriptaccess="always"表示允许脚本访问。

4 结束语

多媒体文件如何在 Moodle 网页中嵌入,在更深的层次上其实是资源共享问题的讨论。随着Moodle新版本的不断面世,随着数据存储、共享、转换技术的不断进步,多媒体文件实现在Moodle网页中的嵌入将会更加便捷。

[1]徐莉.基于Moodle的普通高中课程管理系统的设计与实现[D].苏州:苏州大学,2014:19-23.

[2]赵建保.基于Moodle平台的项目化网络课程系统构建[J].中国教育信息化,2014(15):80.

[3]谢家雄.Moodle主题风格的运用和二次开发研究[J].软件导刊,2012(10):85.

猜你喜欢

视频文件幻灯片网页
流媒体视频文件相似性识别的方法
水幕幻灯片
随心定制视频文件的缩略图
基于HTML5与CSS3的网页设计技术研究
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
快速检索,抓取电影中的精彩篇章
基于URL和网页类型的网页信息采集研究
实现幻灯片的缩放功能
视频文件,看过来