分类目录

统计信息

  • 日志总数:59篇
  • 评论总数:2条
  • 分类总数:9个
  • 标签总数:51个
  • 友情链接:3个
  • 网站运行:2925天

2018 年十二月
« 七    
 12
3456789
10111213141516
17181920212223
24252627282930
31  
现在位置:    首页 > 前端开发 > 正文
第3章 图像和对象(3)
前端开发 暂无评论

c使用SWFObject为网页添加Flash:使用<div>元素存放Flash影片,用CSS来调整尺寸,在<div>中可以使用文本或图像,对于没有安装相关插件的人显示文字或图片,然后添加JavaScript脚本检测是否安装了插件(还可检测版本),如已安装,JavaScript将使用SWF文件替换<div>元素中指定的内容。执行这一工作的被称为SWFObject脚本,可以从http://code.google.com/p/swfobject/下载,

<?xml version=”1.0″ ?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”>

<head>

<title>Adding a flash movie with SWF Object </title>

<script type=”text/javascript” src=”swfobject.js”></script>

<script type=”text/javascript”>

swfobject.embedSWF(“flash/flash_sample.swf“,”flash_movie“,”300“,”200“,”8.0.0″);

</script>

</head>

<body>

<div id=”flash_movie”>This element can contain content that search engines can index,

and which is helpful to those who do not have Flash installed.</div>

</body>

</html>

第一个<script>加载swfobject.js文件,第二个<script>调用上一张中包含的脚本。

·”flash/flash_sample.swf“是将要播放的Flash影片的地址。

·”flash_movie“是将要被替换的<div>元素的id特性的值。

·”300“影片的宽,单位是像素。

·”200“影片的高,单位是像素。

·”8.0.0″是播放该Flash影片所需要的Flash播放器的最低版本。

这样做有两个好处:

·便于搜索引擎的使用,因为搜索引擎很难检索到Flash本身,而使用这一方法搜索引擎可以检索将被替换的XHTML中的内容。

·便于实现可访问性的目的,因为用户如果不能播放Flash,将有一个替代内容被显示。

3.5.2 为网站添加视频:一般将视频上传到像YouTube这样的网站上,然后利用YouTube提供的代码,在网页上嵌入YouTube播放器。除此外需要考虑:

·文件格式,不同格式大小不一,导致网页加载速度不同。

·播放这类文件所需的插件,不同插件安装普及的程度不同。

告知浏览器视频类型,可以用<object>中的type特性,其值称为MIME类型。

告知浏览器插件类型,可以用classid特性,其值是一串长的数字/字母,用于标识每一个插件。

FlashVideo是Web上最主要的视频播放格式。

3.5.3 使用Flash Video添加视频:Flash Video称为网站添加视频最流行的原因:

·插件安装普及度高。

·能简单的使用Flash控制播放器的外观,即可以建一个特有播放器。

·FLV文件压缩比较好,小且有较好的质量,更快被播放,占用更少的带宽。

·大型视频网站全部使用Flash播放,将上传的各种格式视频转换为FLV格式,使用独有播放器播放。

如不想将视频上传到这些网站上,则需要以下操作:

·将视频从其他格式转换为FLV格式。

·编写或下载一个FLV播放器。播放器就是Flash影片。

有两种方法实现视频格式转换:

·使用Adobe软件:Flash8以后便有此功能。

·第三方软件。

3.5.4 视频大小

·文件越小下载速度越快。

·文件越大使用带宽越多。

3.5.5 为网站添加音频:与视频差不多,需要考虑文件格式、所需插件。比较流行的是MP3、WAVE。

a、使用默认的媒体播放器添加音频。

b、使用Flash为网页添加MP3

3.5.6 当加载网页时自动播放音频和视频

3.5.7 深入学习<object>元素和<param>元素

最常用的特性classid、type、id,其他的:archive(通常与基于Java的应用程序共同使用) border(弃用,指定在对象周围显示的边框宽度) classid(指定所需要的应用程序类型) codebase(提供的基URL说明从哪里下载插件) codetype(指定播放文件所需要的应用程序或者代码的MIME类型) declare(声明一个对象,但不实例化该对象) date(指定一个需要处理的文件的URL) height和width(指定对象的高度和宽度) hspace和vspace(弃用,指定对象周围显示的空白数量,已被CSS中margin和border属性所替换) name(弃用,提供一个唯一的名称被访问,现已被id替换) standby(指定一个文本字符串) tabindex(指定网页中对象的焦点移动顺序) usemap(指示对象是一个图像映射)

3.5.8 <param>元素特性name(提供应用程序的参数的名称)和value(给出该参数的值),valuetype(如对象接受参数,则指示参数的类型是一个文件、URL还是另外一个对象),type(指定在对象中使用的内容的MIME类型)。

本文版权归不读书的读书人所有,转载引用请完整注明以下信息:
本文作者:望岳
本文地址:第3章 图像和对象(3) | 不读书的读书人

发表评论

您必须 [ 登录 ] 才能发表留言!