二 . 实战应用
我们根据安装指南进行设置,也就是进入实战应用的阶段:
如果你想开机就启动apache,请编辑 /etc/rc.conf.local,添加如下内容:
如果你不想重新启动计算机就启动apache,这样:
代码: 全选
# /usr/sbin/httpd start
我们保留原始的htdocs目录,只将其改名:
代码: 全选
# cd /var/www/
# mv htdocs htdocs.old
在新建一个实验目录:
把下载的文件,解压缩后上传到新建的 /var/www/htdocs 目录里:
代码: 全选
# cd /var/www/htdocs
# ls -la
total 704
drwxr-xr-x 2 root daemon 512 Dec 22 04:05 .
drwxr-xr-x 11 root daemon 512 Dec 22 04:04 ..
-rw-r--r-- 1 root daemon 82807 Dec 22 04:05 player-viral.swf
-rw-r--r-- 1 root daemon 8295 Dec 22 04:05 preview.jpg
-rw-r--r-- 1 root daemon 5847 Dec 22 04:05 readme.html
-rw-r--r-- 1 root daemon 6887 Dec 22 04:05 swfobject.js
-rw-r--r-- 1 root daemon 216278 Dec 22 04:05 video.flv
-rw-r--r-- 1 root daemon 1101 Dec 22 04:05 yt.swf
#
总共有6个文件,其中player-viral.swf实际上就是播放器,preview.jpg就是flv文件的预览图片,readme.html是说明文件,那么这个swfobject.js是什么呢?就是原来的FlashObject,由于法律原因已经更名为SWFObject,详
这里,中文的简介看
这里,很详细了;用vi查看一下版本信息:
目前swfobject的网站的版本已经是
SWFObject 2.2了,发布在
http://code.google.com/p/swfobject/ ,考虑到文章的实效性,请自行上网站上查询并根据自己的情况取舍吧,这里只是介绍方法,本例中仅以longtail提供的1.5版本做视频测试,如果你有兴趣尝试一下新版本那也未尝不可。video.flv是播放的视频文件,yt.swf也是包含了youtube图标的播放文件。
因为我们下载的是“mediaplayer-viral.zip”,而选项二的例子中的代码是以mediaplayer.zip为蓝本的,所以,我们要对代码做一些调整:
源代码:
代码: 全选
<p id='preview'>The player will show in this paragraph</p>
<script type='text/javascript' src='swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject([color=royalblue]'player.swf'[/color],'player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=video.flv');
s1.write('preview');
</script>
将其中的player.swf 更换为player-viral.swf
代码: 全选
<p id='preview'>The player will show in this paragraph</p>
<script type='text/javascript' src='swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject([color=royalblue]'player-viral.swf'[/color],'player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=video.flv');
s1.write('preview');
</script>
注意上面这段代码,video.flv就是要播放的视频,preview应该是视频预览图片,读者可以自行更换这两个文件或修改这里的代码,实际上,你在浏览器里输入:
http://你的web服务器地址/readme.html,就已经可以看见官方的说明以及视频实例了。
我这里偷懒一下,不去找flv了,直接使用官方的flv和预览文件,我们来一个最简单的测试,重新建立一个test.html:
代码: 全选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我们来一个最简单的测试</title>
</head>
<body>
<p id='preview'>The player will show in this paragraph</p>
<script type='text/javascript' src='swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('player-viral.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=video.flv');
s1.write('preview');
</script>
</body>
</html>
上传到服务器后根目录下(与刚才传的六个文件同目录),在浏览器窗口上输入:http://你的web服务器地址/test.html
就可以看见flash视频了,因为这个不是视频教程,我们这里仅放一张截图:
有关选项三的说明:
选项三里面可选择的东西很多,包含皮肤、插件、播放列表、布局等,甚至可以播放windows的视频、功能很多,但感觉与选项二大同小异,今后有时间再在这里展开讨论了。
另外,关于怎样制作flv的问题,请大家自行google吧,如果您有好的方法也请拿出来分享。