网页中插入多媒体

第6章网页中插入多媒体主要内容126.2添加声音6.1插入Flash动画346.4多媒体标记介绍6.3插入视频6.1插入Flash动画插入动画1.在Dreamweaver8中打开本书附带光盘中06/01.html文件，将光标定位到页面上部，如图6.1所示。图6.2定位光标光标位置6.1插入Flash动画插入动画2.单击【插入】→【媒体】→【Flash】选项，如图6.2所示.，弹出“选择文件”对话框，在其中选择要打开的Flash动画文件，如图6.3所示，这里选择06/meitifiles/flash1.swf文件。图6.3插入Flash图6.3选择Flash文件6.1插入Flash动画插入动画3.单击“确定”按钮后，插入的Flash并不会在设计视图中显示内容，而是以一个带有字母F的灰色框来表示，如图6.4所示。保存文件并预览，效果如图6.5所示。图6.4插入的Flash图6.5Flash预览6.1插入Flash动画动画设置插入Flash文件后，可以通过【属性】面板对其进行设置，如图6.6所示。图6.6Flash【属性】面板6.1插入Flash动画技巧1：插入Flash文本的方法1.将光标定位到页面右侧的单元格中，如图6.7所示。图6.7光标定位光标位置6.1插入Flash动画技巧1：插入Flash文本的方法2.单击【插入】→【媒体】→【Flash文本】选项，弹出“插入Flash文本”对话框，并在其中进行设置，如图6.8所示。图6.8“插入Flash文本”对话框6.1插入Flash动画技巧1：插入Flash文本的方法3.单击“确定”按钮，插入后的Flash文本如图6.9所示，保存文件并预览，效果如图6.10所示。图6.9“设计视图”中的Flash文本图6.10浏览器中的Flash文本6.1插入Flash动画技巧2：插入Flash按钮的方法1.将光标定位到单元格中，如图6.11所示。2.单击【插入】→【媒体】→【Flash按钮】选项，弹出“插入Flash按钮”对话框，并在其中进行设置，如图6.12所示。图6.11光标定位图6.12“插入Flash按钮”对话框光标位置6.1插入Flash动画技巧2：插入Flash按钮的方法3.单击“确定”按钮后，保存文件并预览，效果如图6.13所示。图6.13Flash按钮效果返回6.2添加声音常用的音频格式在网页中可插入的声音格式很多，主要包括如下几种：•WAV：中文译为“WAV扩展名”，这种格式的文件具有较高的声音质量，能够被大多数浏览器支持，并且不需要插件。•MP3：中文译为“运动图像专家组音频”，这是一种压缩格式的声音可以令声音文件相对于WAV格式明显缩小。其声音品质非常好。•MIDI或MID：中文译为“乐器数字接口”，是一种乐器声音的格式，它能够被大多数浏览器支持，并且不需要插件。但是尽管其声音品质非常好，但根据浏览者声卡的不同，声音效果也会有所不同。•RA或RAM、RPM和RealAudio：这种格式具有非常高的压缩程度，文件大小不一要小于MP3。全部歌曲文件可以在合理的时间范围内下载。因为可以在普通的WEB服务器上对这些文件进行“流式处理”。6.2添加声音插入声音1.在Dreamweaver8中打开本书附带光盘中06/sound.html文件，将光标定位到单元格中，如图6.14所示。光标位置图6.14光标定位6.2添加声音插入声音2.单击【插入】→【媒体】→【插件】选项，如图6.15所示，弹出“选择文件”对话框，选择要插入的声音文件，如图6.16所示。图6.15选择插件图6.16“选择文件”对话框6.2添加声音插入声音3.单击“确定”按钮，并调整到适当大小，插入后的声音文件如图6.17所示，保存文件并预览，效果如图6.18所示。图6.17设计视图中的声音文件图6.18预览声音文件6.2添加声音背景音乐声音能极好地烘托网页的氛围，介是要考虎到添加声音后会大大增加文件的大小，所以要谨慎、精打细算地使用音乐。在Dreamweaver8中添加背景音乐的方法有两种：一种是通过手写代码实现；另一种是通过“行为”实现。这里介绍以代码实现的方法。在Dreamweaver8打开网页文件，切换到拆分视图，将光标定位在head…/head之间，然后添加如下代码：bgsoundsrc=meitifiles/music.mp3loop=true其中src属性：设置声音的来源文件loop属性：设置循环播放返回6.3插入视频常用的视频格式视频文件的格式非常多，常见的有MPEG、AVI、WMV、RM、MOV等。•MPEG（或MPG）是一种压缩比率较大的活动图像和声音的视频压缩标准，它也是VCD光盘所使用的标准；•AVI是一种MicrosoftWindows操作系统所使用的多媒体文件格式。•WMV是一种Windows操作系统自带的媒体播放器WindowsMediaPlayer所使用的多媒体文件格式。•RM是Real公司推广的一种多媒体文件格式，具有非常好的压缩比率，是网上应用最广泛的格式之一。•MOV是Apple公司推广的一种多媒体文件格式。6.3插入视频插入视频1.在Dreamweaver8中打开本书附带光盘中06/01.html文件，将光标定位到单元格中，如图6.19所示。光标位置图6.19光标定位6.3插入视频插入视频2.单击【插入】→【媒体】→【插件】选项，弹出“选择文件”对话框，选择要插入的视频文件，如图6.20所示。图6.20选择视频文件6.3插入视频插入视频3.单击“确定”按钮，并调整到适当大小，插入后的视频文件如图6.21所示，保存文件并预览，效果如图6.22所示。图6.21“设计视图”中的视频文件图6.22浏览器中的视频文件6.3插入视频播放控制在网页中插入的多媒体文件，在默认的情况下，打开网页会直接播放，但也可以使用【属性】面板中的【参数】选项进行播放控制，方法如下：1.选中上例中插入的视频文件，在【属性】面板中点击【参数】选项，弹出参数对话框，如图6.23所示。图6.23参数对话框6.3插入视频播放控制2.在其中进行如下设置，如图6.24所示。图6.23参数对话框添加参数输入参数值3.单击确定，保存并预览效果，此时视频文件不能播放。返回6.4多媒体标记介绍多媒体对像插入标记embed基本语法是embedsrc=#…/embed，其中“＃”代表url地址。１．插入Flashhtmlheadtitle插入Flash/title/headbodyembedsrc=”flash1.swf”width=”294”height=”94”/embed/body/html6.4多媒体标记介绍２．插入声音htmlheadtitle插入声音/title/headbodyembedsrc=”music.mp3”width=”294”height=”94”/embed/body/html返回6.4多媒体标记介绍３．插入视频htmlheadtitle插入视频/title/headbodyembedsrc=”avi1.wmv”width=”294”height=”94”/embed/body/html要点总结一、插入Flash动画1、打开（sample\07\flash\flash-ori.htm）2、插入（image-files\dizibo.swf)3、设置属性注：flash背景透明的设置方法打开“属性”面板的“参数”按钮；设定参数为wmode，值为transparent二、插入Flash按钮三、插入Flash文本结果如（sample\07\flash\flash.htm）四、插入Flash元素1、打开（sample\07\gallery\display.htm）2、在“Flash元素”快捷栏中单击“图像查看器”按钮3、设置保存路径和属性4、打开“标签检查器”面板（F9），设置frameshow属性为“是”；在imageURLs属性中添加图片设置transitionsType值为Random（随即播放动画效果）设置slideAutoPlay值为是（自动播放）设置slideLoop值为是（循环播放）常用“Flash元素”参数bgColor指定背景颜色。frameColor指定图像边框的颜色。将frameShow参数设置为“Yes”可显示边框。frameShow指示每个图像四周是否显示边框。frameThickness指定每个图像四周边框的宽度，以像素为单位。captionColor指定imageCaptions中包含的图像题注的颜色。captionFont指定imageCaptions中包含的图像题注的字体。常用“Flash元素”参数captionSize指示imageCaptions中包含的图像题注的点数。imageCaptions包含imageURLs中指定的每个图像的题注。题注可用于部分或所有图像，或者不用于任何图像。imageLinks包含在imageURLs中指定的每个图像的URL。LinkURLs可用于部分或所有图像，或者不用于任何图像。imageURLs包含在图像查看器中显示的图像的位置。只能使用非渐进式的JPEG或SWF文件。imageLinkTarget指定浏览器窗口，将在其中加载在linkURLs中指定的URL。可以将此参数设置为_blank、_self、_top或_parent。常用“Flash元素”参数showControls指示在用户播放Flash元素时是否出现图像查看器控件。slideAutoPlay确定是否以幻灯片放映形式播放图像。如果设置为true，则在第一幅图像加载完毕后，图像就开始以幻灯片形式播放。slideDelay指示在按下“播放”按钮或启用autoPlay时，每两个图像之间等待的时间长度（以秒为单位）。如果图像需要更长的时间进行加载，则图像的更改频率可以小于此参数指定的时间。slideLoop指定图像幻灯片放映以连续循环方式进行播放。常用“Flash元素”参数title指定在图像查看器顶部显示的标题。titleColor指定title中包含的标题的颜色。titleFont指定title中包含的图像查看器标题的字体。titleSize指示title中包含的图像查看器标题的点数。transitionsType参数说明None：没有过渡效果。Blinds：百叶窗Fade：淡入淡出Fly：飞入Iris：缩放（中心）Photo：电子相册PixeIDissolve：溶解Rotate：旋转Squeeze：伸展Wipe：擦除Zoom：缩放（左上角）Random：随机五、插入FlashPaper（sample\07\paper\flashpaper.htm）六、插入Flash视频（sample\07\flashvideo\flashvideo.htm）七、控制Flash的播放按钮1、打开网页（sample\07\control\index_ori.htm）2、给Flash影片命名为“f”；停止按钮链接为“#”3、设置停止按钮的行为“控制shockwave或flash”4、选中停止单选按钮，事件是onclick5、“播放”、“重放”按钮类似八、插入shockwave动画（sample\07\shockwave\index_ori.htm）插入声音一、添加背景音乐1、打开（sample\07\sound\index_ori.htm）2、添加如下代码：BGSOUNDSRC=media/zheng_buger.mp3二、嵌入音乐1、打开（sample\07\embed\embed.htm）2、在参数列表中设置：Loop值为“true”，表示循环播放autostart值为“true”，表示