HTML5多媒体应用开发

《HTML5多媒体应用开发》是2012 年5月人民邮电出版社出版的图书，作者是(爱)Ian Devlin

基本信息

    书名

    HTML5多媒体应用开发

    ISBN

    9787115277084

    出版社

    人民邮电出版社

    出版时间

    2012 年5月

目录     

1基本信息

2内容简介

3目录

折叠

编辑本段

基本信息

作者:(爱)Ian Devlin

译者:姚军

开本:16开

页码:216

版次:1-1

折叠

编辑本段

内容简介

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

折叠

编辑本段

目录

《html5多媒体应用开发》

第1章 html5简介 1

1.1 html5是什么 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.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