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

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