实验4-HTML5的多媒体.docx

实验4 HTML5的多媒体
一、实验目的:
1、了解和掌握使用HTML5的音频标签；
2、了解和掌握使用HTML5的视频标签； 二、实验用的仪器和材料：
硬件：PC电脑一台；
配置：内存，2G及以上硬盘250G及以上
软件环境：Adobe Dreamweaver CS6三、实验要求：.
1、使用html5的音频和视频标签，实现如下页面的设计和实现：
(1)其中所有的控制按钮能够自动隐藏，鼠标移动控制条出现，停留几秒之后自动隐藏;
(2)控制按钮包括开始/暂停，显示播放进度条，快进，慢速播放，音量等， 单击变大，每次变大1. 2倍，单击变小，每次变小0. 8倍。
(3)在页面中插入一个音频文件，控件不可见，每次视频停止的时候自动播放音频，视频开始播放，音频就暂停播放。
00:02:41/00:04:331快放］［慢放］［提高音量| |降低音量J Ph］［正常］因
HTML5 video
陌"L5 v i deo
1@00:00:19/00:04:33
三国三［提南音盘］［降低音童］巨区］巨亘日巨勺H 闭 L5 v i deo

2、（1）使用html5的音频和视频标签，实现如下页面的设计和实现，要求鼠标移动到画面上播放，鼠标离开画面暂停播放。（2）选作功能，参考代码
aex_Fullscreen.htmr",设置视频全屏播放。（不能使用视频标签的自动全 屏属性）鼠标停留播放，离开暂停播放!