HTML在数字阅读的应用.pptVIP

HTML5 在数字阅读的应用 -- Leo Liu ROGEAM（乐进科技） 代码 预加载设置为假，可以降低流量，这个对于3G移动设备来说非常有用； 可以自己用js编写控制器：play(), pause()方法，以及属性currentTime，volume等属性可以用。 内嵌视频 !DOCTYPE HTML html body video width=320 height=240 controls=controls preload=none source src=movie.mp4 type=video/mp4 /video /body /html 自然界是那么的和谐； 熊与鸟可以如好朋友那样同生共存，相互娱乐，打发时间； 人类就没那么友好了，早就坐不住了！ 内嵌视频 可以多个视频同时播放，只要带宽够用 代码 离线阅读 !DOCTYPE HTML html manifest=/cache.manifest body .... /body /html CACHE MANIFEST /common.js /styles.css /index.jsp /banner.gif ... 结合本地存储； 可以实现让用户离线阅读； 让用户离线写书评，在下次联网时自动同步到服务器上； 对于现在Wifi漫游状况不好的中国，有其独有的优势 Wifi下载，离线阅读，下一个Wifi继续... 离线阅读 代码 可以在后台观察用户的阅读习惯，而不会打扰用户阅读线程 多后台线程 var w = new Worker(/js/test.js); addEvent(document.getElementById(toggleWorker), click, function () { w.postMessage(click); }); w.onmessage = function (event) { //event.data; } 自动加载 传统模式 借助html5，我们可以在后台静默加载，页面不再有分页标签； 对于用户来说，不再来回翻页 尤其是移动设备，触屏操作模式下 只需要手指不停的滑动，即可阅读完全文 ... 自动加载 Cavas的应用 利用Cavas的绘图功能，让用户在阅读的同时对内容圈圈点点；系统记录用户涂鸦的位置； 教材内出版物，也可以利用它制作课件 阅读涂鸦 Article，Section 等等 看下面代码 语义规范 div class=header h1如何才能进入Google和斯坦福这样的名企和名校/h1 p class=pubdate2011-05-20/p p class=digest 编者按：原作者多恩·道奇(Don Dodge)是Google帮助开发人员在其平台和技术上构建新应用的开发者代言人。在加入Google之前，多恩是微软新兴事业部业务开发主管 /p p class=content ... /p /div 语义规范 html5 怎么写 article h1如何才能进入Google和斯坦福这样的名企和名校/h1 time2011-05-20/time summary 编者按：原作者多恩·道奇(Don Dodge)是Google帮助开发人员在其平台和技术上构建新应用的开发者代言人。在加入Google之前，多恩是微软新兴事业部业务开发主管 /summary details ... /details /article 谢谢 抛砖引玉！ 利用CSS3还可以做很多特效，有助于用户阅读，这个后续研究！