第8章多媒体技术 HTML5多媒体的特性●多媒体的支持条件 HTML5 嵌入视频和音频 ·CSS控制视频的宽高 •视频和音频的方法和事件
让IT教学更简单，让IT学习更有效 第 8 章 多媒体技术 HTML5 ·多媒体的支持条件 ·CSS控制视频的宽高 ·HTML5多媒体的特性 ·嵌入视频和音频 ·视频和音频的方法和事件 HTML5
学习目标 熟悉HTML5多媒体特 了解HTML5支持的音 性。 频和视频格式。 熟悉 了解 掌握HTML5中视频的 掌握 器 掌握HTML5中音频的 相关属性，能够在 相关属性，能够在 HTML5页面中添加视 了解 HTML5页面中添加音 频文件。 频文件。 了解HTML5中视频、音 频的一些常见操作，并能 够应用到网页制作中。 ⊙
✎ ✎ 学习目标 熟悉HTML5多媒体特 性。 1 了 解 了解HTML5支持的音 频和视频格式。 2 掌握HTML5中视频的 相关属性，能够在 HTML5页面中添加视 频文件。 3 掌握HTML5中音频的 相关属性，能够在 HTML5页面中添加音 频文件。 4 了解HTML5中视频、音 频的一些常见操作，并能 5 够应用到网页制作中
四目录 8.1 HTML5多媒体的特性 8.2 多媒体的支持条件 一点击查看本小节知识架构 8.3 嵌入视频和音频 一点击查看本小节知识架构 84 CSS控制视频的宽高 8.5 视频和音频的方法和事件 8.6 HTML5音视频发展趋势 8.7 阶段案例 制作音乐播放界面
✎ 目录 HTML5多媒体的特性 多媒体的支持条件 ☞点击查看本小节知识架构 嵌入视频和音频 CSS控制视频的宽高 视频和音频的方法和事件 HTML5音视频发展趋势 ☞点击查看本小节知识架构 阶段案例——制作音乐播放界面
四知识架构 返回目录 8.2多媒体的支持条件 8.2.1 视频和音频编解码器 8.2.2 多媒体的格式 8.2.3…。 支持视频和音频的浏览器
✎ 知识架构 8.2 多媒体的支持条件 8.2.1 视频和音频编解码器 8.2.2 多媒体的格式 8.2.3 支持视频和音频的浏览器
四知识架构 返回目录 8.3嵌入视频和音频 8.3.1………● 在HTML5中嵌入视频 8.3.2 在HTML5中嵌入音频 8.3.3 音视频中的source:元素 8.3.4………0 调用网页多媒体文件 y·
✎ 8.3 嵌入视频和音频 8.3.1 在HTML5中嵌入视频 8.3.2 在HTML5中嵌入音频 8.3.3 音视频中的source元素 8.3.4 调用网页多媒体文件 知识架构
多媒体技术 在网页设计中，多媒体技术主要是指在网页上运用音频视频传递 信息的一种方式。在网络传输速度越来越快的今天，音频和视频 技术已经被越来越广泛的应用在网页设计中。 ￥
✎ 多媒体技术 在网页设计中，多媒体技术主要是指在网页上运用音频视频传递 信息的一种方式。在网络传输速度越来越快的今天，音频和视频 技术已经被越来越广泛的应用在网页设计中
8.1HTML5多媒体的特性 在HTML5出现之前并没有将视频和 音频嵌入到页面的标准方式，多媒体 Adobe F1ashP1ayer11.2安装程序 内容在大多数情况下都是通过第三方 插件或集成在Web浏览器的应用程序 置于页面中。 圆我已经阅读并同意Flash Player许可协议的条款. 单击比处阅读许可。 复杂 冗长 退出 安装 运用HTML5中新增的video标签和audio标签可以避免这样的问题
✎ 8.1 HTML5多媒体的特性 在HTML5出现之前并没有将视频和 音频嵌入到页面的标准方式，多媒体 内容在大多数情况下都是通过第三方 插件或集成在Web浏览器的应用程序 置于页面中。 复杂 冗长 运用HTML5中新增的video标签和audio标签可以避免这样的问题
8.2多媒体支持条件 8.2.1 视频和音频编解码器 由于视频和音频的原始数据 一般都比较大，如果不对其 无法播放视频 进行编码就放到互联网上， 很抱歉，无法播放此视频 传播时会消耗大量时间，无 确定 法实现流畅的传输或播放。 通过视频和音频编解码器对视频和音频文件进行压缩，就可以实现视频和 音频的正常传输和播放
✎ 8.2 多媒体支持条件 8.2.1 视频和音频编解码器 由于视频和音频的原始数据 一般都比较大，如果不对其 进行编码就放到互联网上， 传播时会消耗大量时间，无 法实现流畅的传输或播放。 通过视频和音频编解码器对视频和音频文件进行压缩，就可以实现视频和 音频的正常传输和播放
8.2多媒体支持条件 8.2.1 视频和音频编解码器 视频编解码器 音频编解码器 视频编解码器定义了多媒体数据流编码和解 码的算法。其中编码器主要是对数据流进行 编码操作，用于存储和传输
✎ 8.2.1 视频和音频编解码器 视频编解码器 音频编解码器 视频编解码器定义了多媒体数据流编码和解 码的算法。其中编码器主要是对数据流进行 编码操作，用于存储和传输。 8.2 多媒体支持条件
8.2多媒体支持条件 8.2.1 视频和音频编解码器 视频编解码器 音频编解码器 H.264 H.264是国际标准化组织(SO)和国际电信联盟(TU) 共同提出的继MPEG4之后的新一代数字视频压缩格式 Theora Theora,是免费开放的视频压缩编码技术，可以支持从 VP3HD高清到MPEG-4/DVX视频格式。 VP8 VP8是第八代的On2视频，能以更少的数据提供更高质 量的视频，而且只需较小的处理能力即可播放视频
✎ 8.2.1 视频和音频编解码器 视频编解码器 音频编解码器 • H.264是国际标准化组织（ISO）和国际电信联盟（ITU） H.264 共同提出的继MPEG4之后的新一代数字视频压缩格式 • Theora是免费开放的视频压缩编码技术，可以支持从 Theora VP3 HD高清到MPEG-4/DiVX视频格式。 • VP8是第八代的On2视频，能以更少的数据提供更高质 VP8 量的视频，而且只需较小的处理能力即可播放视频。 8.2 多媒体支持条件