在网页中嵌入多媒体内容

第10章 在网页中嵌入多媒体内容

现在在制作网页时，除了可以在网页中放置文本、图片外，还可以在页面中嵌入声音、视频、动画等多媒体内容，使得页面看上去更加丰富多彩、动感十足。

10.1 设置滚动字幕<marquee>

属性          属性值                             说明

———————————————————————————————————————————————————————————

demo：<marquee direction="up">文字从下往上循环滚动</marquee>

　　　　　　up(从下往上)down(从上往下)

direction     left(从右往左，默认滚动方向)       设置滚动字幕的滚动方向

(滚动方向)     right(从左往右)

———————————————————————————————————————————————————————————

demo：<marquee behavior="alternate">设置文字循环交替往返进行滚动</marquee>

behavior      scroll      设置文字循环往复滚动(默认行为)

(滚动行为)     slide       设置文字只进行一次滚动

　　　　　  alternate   设置文字循环交替往返进行滚动  

———————————————————————————————————————————————————————————

demo：<marquee scorllamount="滚动速度值" scrolldelay="延迟时间">滚动文字</marquee>

scorllamount  设置文字滚动速度，取值为某个数字，越大滚动越快，默认的速度值是6

scrolldelay   设置文字在每一次滚动后，延迟一段时间后再进行下一次滚动，value以毫秒为单位，值越小越快，默认值是100ms

———————————————————————————————————————————————————————————

设置字幕的滚动区域、背景颜色、与周围对象的间距等

width         设置文字滚动区域的宽度，可以是数字像素或百分比数值%

height        设置文字滚动区域的宽度，可以是数字像素或百分比数值%

bgcolor       设置文字滚动区域的背景颜色

hspace        水平间距

vspace        垂直间距

———————————————————————————————————————————————————————————

10.2 设置背景音乐<bgsound>

<bgsound src="路径/文件名称" loop="循环次数">

<--loop默认情况下，背景音乐播放一次；如果取值为-1，则表示背景音乐循环不断地播放-->

10.3 嵌入音视频文件<embed>

<embed src="路径/文件名称"></embed>

属性     说明

src      文件路径

width    以像素为单位定义嵌入式对象的宽度

height   以像素为单位定义嵌入式对象的宽度

loop     设置嵌入式对象的播放是否循环不断，取值true时循环不断，否则只播放一次，默认值是false

hidden   设置多媒体播放软件的可视性，默认值是false

10.4 嵌入Flash动画<object>

关于flash在html的引用 ——OBJECT EMBED：链接1　　链接2

HTML插入Flash的全兼容完美解决方案：点此链接

demo：

1 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="300" id="忍耐中爆发" >2 <param name="movie" value="忍耐中爆发.swf">3 <param name="FlashVars" value="prizeResult=3">4 <param name="quality" value="high">5 <param name="menu" value="false">6 <param name="wmode" value="transparent">7 <param name="allowScriptAccess" value="always" />8 <embed src="images/忍耐中爆发.swf" FlashVars="prizeResult=3" allowScriptAccess="always" wmode="transparent" menu="false" quality="high" width="500" height="300" type="application/x-shockwave-flash" pluginspage="http://get.adobe.com/cn/flashplayer/" name="忍耐中爆发"/>9 </object>

其中 OBJECT 的classid和codebase的值是必须这么写的，告诉浏览器自动下载flash player的地址,OBJECT标签是用于windows平台的IE浏览器的，EMBED是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器，就是所谓的非IE浏览器。windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。

代码效果显示如下：

由于不知道博客园怎么上传swf格式的视频，故截图展示代码效果，显示如下：

10.5 嵌入Java Applet（扩展）

Applet 是用 Java开发的一种小程序，不能独立运行，必须嵌入HTML文件中，并通过支持Java的浏览器来运行。

基本语法：<applet code="XXX.class" width="区域宽度" height="区域高度"></applet>

语法说明：XXX.class表示所嵌入的applet类文件，width、height属性用来设置applet文件显示区域，单位是像素。