在网页中嵌入多媒体内容

时间:2021-03-07 20:34:57

第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:
<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="忍耐中爆发" >
<param name="movie" value="忍耐中爆发.swf">
<param name="FlashVars" value="prizeResult=3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="always" />
<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="忍耐中爆发"/>
</object>
其中 OBJECT 的 classidcodebase的值是必须这么写的,告诉浏览器自动下载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文件显示区域,单位是像素。