HTML5多媒体开发指南
2013-2
清华大学出版社
(美)布拉特曼(Bluttman, K. ),(美)科特雷尔(Cottrell, L. ) 著
施宏斌
无
使用HTML5开发跨平台多媒体应用
现在开发人员可以在浏览器中创建出具有丰富交互功能的内容，并实现跨平台部署。 HTML5多媒体开发指南 一书对此进行了详细介绍。本书将介绍如何使用HTML5革命性的新特性，包括原生的、和元素，使用这些新元素可以取代第三方插件。本书还介绍了一些HTML5新标记，比如简化的doctype标记，另外，还介绍了本地存储、拖放和geolocation功能。本书通过详细的代码示例举例说明了所讨论的技术。通过本书的学习，读者可以使用HTML5开发出炫目的多媒体应用和网站。
● 使用canvas实现绘图、动画、特效和事件
● 使用原生的元素创建和观看视频
● 使用原生的元素添加并播放音频
● 充分利用本地数据存储功能的长处
● 使用geolocation属性创建地理位置感知的Web页面
● 使用新的语义布局标记开发结构优良的页面
● 使用新的表单对象为Web表单添加功能
● 学习新的CSS 3属性和增强功能
● 使用可编辑内容和离线文件功能
● 使用JavaScript和其他Web技术
作者：（美国）布拉特曼（Ken Bluttman） （美国）科特雷尔（Lee Cottrell） 译者：施宏斌 Ken Bluttman已编写了十多本计算机图书，其中包括多本介绍Web开发技术的书籍。Ken具有《财富》500强企业的商业工作经历。Ken从实用的角度进行开发，实际的需求比幻想更加重要，即采用“需求—表单—功能”的方式进行开发。Ken开发过复杂的企业intranet应用，指导并领导过开发团队。近年来，Ken独立工作，创建网站并编写图书。Ken常常为分析、交通生产和搜索引擎优化（search engine optimization，SEO）等领域的商业团体担任顾问。闲暇之时，Ken喜欢摆弄各式各样的乐器、登山、外出摄影或者照顾家庭和他的各种小动物。 Lee Cottrell是匹兹堡Bradford学校的计算机程序设计和网络课程的Program Manager。Lee于2001年获得了匹兹堡大学信息科学的硕士学位。从1993年开始，Lee就使用HTML为非营利组织和社区创建了一些W曲页面。随着HTML的升级，Lee紧跟最新技术，使用了HTML5和CSS3的早期版本进行开发。
第Ⅰ部分概述 第1章 HTML5新特性 1.1HTML5——更优雅 的HTML 1.2 HTML5与CSS 1.3 HTML5的新标记 1.4 HTML5与HTML4的比较 1.5 HTML5中最新的多媒体处理方式 1.6小结 第2章HTML5 Web开发中的JavaScript和CSS 2.1 JavaScript是Web开发不可或缺的一部分 2.2将脚本代码放在页面底部 2.3循环和条件判断 2.4 JavaScript外部文件 2.5 CSS概述 2.6 ID选择器：选择页面的特定部分 2.7如何将CSS应用于新的HTML5多媒体标记 2.8 小结 第Ⅱ部分图形和多媒体 第3章canvas的创意 3.1 canvas简介 3.2在Canvas上绘图 3.3渐变 3.3.1线性渐变 3.3.2径向渐变 3.4理解路径 3.5绘制圆和圆弧 3.6绘制线段 3.7使用多个canvas 3.8在canvas上放置文本 3.8.1垂直文本 3.8.2阴影文本 3.9小结 第4章canvas的动画和事件 4.1用圆形填充canvas的动画 4.2移动的渐变效果 4.3使用事件 4.3.1蒙德里安风格的艺术 4.3.2绘图板 4.4小结 第5章在HTML5中使用视频 5.1关于格式编码器和一些 易混淆的问题 5.2转换文件格式 5.3观看视频 5.3.1 回退 5.3.2控制视频 5.3.3 video元素的更多属性 5.3.4视频与事件 5.4小结 第111部分高级HTML5特性 第6章 HTML5中的audio 6.1 Audio元素简介 6.2隐藏audio播放器 6.3事件和audio元素 6.3.1使用audio元素的事件 6.3.2使用audio元素的其他事件 6.4小结 第7章使用本地存储持久化存储数据 7.1本地存储的定义 7.2本地存储基础 7.3使用本地存储控制图片 7.4小结 第8章拖放功能：在屏幕上移动元素 8.1 拖放方块 8.2为拖放事件添加行为 8.3轻松在线购物 8.4井字游戏（Tic—Tac—Toe） 8.5小结 第9章地理定位 9.1地理定位方法 9.2关注隐私问题 9.3找到你的位置 9.3.1处理拒绝和错误 9.3.2检测浏览器对geolocation的支持 9.4在地图上显示你的位置 9.4.1 使用地图 9.4.2持续地跟踪位置的移动 9.5小结 第10章HTML5文档结构 10.1 div元素的问题 10.2 HTML5布局标记 10.2.1布局标记概述 10.2.2使用新的布局标记 10_3 小结 第11章HTML5新的表单元素和用途 11.1 HTML5的input类型 11.2创建表单 11.2.1添加一个颜色拾取器 11.2.2添加日期和时间控件 11.2.3使用e—mail和URL字段 11.2.4添加Number控件和Range控件 11.2.5使用search类型 11.2.6添加电话号码输入框 11.3创建安全表单 11.3.1表单的布局 11.3.2执行验证 11.3.3提交数据 11.4小结 第12章CSS3：新样式表技术 12.1 CSS3模块 12.2 Web字体 12.2.1 css3的字体规则 12.2.2字体格式 12.2.3在网站中使用字体 12.3 背景 12.3.1多个背景图片 12.3.2设置背景位置 12.4边框 12.4.1 圆角边框和阴影边框 12.4.2图形边框 12.5变形 12.6过渡（Transition） 12.7动画 12.7.1创建动画 12.7.2多个动画 12.7.3 CSS动画的附加说明 12.8小结 第13章可编辑区域和离线站点 13.1可编辑内容 13.1.1创建一个可编辑区域 13.1.2可编辑内容的一个小游戏 13.2离线站点 13.2.1缓存清单文件 13.2.2检测离线状态的代码 13.2.3缓存多个页面 13.3小结 第14章高级主题 14.1 JavaScript 14.1.1循环 14.1.2条件分支 14.1.3函数 14.2用数学方法创建视觉 效果 14.3视差处理 14.4小结 附录A快速参考 A.1 HTML5模板 A.2 HTML全局属性 A.3 HTML特定标记的属性 A.4 HTML5标记
版权页： 插图： 在每一轮循环时，位于大括号（{}）之中的所有代码都将运行一次。在for语句之后，使用了switch语句来检测日期。switch语句可以代替一系列if语句。这只是一个程序设计风格的小问题。最后，请注意在标记中添加了onload事件，以触发loop anddecide（）函数的执行： 2.4 JavaScript外部文件 在Web页面中通常链接到JavaScript文件。也就是说，将JavaScript代码放在W曲服务器上的一个外部文件中，而不是将JavaScript代码直接写入到页面之中。script标记具有一个源属性（srC）用于指向外部的JavaScript文件。比如下面的例子：
《HTML5多媒体开发指南》创建可以在任何设备上观看的激动人心的动画，播放原生音频和视频文件，无需第三方插件。使用geolocation和拖放技术创建Rich Web解决方案。
无