24小时热门版块排行榜    

查看: 242  |  回复: 0
当前主题已经存档。

CZD1972

木虫 (职业作家)

[交流] 在网页上播放电影

随着网页制作技术的不断发展,网页编辑软件的功能越来越强大,使得各类网页也越来越美观、越来越富于动感。在自己的网页中插入各种类型的按钮、图片、动画、Flash,会使你的网页变得美轮美奂,不过,你的网页还能变得更加美观——你可以试试在网页上插入你自己的电影。
  可以插入网页、直接在浏览器中播放的电影(视频)文件格式,包括常见的avi、mpg、mpeg文件格式,Windows Media文件格式asf和wmv,Real Audio文件格式ra和ram等,只要Windows的媒体播放机能够播放的文件,都可以插入网页用浏览器播放,只是IE5.0以前版本的浏览器支持的格式要少一些。不过,加入电影的网页文件,只要在自己的电脑上能够浏览,就尽可放心地上传到网站,浏览者的浏览器一旦遇到不支持的媒体格式,就会提醒它的主人下载新的解码器,你的电影自然就可以播放了。
  虽然说目前各种格式的电影文件都可以插入网页使用,但还有必要做一下选择,因为不同格式的视频压缩比不同,相同节目时间的文件大小悬殊相当大,mpg格式的电影每分钟节目9.7MB,avi视频每分钟二十几兆,不仅Web服务器不便承受,仅仅上传和下载文件就要耗去相当长时间,且浏览器需要等下载完后才能开始播放,非常不便。现在比较流行的“流式”数字媒体文件就不同了,它不仅可以边下载边播放,而且占用空间非常小,比如wmv格式,根据输出质量的不同、每分钟节目仅223KB至1.62MB,非常适合网络应用。在WinMe或WinXP中,用附件“Windows Movie Maker”就可以制作自己的WMV电影,以前我的上一篇文章已详细介绍过,此处不再赘述。
  在网页上插入电影,可以用网页编辑软件制作,也可以手工在Html文件中加入控制语句来实现。插入电影的方式可分为两种:一是不带播放器界面、可以用快捷菜单命令控制的播放窗口;一种是带播放器、由播放器控制的播放窗口,后面我们将分别加以介绍。

  一、由网页控制播放窗口

  1、用FrontPage制作
  以FrontPage为例,在“普通”视图方式下,执行“插入”*“图片”*“视频”命令,打开保存电影文件的文件夹,选择一个电影文件后单击“确定”,这个电影就插入你为它选择的位置了,不过,此时它只显示一个小图标,需要进行预览或使用浏览器打开网页时才能正常欣赏。
这还不算完工,接下来还要设置它的播放方式:鼠标右键单击这个小图标,执行右键快捷菜单的“图片属性”命令、打开“图片属性”对话框,在“视频”选项卡中,可以选择影片重复(循环)播放的遍数,一遍、多遍或不限遍数地无限循环;同时,如果你想在一遍播完后暂停一段时间再播放下一遍,可以设置循环延迟,直接输入想要暂停的时间(单位是毫秒)就行了(见图1)。
  另外,你可以将开始播放的方式设为打开网页文件时自动播放,或选择鼠标在画面上悬停时开始播放。——可以了,就这么简单,在“预览”视图方式下看一看,你的电影是不是开始播放了!^_^
  2、手工设置插入电影
  如果你使用的不是FrontPage、并且它没有插入和设置视频的功能,你可以手工在网页中插入电影:
  用你最熟练的方法在网页中插入任意一幅图片,然后用记事本打开这个网页文件修改源代码:找到控制图片的“”字段,将图像标记名称“src”改为视频标记名称“dynsrc”,并将其标记属性(本文称为“值”)指向的图片路径和文件名,改为你要插入的电影文件的相对路径和文件名——这么简单地一改就可以了。保存退出,重新打开网页文件,是不是看到你的电影了?可能还有些问题:电影画面变得太小或不合比例了!不要紧,你可以进一步修改,并且可以添加控制命令,让你的电影画面和播放方式随心所欲地为自己所控制:
  首先,删掉该字段中控制图片大小的标记“width="xx" height="xx"”,因为这里不需要指定大小,你的电影就能以原始大小的画面进行播放。
  其次,在同一字段中加入控制电影播放方式的标记“start="…"”;如果你想在网页被打开时自动播放电影,就将其值设为“fileopen”;若将其值设为“mouseover”,则要鼠标悬停于电影画面上时开始播放。
  再次,你可以加入重复播放遍数的标记“loop="…"”,想要循环播放几遍,就直接将其值设为几;如果将其值设为“infinite”,则会无限制地循环播放。当然,如果只想播放一遍而不需要循环,loop标记也可以省略。
  最后,设为循环播放时,你可以设置两次播放之间间隔的延迟时间,设置“loopdelay="…"”标记并将其值设为希望暂停的时间(毫秒)即可。
  ……好了,手工插入电影的过程结束,再打开网页,你的电影已经按你的设置,乖乖地在网页上开始播放了。不过,这样的电影并不是十分理想的,因为它仍然是图片属性,不信,你可以在播放画面上单击鼠标右键看看,除了可以控制“播放”和“停止”外,其他属性和图片是没有本质区别的。要想得到更理想的控制效果,你可以插入包含播放控制器的电影播放界面。

  二、有播放器控制的电影窗口

  1、用Front Page制作播放器
执行“插入”→“Web组件”命令,在打开的“Web组件”对话框左侧选中“高级控件”、在右侧双击“ActiveX控件”(见图2),接下来、在“插入Web组件”对话框中双击“Windows Media Player”,一个播放器界面就插入网页中了。
  鼠标右键单击播放器、执行“ActiveX控件属性”命令、打开的“选项”对话框,在“播放”选项卡中,进一步设置播放的遍数、画面大小、音量等参数,使播放过程更加便于控制。
  最后,切换到“HTML”视图方式,找到“”字段,将“value”标记的值设为“value ="*.*"”(“*.*”为你保存电影文件的文件名,需包含相对路径)。再根据你的需要修改几个标记的值;为了给网页减肥,删除掉其他不需要的标记。……其实,除了指定电影文件名的标记外,其他“”字段都可以删除,不过,为了让你的电影更便于控制,还是保留几个有用的为好,在下面手工制作的过程中再作详细介绍。
  2、手工制作播放器
  在HTML源文件中加入以下字段,就可以在网页中插入播放器和你的电影了:
  


  
  
  
  


  接下来你还可以加入以下几个用于播放控制的语句:
   //控制重复次数:x为几重复播放几次,x=0、无限循环
  //控制播放方式:x=1、打开网页自动播放,x=0、按播放键播放
   //控制播放开关:x=1、可鼠点击标控制播放/暂停状态,x=0、禁用此功能
  //控制播放画面:x=0、原始大小,x=1、一半,x=2、两倍
   //控制切换全屏:x=1、允许切换为全屏,x=0、禁用此功能
   //控制音量:x=1、允许调节音量,x=0、禁止调节
  //控制快捷菜单:x=1、允许使用右键菜单,x=0、禁用右键菜单
  //控制版权信息:x=1、显示电影及作者信息,x=0、不显示
  完成后,保存并再次打开网页文件,就可以用播放器控制着随意欣赏你的电影了。
  
  无论用那种方式插入电影,都可以将电影画面视为一般的页面元素,设置正文文本对它的环绕,或者将它放在一个表格中,这样,调整页面布局就更加得心应手了!

[ Last edited by 幻影无痕 on 2006-10-24 at 07:47 ]

回复此楼

» 猜你喜欢

蒸汽节能、节能设备及超重力请到我的网站讨论:http://www.jngc.net.cn/
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖
相关版块跳转 我要订阅楼主 CZD1972 的主题更新
普通表情 高级回复 (可上传附件)
信息提示
请填处理意见