Claroline使用指南之三：编辑器_多媒体的使用

作者：山东临沭第二中学 胡晓明
提醒：转载、使用请注明作者和出处

3.4 音视频、动画的应用

   Claroline对音视频及动画的支持也很好。出于简便的目的，本节以下所说的“媒体”特指音频、视频、动画，不再包括图片在内。

   在应用这些媒体的时候，先泼点冷水，由于浏览器在播放媒体的限制，播放媒体需要调用操作系统的相关功能，所以不要指望每台机器都可以顺利的播放出所有的媒体，特别是在播放器安装不全的时候，这不是Claroline的限制，而是浏览器和操作系统的限制。

对音视频媒体引用有两种情况，一种是需要上传的媒体，一种是引用其它网页上的媒体。

对于前者，正常情况是需要播放的媒体在你的计算机上，需要上传到Claroline中才能使用，使用时需要注意的问题是：上传文件的大小是有限制的，包括上传文件的大小和Claroline课程空间限制。但是对于大多数的视频文件来说，可以很轻松超过这个限制，这时候，需要和平台管理员联系，采用FTP或SSH等方式上传。

对于第二种情况，这种没有大小的限制，只是做了一个链接，相当于做了一个快捷方式，或者说只是做了一个索引，在播放的时候需要连接到对应的网站上去播放，Claroline不会主动把它下载到平台中。这种情况最需要注意的是源地址一定要有效，如果访问不到，那么Claroline也无能为力。

在操作上，第二种情况比第一处情况简单地多，因为第二种情况你必须事先知道媒体所在的位置，直接操作最后一步就行了，特别对于土豆网、在线点播之类的视频，操作更为简单，对于大多数的视频播放网站，直接添加一个Flash就可以了，本节最后将举一个连接到土豆网视频的例子

应用媒体比图片麻烦一点，总体原则是：先在“课程讲义”里上传，找到音视频的网址，然后再在“编辑器”里添加。

 

 

 

 

 

 

对于第二种情况，第一步可以省略。

 

3.4.1上传媒体和查找媒体网址

这个操作和在“课程讲义”中上传图片的步骤一样，下面的示例中，显示了常见的几种媒体类型，并且新建了一个“多媒体”的文件夹，具体步骤可以参见图片的上传，不再赘述，我重点说一下怎么来找链接：

截止到1.9.1版，Ｃlaroline没有像图片一样提供专门的网址栏，所以需要手动查找媒体的网址，这给多媒体的操作带来很大不便，希望能在以后的版本中加以改进。

操作时注意有一个经常犯的错误，就是直接点击这些媒体，在大多数的计算机上，都弹出“下载”对话框，这显然不是我们要的结果：

我们需要做的是右击文件名，在弹出的菜单里选“属性”，注意我们现在选的是flash的swf格式，内容是一个比较有名的小游戏“黄金矿工”：

然后在“属性”里就有网址，可能很长，把复制下来，注意别复制漏了某个部分，图中在“?url=l”后面还有很长的内容：

 

3.4.2　在网页中插入媒体

网址找到了，就可以插入到网页中了。在合适的地方，例如可以在“课程讲义”里“创建课程讲义”，打开“编辑器”，点击工具栏第二排的  图标，在“图片”工具的右边：

注意上图，默认的是Flash格式，由于刚才我们选的是FLV格式，FLV正是Flash的一种，把网址粘贴到“文件/网址”里面，再把鼠标在其它地方点一下，预览里面就出现了一个小的预览：

感觉有点小吗？就在大小里填上数字吧，注意由于媒体类型原因，“约束比例”在很多时候无效。

现在感觉不错了。

如果你喜欢研究，那么可以再到“高级”标签里去看看：

高级选项里内容确实不少，主要分了两个部分：

（1）上部的“高级”部分是针对于网页的，和媒体的类型无关，也就是所有类型的媒体都一样。其实就是html语言中的媒体标签的属性：

前两个属性“唯一标识”和“名称”，是用在网页中写脚本或样式表中的，普通应用基本上用不到。

“对方方式”和“背景颜色”都比较好理解，在word中文字设置的时候都有相关的经验。

“垂直边距”和“水平边距”是为了给媒体周围留出来一定的间隙，看起来更舒服一些，它们的单位是“像素”，看一下设置的效果，第一个设置的是垂直10，水平20；第二个都是0：

（2）下部的“Flash选项”：这个部分是随媒体的不同而变化的，因为每一种媒体的播放器所提供的选项也不一样。

 

在大多数的场合，这些选项都用不到，所以具体含义还是去问一下google和百度吧。

 

常见的媒体的归类：

	Flash	Quicktime	RealMedia	shockwave	Windows media
声音	swa	aw alaw	ra mp1 mp2 mp3	swa	Wma wav mp1 mp2 mp3 mid
视频/动画	swf	mov	rm rmbv	cct swf	avi mpg mpeg asf wmv

 

最后，来看一下媒体在编辑器里的情形，这个例子还是“黄金矿工”的swf文件：

好像没有显示那个swf的内容，只显示了一个Flash图标，这是正常的情况，由于这是一个“嵌入式”的媒体，所以只显示相应的图标，不显示具体的内容，再来看一下完成后的情况：

脱离了编辑器，到了正式的网页中，显示就正常了。

 

3.4.3 在线播放flv

喜欢在线看电影的网友都知道现在流行的flv格式，这种电影不能直接下载，这是一种相对较新的技术，原理是设计了一个swf播放器，然后这个播放器再去播放具体的电影，观众看不到真实的视频地址。这一节，我们来看一下如何用Claroline来实现在线播放FLV，如果你愿意，完全可以做一个自己的“土豆网”或者是“在线点播”。

实现它要几个步骤：

	播放器网址				FLV视频网址				编辑器

 

 

 

首先要找的是一个播放器，在网上也有许多免费的播放器，Claroline也自带了一个，在claroline/inc/swf里，名字是：player_flv.swf。

其实，要知道播放器的网址，否则就没法引用，它的网址格式是：

你的claroline地址/claroline/inc/swf/player_flv.swf

其中“你的claroline地址”就是你访问Claroline时在浏览器里输入的地址，例如我的就是“”，那么FLV播放器的网址就是

/claorline/inc/swf/player_flv.swf

第三步就是查找FLV视频的网址，如果是你自己上传的FLV，可以按上一节的方法去找，如果是通过其它途径上传的视频，或者是其它网站上的视频，请参照有关说明来获取视频网址。

第四步是编辑，可以在“课程讲义”里“创建课程讲义”，建一个新的网页。

第五步是添加FLV到网页中，注意这一步的类型选择，由于我们用的是SWF的播放器，所以就要按照SWF的格式去添加。

“普通”页里选“Flash”格式，然后“文件/网址”里填的是“播放器”的网址：

第二步要小心操作，是成败的关键：swf文件设置参数，FLV的地址就是通过swf的参数传递的。在“高级”的最下方，格式为

flv=flv地址

例如：“flv=/claroline/backends/download.php?url=L7bgw73M5S%2FKqNfTzfXGrLbORkxWuPHKvS5mbHY%3D&cidReset=true&cidReq=JSJ_ZHANG”

再回到“普通”标签，看一下预览效果，默认情况下是不自动播放的，要点一下播放按钮。

如果没有出现影片，那么再从头检查一下问题出在哪儿。

其实操作上几次后，你会发现制作一个在线点播系统并不是太难！

本节介绍的是FLV的在线点播，其实Claroline还带了两个mp3的播放器：player_mp3.swf和dewplayer.swf，可以用来在线播放音乐。