
2.8 多媒体
2.8.1 多媒体技术
1.声音和视频的控制
控制声音和视频的方法很简单,只需要像链接文挡那样使用链接元素<a>的href属性即可。格式如下:
<a href="多媒体文件的超链接地址">说明文字</a>
能够被浏览器打开的多媒体文件有:
声音文件格式:.au、.aiff、.aif、.wav、.mid、mp2
视频文件格式:.mprg、.mpg、.mov、.avi
其他文件格式:.doc、.zip
对于声音和视频文件,浏览器使用操作系统默认的多媒体播放器演示或播放文件;对于doc文件,系统使用写字板打开文件,当系统中安装了Word字处理软件后,系统会使用Word来打开文字文件。
例2.17 多媒体演示。


运行结果如图2.28所示。

图2.28 多媒体演示示例
2.背景音乐
例2.17 程序的第四行引用了<bgsound>元素,其作用是加载背景音乐。
由于网页要在Internet上传输,在使用声音文件时,不宜过多地使用长文件,当网络速度由于网络拥塞而减速时,声音会出现暂停和中断。
3.动态文件的引用
例2.17 程序的第八行使用了<img>的dynsrc、loop、start等属性值,这些属性是IE增加的内容。正是因为使用了这些新的属性,使多媒体画面显得生动活泼。
4.动画和视频的插入
<embed>元素常用来为使用浏览器的用户提供插入式程序,如动画和视频。网页上常用的SWF格式的矢量动画,就是用该元素插入到HTML程序中的。此外,视频(.avi)也可用该元素插入程序中。
例2.18 插入Flash动画。

程序运行效果如图2.29所示。

图2.29 加载Flash的结果
2.8.2 文本的滚动
文本滚动必须使用元素<marquee>,下面是使用此元素的示例,在下面的示例中反复使用了marquee元素,这是使文字实现滚动的基本命令。
例2.19 文本的滚动。

marquee元素的常用属性参考HTML 4.0规范。例2.19的程序运行结果如图2.30所示。

图2.30 文本滚动示例