第1章HTML5简介 1
1.1HTML5是什么 3
1.2 HTML5的发展 3
1.3主要的HTML5结构化元素 5
1.3.1 DOC TYPE和Charset 6
1.3.2 〈header〉 and 〈footer〉 8
1.3.3 〈hgroup〉 8
1.3.4 〈article〉和〈section〉 9
1.3.5 〈nav〉 12
1.3.6 〈aside〉 13
1.3.7 〈figure〉和〈figcaption〉 14
1.3.8 〈script〉 16
1.4小结 16
第2章HTML5多媒体元素 17
2.1 Web多媒体历史 19
2.1.1媒体播放器 19
2.1.2媒体播放器的问题 21
2.1.3 HTML元素 22
2.2原生多媒体 23
2.2.1 Audio元素 24
2.2.2 Video元素 26
2.2.3 Source元素 28
2.2.4 Track元素 29
2.3小结 31
第3章 使用音频 32
3.1音频Codec和文件格式 34
3.1.1 Ogg Vorbis 34
3.1.2 MP3 35
3.1.2 MP3 35
3.1.3 WAV 35
3.1.4 AAC 35
3.1.5 MP4 35
3.2音频格式的浏览器支持 36
3.2.1编码音频文件 37
3.2.2过时浏览器应变手段 38
3.3 Audio元素使用示例 38
3.3.1播放一个音频文件 38
3.3.2用不同源播放一个音频文件 39
3.3.3用不同源播放一个音频文件以及过时浏览器的应变手段 40
3.4小结 43
第4章 使用视频 45
4.1视频Codec和文件格式 47
4.1.1 Theora Ogg 47
4.1.2 MP4 （H.264） 47
4.1.3 WebM 48
4.2视频格式的浏览器支持 48
4.3使用视频元素 50
4.3.1播放一个视频文件 50
4.3.2用不同源播放一个视频文件 53
4.3.3用不同源播放一个视频文件及过时浏览器应变手段 55
4.3.4使用媒体类型和查询为目标设备提供不同的视频文件 58
4.3.5 Android与视频 62
4.4小结 64
第5章JavaScript API和自定义控件 65
5.1什么是JavaScript 67
5.2 API属性研究 67
5.3利用API事件 71
5.4使用API方法 74
5.5创建具有自定义控件的简单视频播放器 75
5.5.1添加播放/暂停和停止按钮 76
5.5.2监听事件 79
5.5.3添加音量和静音按钮 81
5.5.4添加一个进度条 83
5.5.5添加快进和倒回按钮 85
5.5.6添加一个搜索条 87
5.5.7非HTML5浏览器 89
5.6小结 90
第6章 使用CSS为媒体元素添加样式 91
6.1 CSS3样式简介 93
6.2 CSS3高级技巧 96
6.2.1不透明性 96
6.2.2渐变 97
6.2.3圆角 99
6.2.4阴影 100
6.2.5改变内容的大小 101
6.3 WebKit专属的CSS3规则 106
6.3.1 Reflect 107
6.3.2屏蔽 108
6.4小结 109
第7章 过渡、变换和动画 110
7.1使用过渡 112
7.1.1在音频和视频上使用过渡 115
7.1.2用CSS过渡设置样式 115
7.1.3淡入淡出过渡 117
7.2研究2D变换 118
7.2.1缩放一个视频 119
7.2.2旋转视频 120
7.2.3倾斜视频 121
7.2.4移动视频 122
7.3研究3D变换 124
7.4使用动画 128
7.4.1 @keyframes 128
7.4.2动画视频覆盖 131
7.4.3旋转动画 135
7.4.4将动画视频覆盖扩展为3D 137
7.5小结 138
第8章 多媒体与可访问性 140
8.1媒体和潜在的可访问性问题 142
8.2 SRT简述 142
8.3 WebVTT简介 143
8.3.1 WebVTT能做什么 144
8.3.2 WebVTT文件格式 145
8.4 Track元素 151
8.5现在就使用WebVTT和Track元素 153
8.6媒体控件和可访问性 157
8.7小结 160
第9章 使用视频和画布 161
9.1 Canvas元素 163
9.2 2D API 164
9.3获得一个HTML5视频的屏幕截图 165
9.4制作播放中视频的一个副本 168
9.5播放视频的灰度副本 170
9.6小结 174
第10章 使用视频和SVG 175
10.1 SVG简介 177
10.1.1浏览器支持 178
10.1.2 Svg元素 178
10.1.3 SVG文本 179
10.1.4 SVG圆形 180
10.1.5 SVG椭圆 180
10.2结合使用SVG和HTML5视频 181
10.2.1向视频添加文本屏蔽 182
10.2.2为视频添加一个椭圆屏蔽 186
10.2.3 SVG视频屏蔽动画 187
10.2.4移动SVG视频屏蔽 189
10.2.5为HTML5视频应用SVG滤镜 192
10.3小结 197
第11章 未来的特性 198
11.1音频API 200
11.1.1 Audio Data API 200
11.1.2 Web Audio API 204
11.2 getUserMedia API 206
11.3 PeerConnection API 207
11.4 Stream API 208
11.5 WebSocket API 210
11.5.1 WebSocket接口 210
11.5.2使用WebSocket 212
11.6小结 215