第2.2.9 网页中使用音频和视频3ppt课件.ppt
《第2.2.9 网页中使用音频和视频3ppt课件.ppt》由会员分享,可在线阅读,更多相关《第2.2.9 网页中使用音频和视频3ppt课件.ppt(33页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、在此输入您的封面副标题第2.2.9 网页中使用音频和视频3中国铁道出版社中国铁道出版社 2016.92016.9李红李红 岳云康岳云康 樊东燕樊东燕 编著编著 编著:编著:李红李红 岳云康岳云康 樊东燕樊东燕中国铁道出版社2016.9中国铁道出版社中国铁道出版社 2016.92016.9李红李红 岳云康岳云康 樊东燕樊东燕 编著编著 主讲:主讲: 李红李红第章第章网页中使用音频和视频网页中使用音频和视频中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 网页中使用音频和视频本节主要内容:1多媒体概述多媒体概述2网页中使用音视频网页中使用音视频2.3.4 HTML文件命名规则文件命名
2、规则2.3.3 HTML文档标签的使用规范文档标签的使用规范中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 声音与视频概述 (1)常用的音频格式)常用的音频格式 (2)常用的视频格式)常用的视频格式 (3)HTML5的音、视频格式的音、视频格式中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 1多媒体概述多媒体概述 (1)常用的音频格式)常用的音频格式 WAV格式。格式。 WMA格式。格式。 MP3格式。格式。 RM格式。格式。 MID格式。格式。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 常用的播放器:常用的播放器: 微软公司的媒体播放器微软
3、公司的媒体播放器(Windows Media Player)可以可以放除放除RM格式以外的大多数音频文件;格式以外的大多数音频文件; Real公司的公司的RealPlayer或或RealOne可以放除可以放除WMA格式格式以外的大多数音频文件。以外的大多数音频文件。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B (2)常用的视频格式)常用的视频格式 WMV格式。格式。 ASF格式。格式。 RM格式。格式。 RMVB格式。格式。 AVI格式。格式。 MPG格式。格式。 Flash格式。格式。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B (3)HTML5的音、视频
4、格式的音、视频格式 当前,当前,audio 元素支持三种音频格式:元素支持三种音频格式:Ogg、MP3、WAV。 video 元素支持三种视频格式:元素支持三种视频格式:Ogg、MPEG4、WebM。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B Ogg是带有是带有 Theora 视频编码和视频编码和Vorbis 音频编码的音频编码的 Ogg 文件。文件。 MPEG4 是带有是带有 H.264 视频编码和视频编码和 AAC 音频编码的音频编码的 MPEG 4 文件。文件。 WebM 是带有是带有 VP8 视频编码和视频编码和 Vorbis 音频编码的音频编码的 WebM 文件。
5、文件。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B (1)插件方式)插件方式 在在 HTML 中播放音视频一般使用插件,浏览器插件是一中播放音视频一般使用插件,浏览器插件是一种扩展浏览器标准功能的小型计算机程序。种扩展浏览器标准功能的小型计算机程序。 网页主要使用网页主要使用 或或 标签来将插件添加标签来将插件添加到到 HTML 页面。页面。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 标签。作用是在标签。作用是在 HTML 页面中嵌入多媒页面中嵌入多媒体元素,可以是音频,也可以是视频。基本语法格式体元素,可以是音频,也可以是视频。基本语法格式如下:如下:
6、其中:其中:autostart控制播放形式,控制播放形式,true是自动播放,是自动播放,false表示手动播放。表示手动播放。width 和和height,控制窗口大小。控制窗口大小。如:如:中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 标签。标签。 使用使用object标签可以在网页中嵌入各种多媒体,例如标签可以在网页中嵌入各种多媒体,例如Flash、Java Applets、MP3、QuickTime Movies等,等,也可以嵌入图像、也可以嵌入图像、ActiveX、PDF 以及以及 Flash。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B para
7、m标签通常配合标签通常配合object标签一同使用,标签一同使用,object标签内标签内除了除了param标签外,其它的内容将在浏览器不支持标签外,其它的内容将在浏览器不支持objcet标签时显示。标签时显示。object 对象提供了解决方案,通过这种方对象提供了解决方案,通过这种方式,我们能够嵌套多个式,我们能够嵌套多个 object 元素(每个对应一个浏览元素(每个对应一个浏览器)。器)。中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B (2)HTML5直接引用多媒体直接引用多媒体 HTML 5的的。 用于链接多媒体源文件。目前,用于链接多媒体源文件。目前,video 元素
8、支元素支持三种视频格式持三种视频格式ogg、MPEG4或或webM。以下。以下HTML片段片段会显示一段嵌入网页的会显示一段嵌入网页的mp4格式的视频:格式的视频:中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 注意:注意: 元素在老式浏览器中无效,元素在老式浏览器中无效, 元素元素无法通过无法通过 HTML 4 和和 XHTML 验证。验证。 最好的最好的 HTML 解决方法是您必须把视频转换为很多不同解决方法是您必须把视频转换为很多不同的格式,并采用的格式,并采用HTML 5 + + 的方法的方法设计。如:设计
9、。如:中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B 中国铁道出版社电子商务网页设计 (第2版)课件 2016.9B HTML5的音频标签的音频标签。在。在HTML5之前,大之前,大多数音频是通过插件来播放的,播放不同的声音需要不同多数音频是通过插件来播放的,播放不同的声音需要不同的插件。的插件。HTML5 规定了一种通过规定了一种通过 audio 元素来包含音频元素来包含音频的标准方法,目前,在的标准方法,目前,在HTML5规范的网页中规范的网页中audio 元素元素支持支持ogg、mp3、wav三种音频格式文件,设置背景音乐三种音频格式文件,设置背景音乐可以使用以下代码:可
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第2.2.9 网页中使用音频和视频3ppt课件 2.2 网页 使用 音频 视频 ppt 课件
限制150内