轻松学HTML+CSS之多媒体

第7章多媒体HTML是一种超文本标记语言。超文本页面中除了包含文字，还有图片、声音和影像等其他形式的信息。上一章我们已经介绍了图片的应用，本章我们将详细介绍如何在网页中添加声音和视频等元素，使网页的表现形式更加丰富多彩。7.1插入音乐插入音乐是指在网页中插入音乐文件。下面我们就来详细介绍如何在网页中插入音乐文件。7.1.1音乐格式在插入音乐文件时，需要注意所用浏览器可以支持播放的音乐格式。用浏览器播放音乐的格式多种多样，但常用的格式有：MIDI、WAV、MP3。1.MIDI格式2.WAV格式3.MP3格式7.1.2插入音乐在网页中加入声音，可以令网页更具特色。网页中的声音可以是背景音乐，也可以是歌曲。通过embed标签定义插入音乐文件，定义语法规则如下所示：embed.../embed开始标签结束标签7.1.3音乐路径（SRC）插入音乐文件需要插入正确地音乐文件路径。音乐文件路径也是通过src属性定义的，与插入图片的用法相同，定义语法形式如下所示：embedsrc=URL…/embed7.1.4音乐的播放次数（LOOP）音乐播放次数是指音乐文件是否可以进行循环播放。通过loop属性定义，定义语法规则如下所示：embedsrc=URLloop=值…/embed7.1.5音乐的自动播放（AUTOSTART）音乐的自动播放是指音乐文件在页面打开时，是否进行自动播放。通过autostart属性来定义，定义语法规则如下所示：embedsrc=URLautostart=值…/embed7.1.6隐藏播放版面（HIDDEN）隐藏播放面板是指网页中是否隐藏音乐文件的播放器。通过hidden属性定义，定义语法规则如下所示：embedsrc=URLhidden=值…/embed7.2嵌入背景音乐在网页的设计过程中，我们不仅可以使用背景图片增加网页的观赏性，也可以通过添加背景音乐使网页更具欣赏性。在HTML中，背景音乐由bgsound标签来定义。7.2.1背景音乐路径在网页中添加背景音乐，与添加音乐的方法相同，需要指明背景音乐的路径src。定义语法规则如下所示：bgsoundsrc=URL/自闭合标签7.2.2循环播放（LOOP）背景音乐的循环播放是通过loop属性来定义的。与添加普通音乐文件的loop属性值有些不同，定义语法形式如下所示：bgsoundsrc=URLloop=值/7.2.3自动播放（AUTOSTART）自动播放是指打开网页时背景音乐是否自动播放，通过autostart属性进行定义。定义语法形式如下所示：bgsoundsrc=URLautostart=值/7.2.4音量控制为了在网页中能够更好的播放背景音乐，我们添加了volume属性，用来控制音乐播放时的音量，取值范围为0~100。定义语法形式如下所示：bgsoundsrc=URLvolume=数字/7.2.5延迟播放延迟播放是指延迟音乐播放的时间，使用dilay属性来定义，单位是毫秒。定义语法规则如下所示：bgsoundsrc=URLdelay=数字/7.2.6音量平衡添加balance属性是为了控制音乐左右声道音量的平衡，可用于控制立体声，定义语法规则如下所示：bgsoundsrc=URLbalance=数字/7.3插入视频视频已经被越来越多的网站所选用。视频不仅给我们带来听觉的冲击，更让我们享受到了视觉的冲击。下面我们就来详细介绍有关视频的格式、插入等内容。7.3.1视频格式视频格式可以分为适合本地播放的本地影像视频和适合在网络中播放的网络媒体影像视频两大类。本节着重讲述适合在网络中播放的影像视频格式。1.WMV格式2.RMVB格式7.3.2插入视频视频的插入我们通常用object标签和embed标签进行定义，播放器的参数设置在param标签中定义，下面我们就来详细介绍这3种标签。7.3.2插入视频1.object标签我们通过object的标签来定义插入视频，定义语法形式如下所示：object…/object结束标签开始标签7.3.2插入视频在网页中播放视频，其实是调用相关的播放器来进行播放，不同的播放器的参数设置不同。定义语法规则如下所示：paramname=名称value=值/7.3.2插入视频下面我们给出一些插入视频时常用的参数的设置方法。objectid=Id名称width=数值height=数值align=对齐方式codebase=插件地址classid=插件编号paramname=AutoStartvalue=/paramname=Balancevalue=/paramname=enabledvalue=/paramname=AutoRewindvalue=/paramname=ShowControlsvalue=/paramname=ShowPositionControlsvalue=/paramname=ShowAudioControlsvalue=/paramname=ShowTrackervalue=/paramname=ShowDisplayvalue=/paramname=ShowStatusBarvalue=/paramname=ShowCaptioningvalue=//object是否自动播放调整左右声道平衡固定格式是否能认为控制停止播放时是否返回开头控制面板是否可见是否显示位置控件是否显示音频控制是否显示搜索栏是否显示显示面板是否显示状态栏是否显示字幕面板7.3.2插入视频2.embed标签embed标签式用来插入视频的另一个标签，语法形式如下所示：objectparamnaem=value=/embed/embed/object7.4插入FLASHFlash是一种高质量的矢量视频。由于其文件小、形式灵活，在网络中的应用范围非常广，已经成为网页中的一个重要表现元素。本节将介绍如何在网页中插入Flash。7.4.1插入FLASH视频插入Flash视频的语法、用法与插入视屏相同，同样运用object、param和embed标签。这里就不做过多介绍了。本节将介绍在Dreamweaver中如何插入Flash视屏。7.4.2透明效果Flash文件的表现效果多种多样，但透明效果的应用最为广泛。通常我们使用wmode参数定义Flash文件为透明状态。首先需要在Flash软件中制作透明背景的Flash，在网页中就需要使用该参数对Flash文件进行设置，使之变成透明状态。定义语法形式如下所示：paramname=wmodevalue=transparent7.5小结本章学习了有关于音频、视频的各种用法。通过学习，可以了解到如何插入音乐、视频等的语法、作用。其中，需要读者重点掌握的是插入音乐、视频的方法，以及其属性的设置。通过对网页中添加音乐、视频等，使网页的效果更加美观，富有生命力。