源自:http://jackyrong.iteye.com/blog/1722097
1 fullscreen全屏api,可惜不是全部浏览器支持,播放视频,做游戏时有用
function launchFullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } } // Launch fullscreen for browsers that support it! launchFullScreen(document.documentElement); launchFullScreen(document.getElementById("videoElement")); //点单独的与元素时启动
2 page visiablity页面可见性判断的API
这个可以用来判断当用户的焦点不在当前tab的时候触发,下面这个例子,当CHROME下运行时候,如果新建立一个TAB,并且焦点到了新的tab,则会发现原来的页面的标题的title属性显示为"hidden"了 不错的关于这个功能的详细教程: http://davidwalsh.name/page-visibility
var hidden, state, visibilityChange; if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState"; } else if (typeof document.mozHidden !== "undefined") { hidden = "mozHidden"; visibilityChange = "mozvisibilitychange"; state = "mozVisibilityState"; } else if (typeof document.msHidden !== "undefined") { hidden = "msHidden"; visibilityChange = "msvisibilitychange"; state = "msVisibilityState"; } else if (typeof document.webkitHidden !== "undefined") { hidden = "webkitHidden"; visibilityChange = "webkitvisibilitychange"; state = "webkitVisibilityState"; } // Add a listener that constantly changes the title document.addEventListener(visibilityChange, function(e) { // Start or stop processing depending on state }, false);
3 getUserMedia api 获得访问媒体设备的API
可以允许调用用户的媒体设备,比如camera等。 更具体的教程见:
http://davidwalsh.name/browser-camera
window.addEventListener("DOMContentLoaded", function() { // Grab elements, create settings, etc. var canvas = document.getElementById("canvas"), context = canvas.getContext("2d"), video = document.getElementById("video"), videoObj = { "video": true }, errBack = function(error) { console.log("Video capture error: ", error.code); }; // 播放 if(navigator.getUserMedia) { // Standard navigator.getUserMedia(videoObj, function(stream) { video.src = stream; video.play(); }, errBack); } else if(navigator.webkitGetUserMedia) { // WebKit系列浏览器 navigator.webkitGetUserMedia(videoObj, function(stream){ video.src = window.webkitURL.createObjectURL(stream); video.play(); }, errBack); } }, false);
4 电池API
可以获得电池的工作状态 这个对移动设备很有效果,相关教程:
http://davidwalsh.name/battery-api 可惜这东西暂时只自mozilla下有效果
var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery; console.warn("Battery charging: ", battery.charging); // true console.warn("Battery level: ", battery.level); // 0.58 console.warn("Battery discharging time: ", battery.dischargingTime); //电池的监听 battery.addEventListener("chargingchange", function(e) { console.warn("Battery charge change: ", battery.charging); }, false);
5 页面元素预加载 prefetch
主要是浏览器加载完页面后,将其放到浏览器的cache中去教程:http://davidwalsh.name/html5-prefetch
<link rel="prefetch" href="http://davidwalsh.name/css-enhancements-user-experience" /> <link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" />
相关推荐
本次实验主要包含了两个基于HTML5媒体API的应用设计实例,一是基于HTML5音频API的音乐播放器的设计与实现,二是基于HTML5视频API的在线教学视频的设计与实现。要求做基于HTML5音频API的音乐播放器的设计与实现,基于...
对于广大开发人员和设计者,究竟该如何入手HTML5及获取相关...以下是广大HTML5技术爱好者学习和参考相关技术不可错过的12家外网,它们或是采用HTML5技术开发出的案例,或是HTML5相关的学习资源,供国内的开发人员参阅。
java.sql 提供使用 JavaTM 编程语言访问并处理存储在数据源(通常是一个关系数据库)中的数据的 API。 java.text 提供以与自然语言无关的方式来处理文本、日期、数字和消息的类和接口。 java.text.spi java.text ...
unity5圣典中文API手册v0.02.chm,可离线使用。本手册适合新手使用。
C# 中操作API,作为初学者来说,在C#中使用API确是一件令人头疼的问题。在使用API之间你必须知道如何在C#中使用结构、类型转换、安全/不安全代码,可控/不可控代码等许多知识。
一本涉及高级内容应用的HTML5教程,HTML5 Canvas_2D API规范1.0中文版,Canvas在HTML5有着重要意义,可以说是HTML5强大功能亮点的体现,本教程可看作是一本HTML5的Canvas API手册,包括了CANVAS接口元素定义、...
EXT中文API帮助,没什么可说的。 EXT中文API帮助,没什么可说的。 EXT中文API帮助,没什么可说的。 EXT中文API帮助,没什么可说的。
jquary中文api和css中文手册,初学者必不可少的工具…
1.内容概要 本手册为JDK-API-1.8版本,java中文版api手册。JDK是 Java 语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境(JVM...不可随意传播哦
一款很好的HTML5开发手册,在没有外网的情况也可查阅
ext 3.3.1 api 不可缺少的学习资料 ext 3.3.1 api 不可缺少的学习资料 ext 3.3.1 api 不可缺少的学习资料
jsTree中文api文档,js操作树可移动节点 增加修改删除节点.jsTree中文api文档,js操作树可移动节点 增加修改删除节点.
该资源可帮助搞移动跨平台开发的哥们提高底层调用的内功!
php使用API将word转换pdf文件,这个可以用,示例文件中调用了word2pdf.wlphp.com官方网站的API文件,生成的PDF文档上传到了官网进行演示,用户可根据程序运行后的路径下载PDF文档,虽然有些麻烦,不过后期可以自己...
jsoup爬虫API,可解析和遍历HTML文档,解析一个HTML字符串,从一个URL加载一个Document,从一个文件加载一个文档等
Text中文教程.pdf .........可生成pdf文件和rtf文件。h5转pdf 在示例代码0104中你可以看到该文档有一个0.5英寸的左边距和1英寸的右 边距,上边距为1.5英寸,下边距为2.5英寸 说明
CAN总线详细教程,精心编制,不可错过.
VB编程者不可错过!英文 htm格式(99.4.3日版)(289KB) 37,api011.zip htm格式 中文(1019KB) 38,api012.zip VB的API说明下载包 (htm格式,中英文)(50KB) 39,34.zip 用API函数对注册表进行操作(8KB) 40,fileprops.zip ...
本软件就是专为易语言编写的功能强大的API函数辅助工具,使用方便,有中文说明,数据齐全,已经收集有函数6570个,数据类型419个,常量32000多个。功能简介: 1. 采用表格显示方式,方便查看。 2. 常用函数提供中文...
在使用API之间你必须知道如何在C#中使用结构、类型转换、安全/不安全代码,可控/不可控代码等许多知识。 一切从简单开始,复杂的大家一时不能接受。我们就从实现一个简单的MessageBox开始。首先打开VS.Net ,...