欢迎来到天天文库
浏览记录
ID:52992094
大小:250.24 KB
页数:26页
时间:2020-04-09
《轻松学HTMLCSS之多媒体.pptx》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第7章多媒体HTML是一种超文本标记语言。超文本页面中除了包含文字,还有图片、声音和影像等其他形式的信息。上一章我们已经介绍了图片的应用,本章我们将详细介绍如何在网页中添加声音和视频等元素,使网页的表现形式更加丰富多彩。7.1插入音乐插入音乐是指在网页中插入音乐文件。下面我们就来详细介绍如何在网页中插入音乐文件。7.1.1音乐格式在插入音乐文件时,需要注意所用浏览器可以支持播放的音乐格式。用浏览器播放音乐的格式多种多样,但常用的格式有:MIDI、WAV、MP3。1.MIDI格式2.WAV格式3.MP3格式7.1.2插入
2、音乐在网页中加入声音,可以令网页更具特色。网页中的声音可以是背景音乐,也可以是歌曲。通过标签定义插入音乐文件,定义语法规则如下所示:7.1.3音乐路径(src)插入音乐文件需要插入正确地音乐文件路径。音乐文件路径也是通过src属性定义的,与插入图片的用法相同,定义语法形式如下所示:7.1.4音乐的播放次数(loop)音乐播放次数是指音乐文件是否可以进行循环播放。通过loop属性定义,定义语法规则如下所示:7.1.5音乐的自动播放(autostart)音乐的自动播放是指音乐文件在页面打开时,是否进行自动播放
3、。通过autostart属性来定义,定义语法规则如下所示:7.1.6隐藏播放版面(hidden)隐藏播放面板是指网页中是否隐藏音乐文件的播放器。通过hidden属性定义,定义语法规则如下所示:7.2嵌入背景音乐在网页的设计过程中,我们不仅可以使用背景图片增加网页的观赏性,也可以通过添加背景音乐使网页更具欣赏性。在HTML中,背景音乐由标签来定义。7.2.1背景音乐路径在网页中添加背景音乐,与添加音乐的方法相同,需要指明背景音乐的路径src。定义语法规则如下所示:7.2.2循环播放(loop)背景音乐的
4、循环播放是通过loop属性来定义的。与添加普通音乐文件的loop属性值有些不同,定义语法形式如下所示:7.2.3自动播放(autostart)自动播放是指打开网页时背景音乐是否自动播放,通过autostart属性进行定义。定义语法形式如下所示:7.2.4音量控制为了在网页中能够更好的播放背景音乐,我们添加了volume属性,用来控制音乐播放时的音量,取值范围为0~100。定义语法形式如下所示:7.2.5延迟播放延迟播放是指延迟音乐播放的时间,使用dilay属性来定义,单位是毫秒。定义语法规则如下所示:7.2.6音量平衡
5、添加balance属性是为了控制音乐左右声道音量的平衡,可用于控制立体声,定义语法规则如下所示:7.3插入视频视频已经被越来越多的网站所选用。视频不仅给我们带来听觉的冲击,更让我们享受到了视觉的冲击。下面我们就来详细介绍有关视频的格式、插入等内容。7.3.1视频格式视频格式可以分为适合本地播放的本地影像视频和适合在网络中播放的网络媒体影像视频两大类。本节着重讲述适合在网络中播放的影像视频格式。1.WMV格式2.RMVB格式7.3.2插入视频视频的插入我们通常用标签和标签进行定义,播放器的参
6、数设置在标签中定义,下面我们就来详细介绍这3种标签。7.3.2插入视频1.object标签我们通过的标签来定义插入视频,定义语法形式如下所示:7.3.2插入视频在网页中播放视频,其实是调用相关的播放器来进行播放,不同的播放器的参数设置不同。定义语法规则如下所示:7.3.2插入视频下面我们给出一些插入视频时常用的参数的设置方法。7.3.2插入视频2.embed标签标签式用来插入视频的另一个标签,语法形式如下所示:7.4插入FlashFlash是一种高质量的矢量视频。由于其文件小
7、、形式灵活,在网络中的应用范围非常广,已经成为网页中的一个重要表现元素。本节将介绍如何在网页中插入Flash。7.4.1插入Flash视频插入Flash视频的语法、用法与插入视屏相同,同样运用、和标签。这里就不做过多介绍了。本节将介绍在Dreamweaver中如何插入Flash视屏。7.4.2透明效果Flash文件的表现效果多种多样,但透明效果的应用最为广泛。通常我们使用wmode参数定义Flash文件为透明状态。首先需要在Flash软件中制作透明背景的Flash,在网页中就
8、需要使用该参数对Flash文件进行设置,使之变成透明状态。定义语法形式如下所示:7.5小结本章学习了有关于音频、视频的各种用法。通过学习,可以了解到如何插入音乐、视频等的语法、作用。其中,需要读者重点掌握的是插入音乐、视频的方法,以及其属性的设置。通过对网页中添加音乐、视频等,使网页的效果更加美观,富有生命力。
此文档下载收益归作者所有