网页中插入声音和视频.doc

第二章静态网页制作一个优秀的网站应该不仅仅是由文字和图片组成的，而是动态的、多媒体。为了增强网页的表现力，丰富文档的显示效果，我们可以向其插入Flash动画、音频播放插件等多媒体内容。第九节 插入声音和视频声音和视频能极好的烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、AIF、RA、或Real Audio格式，视频的格式有mpg、avi、mpeg等。一、添加背景音乐在页面中可以嵌入背景音乐。这种音乐多以MP3、MIDI文件为主，在Dreamweaver中，添加背景音乐有两种方法，一种是通过手写代码实现，还有一种是通过行为实现。在HTML语言中，通过这个标记可以嵌入多种格式的音乐文件。【教学案例】在生日贺卡中插入背景音乐：1、将birthday.mid音乐文件存放到music文件夹里。2、打开02.html网页，我们为这个页面添加背景音乐。切换到Dreamweaver的“拆分”视图，将光标定位到之前的位置，在光标的位置写下下面这段代码：，如下图4-1所示。图4-1 插入音乐3、保存，按下F12键，在浏览器中查看效果，我们可以听见背景音乐声。如果希望循环播放音乐，将刚才的源代码修改为以下代码即可：二、嵌入音乐嵌入音频可以将声音直接插入页面中，但只有浏览者在浏览网页时具有所选声音文件的适当插件后，声音才可以播放。如果希望在页面显示浏览器的外观，可以使用这种方法：1、打开01.html网页，将光标放置于我们想要显示播放器的位置；2、单击快捷栏上的“媒体”按钮，从下拉列表中选择“插件”；3、弹出“选择文件”对话框，在对话框中选择newyear.mid音频文件。如图4-2。图4-2 选择插入音乐文件4、单击确定按钮后，插入的插件在文档窗口中以下图所示图标来显示。如图4-3。图4-3 插件图标5、选中该图标，在属性面板中可以对播放器的属性进行设置，如图4-4。为了看到完整的播放插件，可以把宽调为170，高40。图4-4 音乐属性设置6、要实现循环播放音乐的效果，单击属性面板中的“参数”按钮，然后单击“”按钮，在“参数”列中输入loop，并在“值”列中输入true后，单击“确定”按钮。如图4-5。图4-5 设置循环音乐要实现自动播放，可以继续编辑参数，在参数对话框的“参数”列中输入autostart，并在值中输入true，单击“确定”按钮。如图4-6。图4-6 设置音乐自动播放7、保存，按下F12键，打开浏览器预览，这个页面实现了嵌入音乐的效果，在浏览器里显示了播放插件。三、嵌入视频嵌入视频可以把avi、mpeg、mpg等视频文件插入到页面中。例如：1、打开01.html网页，将光标放置于我们想要显示播放器的位置；2、单击快捷栏上的“媒体”按钮，从下拉列表中选择“插件”；3、弹出“选择文件”对话框，在对话框中选择guangxi.mpg音频文件。4、单击确定按钮后，文档窗口显示插件图标，在属性面板中修改其宽和高的大小，如352288。5、要实现循环播放视频的效果，单击属性面板中的“参数”按钮，然后单击“”按钮，在“参数”列中输入loop，并在“值”列中输入true后，单击“确定”按钮。要实现自动播放，可以继续编辑参数，在参数对话框的“参数”列中输入autostart，并在值中输入true，单击“确定”按钮。6、保存