HTML5多媒体应用开发

第1章　HTML5简介　

　1.1　html5是什么　

　1.2　html5的发展　

　1.3　主要的html5结构化元素　

　1.3.1　doc type和charset　

　1.3.2　[header] and [footer]　

　1.3.3　[hgroup]　

　1.3.4　[article]和[section]　

　1.3.5　[nav]　

　1.3.6　[aside]　

　1.3.7　[figure]和[figcaption]　

　1.3.8　[script]　

　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　mp3　

　3.1.3　wav　

　3.1.4　aac　

　3.1.5　mp4　

　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　小结