TML 音频/视频 DOM 参考手册

HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。

这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。

HTML 音频/视频 方法

HTML 音频/视频属性

HTML 音频/视频事件

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

方案讲述如何将图文声像或其他类型的素材合成一个可以独立运行的EXE文件，并制作成可自动运行的多媒体光盘或优盘。

临近毕业，师生们在一起学习生活了多年，有许多值得留恋的东西。大家希望将以往积攒的图文声像素材合成一份个性化的多媒体作品，并制作成能够自动演示的光盘或优盘，分发留念。这个任务如果用PPT完成，对某些特殊类型媒体素材的支持实现起来比较麻烦，往往需要使用插件或VBA编程实现。而如果用改Flash制作，又需要一定的技能。

其实，有更简单但比较专业的方法可以不编程、不装插件，就能轻松实现制作效果比较专业的多媒体纪念册。完成后的作品是一张插入光驱就能自动演示的多媒体光盘，不依赖于任何工具软件环境便可独立运行。

本案例我们要制作的纪念册光盘主要内容包括“老师寄语”“生活影集”“班级频道”“活动录影”“班长作品”“历史珍藏”等多个部分，每个部分所展示的媒体类型都各不相同。

前期材料准备工作

首先安装多媒体设计工具Multimedia Builder（简称MMB）。接下来准备好建立多媒体演示作品所需要的原始素材。包括文字、图片、录音、视频、Flash作品、EXE可执行文件作品等。

1. 图像文件。需要BMP、JPG、PCX、PNG、TIFF等常用格式。如果手头上的图像文件不是这些格式，要用图像转换工具（如SnagIt、ACDSee、XnView Shell Extension等）转换。

2. 视频文件。可用的视频文件包括AVI、QT、MOV、MPG、MPEG、M1V、ASF、WMV等常用格式。如果现有视频文件不是这些格式，用视频格式转换工具（如格式工厂）转换为以上格式即可。

3. 网页文件。现成的HTML网页格式文件以及已有的远程网络地址均可。

4. Flash文件。对于已有的Flash作品，请准备好SWF格式的Flash文件。

5. 可执行文件。若有EXE可执行作品文件，或想把某个系统小工具集成到多媒体作品中，准备好这些EXE文件即可。

建立媒体工程文件

启动MMB软件，系统默认载入一个扩展名为MBD的多媒体工程文件，文件名为Media1.mbd，为便于辨认和保存，最好给工程起一个合适的文件名，例如“毕业纪念册.mbd”，并将文件存盘。

设定工程样板参数

点击MMB系统菜单命令“方案→方案设置”，弹出“方案设置”窗口，定义好窗口尺寸，考虑到目标用户的屏幕可能有大有小，为了顾及到大多数用户，这里可以设置一个比较适中窗口尺寸，比如1024×768。此外，还可根据需要设置好窗口的其他特性（图1）。

作品主菜单布局规划

设计的第一步是布局多媒体作品的主控菜单。

在设计窗口的最底部出现的页面栏中，默认出现的只有“页面1”一个页面文件，我们需要用“页面→添加页面”命令，添加足够多的页面文件。

点击“页面1”，然后用左侧工具箱中的“文本按钮”工具给该页面添加功能按钮，并将按钮调整到适当的位置，双击按钮，给按钮命名（比如：“老师寄语”）。以此类推，给主菜单中要出现的所有模块添加功能按钮，例如“生活影集”“班级频道”“活动录影”“班长作品”“历史珍藏”等，作为装饰还可添加一个封面图片。这样，主控菜单项目就设计好了。

各级功能模块的设计

主控菜单设计好之后，接下来就是设计各级功能模块。

1. 老师寄语致辞

老师寄语是以文字方式保留的资料，因此这里我们要设计一个展示文字的页面。点击“页面2”，从左侧工具面板中选择“创建文本框”按钮，接着选择“创建段落文字框”命令，在页面中加入段落文字框（图2），然后将老师寄语文字复制到该文字框中。拖动边框设置好文本框在页面中的位置。

接着建立菜单按钮动作链接。返回到主控菜单“页面1”，双击“老师寄语”按钮，在弹出的窗口中点选“动作”组下的第一个按钮，接下来在弹出的动作窗口中设置触发操作为“鼠标点击时→跳至某页（标签）”，页面选择为“页面2”（图3）。这样就为主控菜单的第一个按钮建立了点击后转到相应页的链接。

2. 生活学习影集

生活影集主要是展示老师和同学的一些优秀摄影作品，素材是各类图片，因此这里我们要设计图片展示页面。

首先在页面2之后添加足够多能容纳照片的页面并用位图工具按钮给每个页添加一幅照片。

接下来用上面介绍的类似方法为主控“生活影集”按钮与第一张照片建立链接，同时建立各张照片的点击动作为跳转到下一页。完成生活影集部分的制作。

3. 校办特色频道

为了将同学们自己制作的校办特色网站频道植入多媒体作品中作为留念，我们需要将HTML网页文件及其涉及到的所有相关文件集成到多媒体作品之中。

首先添加一个页面，作为频道页面。点击“网页”工具按钮，在添加的空白页中画出网页出现的位置，双击对象设置好网页文件名或网页地址（图4）。

接下来为“班级频道”主控按钮与频道页面建立链接。方法同上。

4. 活动录像视频

在校期间的许多活动都是视频文件，如何将这些视频文件集成到多媒体工程文件之中呢？

首先添加视频系列缩略图页面，然后插入要展示的视频缩略图片，再添加一些空白页面作为每个视频的放置页面，并用“视频”工具按钮给每个视频页面添加一个相应的视频文件（图5）。

最后建立“活动录影”主控按钮与视频缩略图页面的链接。方法同上。

5. 班长获奖作品

班长曾经在全国Flash游戏大赛中获奖，为班级争得了荣誉，把他的Flash作品集成到多媒体作品中也很有意义。那么如何实现呢？

对于Flash作品的导入，MMB软件专门提供了Flash导入接口，我们只需先设定好Flash放置页面，然后用Flash工具按钮置入已有Flash文件即可（图6）。

6. 珍藏EXE文件

还有一些有意义的文件是以前班里部分同学的软件作品，这些作品都是以EXE可执行文件的方式存在的。那么如何将这些文件也集成到多媒体作品中呢？

对于EXE类文件的导入，我们需要用捆绑对象的方法来解决。首先点击“捆绑对象”按钮，在屏幕上画出对象所在区域，双击区域设置捆绑对象EXE文件（图7）。

以上两步也需建立主控按钮与本页面的链接，方法同上。此外还需建立各页面的跳转，方法也雷同。

将作品编译并刻盘

每个模块设计之后，通过“方案→调试”命令反复调试并修改设计，满意之后，就可以将作品编译成可以独立运行的EXE文件了。

点击“文件→检查并发布”命令，弹出编译发布窗口，在窗口中输入编译文件的输出路径，选择编译的质量为“最佳质量”，确定之后稍等片刻便可获得可以独立运行的多媒体文件。

编译的同时会产生一个Autorun.inf文件，如果我们把这个文件连同编译所得的EXE文件一并刻录到光盘上或拷贝到优盘的根目录中，那么这张光盘或这个优盘就变成了一个可以自动运行的电子纪念册。