HTML5多媒体应用开发

第1章 HTML5简介

1.1 HTML5是什么

1.2 HTML5的发展

1.3 主要的HTML5结构化元素

1.3.1 DOC TYPE和Charset

1.3.2 and

1.3.3

1.3.4 和

1.3.5

1.3.6

1.3.7 和

1.3.8

1.4 小结

第2章 HTML5多媒体元素

2.1 Web多媒体历史

2.1.1 媒体播放器

2.1.2 媒体播放器的问题

2.1.3 HTML元素

2.2 原生多媒体

2.2.1 Audio元素

2.2.2 Video元素

2.2.3 Source元素

2.2.4 Track元素

2.3 小结

第3章 使用音频

3.1 音频Codec和文件格式

3.1.1 Ogg Vorbis

3.1.2 MP

3.1.3 WAV

3.1.4 AAC

3.1.5 MP

3.2 音频格式的浏览器支持

3.2.1 编码音频文件

3.2.2 过时浏览器应变手段

3.3 Audio元素使用示例

3.3.1 播放一个音频文件

3.3.2 用不同源播放一个音频文件

3.3.3 用不同源播放一个音频文件以及过时浏览器的应变手段

3.4 小结

第4章 使用视频

4.1 视频Codec和文件格式

4.1.1 Theora Ogg

4.1.2 MP4(H.264)

4.1.3 WebM

4.2 视频格式的浏览器支持

4.3 使用视频元素

4.3.1 播放一个视频文件

4.3.2 用不同源播放一个视频文件

4.3.3 用不同源播放一个视频文件及过时浏览器应变手段

4.3.4 使用媒体类型和查询为目标设备提供不同的视频文件

4.3.5 Android与视频

4.4 小结

第5章 JavaScript API和自定义控件

5.1 什么是JavaScript

5.2 API属性研究

5.3 利用API事件

5.4 使用API方法

5.5 创建具有自定义控件的简单视频播放器

5.5.1 添加播放/暂停和停止按钮

5.5.2 监听事件

5.5.3 添加音量和静音按钮

5.5.4 添加一个进度条

5.5.5 添加快进和倒回按钮

5.5.6 添加一个搜索条

5.5.7 非HTML5浏览器

5.6 小结

第6章 使用CSS为媒体元素添加样式

6.1 CSS3样式简介

6.2 CSS3高级技巧

6.2.1 不透明性

6.2.2 渐变

6.2.3 圆角

6.2.4 阴影

6.2.5 改变内容的大小

6.3 WebKit专属的CSS3规则

6.3.1 Reflect

6.3.2 屏蔽

6.4 小结

第7章 过渡、变换和动画

7.1 使用过渡

7.1.1 在音频和视频上使用过渡

7.1.2 用CSS过渡设置样式

7.1.3 淡入淡出过渡

7.2 研究2D变换

7.2.1 缩放一个视频

7.2.2 旋转视频

7.2.3 倾斜视频

7.2.4 移动视频

7.3 研究3D变换

7.4 使用动画

7.4.1 @keyframes

7.4.2 动画视频覆盖

7.4.3 旋转动画

7.4.4 将动画视频覆盖扩展为3D

7.5 小结

第8章 多媒体与可访问性

8.1 媒体和潜在的可访问性问题

8.2 SRT简述

8.3 WebVTT简介

8.3.1 WebVTT能做什么

8.3.2 WebVTT文件格式

8.4 Track元素

8.5 现在就使用WebVTT和Track元素

8.6 媒体控件和可访问性

8.7 小结

第9章 使用视频和画布

9.1 Canvas元素

9.2 2D API

9.3 获得一个HTML5视频的屏幕截图

9.4 制作播放中视频的一个副本

9.5 播放视频的灰度副本

9.6 小结

第10章 使用视频和SVG

10.1 SVG简介

10.1.1 浏览器支持

10.1.2 Svg元素

10.1.3 SVG文本

10.1.4 SVG圆形

10.1.5 SVG椭圆

10.2 结合使用SVG和HTML5视频

10.2.1 向视频添加文本屏蔽

10.2.2 为视频添加一个椭圆屏蔽

10.2.3 SVG视频屏蔽动画

10.2.4 移动SVG视频屏蔽

10.2.5 为HTML5视频应用SVG滤镜

10.3 小结

第11章 未来的特性

11.1 音频API

11.1.1 Audio Data API

11.1.2 Web Audio API

11.2 getUserMedia API

11.3 PeerConnection API

11.4 Stream API

11.5 WebSocket API

11.5.1 WebSocket接口

11.5.2 使用WebSocket

11.6 小结

《HTML5多媒体应用开发》主要介绍HTML5多媒体应用开发的基础知识，作者在书中阐述了如何使用HTLM5元素在Web文档中嵌入音频和视频，并且使其在所有浏览器中都能够正常使用。《HTML5多媒体应用开发》还揭示了如何使用JavaScript Media API创建HTML5音频和视频的自定义控件，使用WebVTT添加字幕，使用CSS为HTML5媒体元素添加样式，使用svg操纵视频，以及利用HTML5元素动态生成图形。
《HTML5多媒体应用开发》是一本在网站中构建原生HTML5多媒体的简易指南，适合初次接触HTML5的读者参考使用。