HTML5-在数字阅读的应用

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