第12章在网页中插入多媒体元素探讨.pptVIP

随着HTML5的发展和推广，HTMl5在网页中的应用越来越多，在网页中通过使用HTML5可以实现许多特效。Adobe公司顺应网页发展的趋势，推出了HTML5动画可视化开发软件Adobe Edge Animate，通过使用该软件，可以不需要编写繁琐的代码即可开发出基于HTML5的动画。 Dreamweaver CC为了适应HTML5的发展趋势，在“插入”面板的“媒体”选项卡中新增了“插入Edge Animate作品”按钮，通过使用该功能可以轻松的将使用Adobe Edge Animate软件开发的HTML5动画插入到网页中。;12.2.1　HTML 5所支持的视频文件格式 目前，HTML 5新增的HTML Video元素所支持的视频格式主要是MPEG4、WebM和Ogg，;课堂案例——制作HTML5视频页面;Poster：该选项用于设置在视频开始播放之前需要显示的图像，可以单击该选项文本框之后的“浏览”按钮，选择相应的图像设置为视频播放之前所显示的图像。 Title：该选项用于设置HTML 5 Video在浏览器中当鼠标移至该对象上时所显示的提示文字。 回退文本：该选项用于设置当浏览器不支持HTML 5 Video元素时所显示的文字内容。 Controls：选中该复选项，可以在网页中显示视频播放控件。 Loop：选中该复选框，可以设置视频循环播放。 AutoPlay：选中该复选框，可以在打开网页的同时自动播放该视频。 Muted：选中该复选框，可以设置视频在默认情况下静音。 Preload：该属性用于设置是否在打开网页时自动加载视频，如果选中Autoplay复选框，则忽略该选项设置。在该选项的下拉列表中包含3个选项，分别是none、auto和metadata， 如果设置Preload选项为none，则当页面加载后不载入视频。如果设置Preload选项为auto，则当页面加载后载入整个视频；如果设置Preload选项为metadata，则当页面加载后只需载入视频元数据。 ;网络上有许多不同格式的音频文件，但HTML标签所支持的音乐格式并不是很多，并且不同的浏览器支持的格式也不相同。HTML 5针对这种情况，新增了audio标签来统一网页音频格式，可以直接使用该标签在网页中添加相应格式的音乐。;课堂案例——制作HTML5音频页面;回退文本：该选项用于设置当浏览器不支持HTML 5 Audio元素时所显示的文字内容。 Controls：选中该复选项，可以在网页中显示音频播放控件。 Loop：选中该复选框，可以设置音频重复播放。 AutoPlay：选中该复选框，可以在打开网页的同时自动播放音乐。 Muted：选中该复选框，可以设置音频在默认情况下静音。 Preload：该属性用于设置是否在打开网页时自动加载音频，如果选中AutoPlay复选框，则忽略该选项设置。在该选项的下拉列表中包含3个选项，分别是none、auto和metadata。各选项的功能与HTML 5 Video的“属性”面板中的Preload属性下拉列表中选项的功能相同。 Alt源1：该选项用于设置第2个HTML 5 Audio元素的源音频文件。 Alt源2：该选项用于设置第3个HTML 5 Audio元素的源音频文件。 ;12.4.1　插入Flash动画 由于Flash动画能够增强网页的动态画面感，又能够实现交互的功能，所以Flash动画被广泛应用于网站页面中，下面就通过一个小练习向读者介绍如何在网页中插入Flash动画。;12.4.3　插入Flash Video FLV是随着Flash系列产品推出的一种流媒体格式， 使用Dreamweaver CC和FLV文件可以快速将视频内容放置在Web上，将FLV文件拖动到Dreamweaver CC中可以将视频快速地融入网站的应用程序。; 为网页添加背景音乐，可以突出网页的主题氛围，但同时也会增加网页的容量，增加下载的时间。网页中支持的音乐格式有多种，并且添加背景音乐的方法也有多种，本节中将向读者介绍如何为网页添加背景音乐。;3．AIF AIF是Audio InterchangeFile Format的简写，译为“音频交换文件格式”，这种格式也具有较高的声音质量，和WAV相似。 4．MP3 MP3是Motion Picture Experts Group Audio或MPEG-Audio Layer-3的简写，译为“运动图像专家组音频”，这是一种压缩格式的声音，可以令声音文件相对与WAV格式明显缩小，其声音品质非常好。MP3技术使用户可以对文件进行“流式处理”，以便浏览者不必等待整个文件下载完成就可以收听该文件。 5．RA或RAM、RPM和Real Audio 这种格式具有非常高的压缩程度，文件