HTML5 Device API介绍.pptVIP

我们来看看浏览器对Device API的支持情况 各浏览器支持情况还不一样，例如 现代浏览器会逐步提供对Device API的支持，这一点是确信无疑的。因为各家浏览器都显式的支持HTML5规范，同时这本身也是浏览器的一场平台之战，只有谁更好、更快的提供新特性，吸引更多开发者和应用的加入，谁才能更好的施展自己的影响力和构建生态系统。 但是因为它的重要性，现在你就应该了解Device API的相关内容，以便你能在Web APP的创意和实现上占有先机 * * 蒋宇捷 Web App CSS HTML JS Browser OS Device HTML4 HTML5 Battery Status API Network Information API Contact API Read/Find Update/Add(vCard) Delete? // 执行一个通讯录有哪些信誉好的足球投注网站。获取“name”和“emails”属性。 // 同时初始化过滤列表到包含“yujie”的联系人记录 navigator.contacts.find([name, emails], success, error, {filter: ‘yujie}); function success(contacts) { // 获取联系人对象后进行处理 for(var i in contacts) { // 遍历所有的联系人 alert(contacts[i].name); // 弹出联系人的姓名 } } ? function error(err) { // 获取数据错误时进行处理 alert(err.code); // 弹出错误号 } a id=“vcard”保存联系人/a script type=text/javascript // 创建vcard对象 var vcard = BEGIN:VCARD\r\n + VERSION:2.1\r\n + N:Yujie;John\r\n + FN:Jiang \r\n + TEL;WORK;VOICE:123456\r\n + END:VCARD; document.getElementById(vcard).href = data:text/x-vcard;charset=utf-8, + encodeURIComponent( vcard ); /script // 执行一次日历有哪些信誉好的足球投注网站：有哪些信誉好的足球投注网站UTC时间2012年1月1日下午5点之前的事件。 navigator.calendar.findEvents(success, error, {filter: {startBefore: 2011-04-10T05:00:00+12:00}}); function success (events) { for (var i in events) { alert(events[i].id); } } ? function error (err) { alert(err.code); // 对错误结果进行处理 } mailto: sms: mms: if (navigator.device.sendMessage) { picture = document.getElementById(attachment).files[0]; navigator.device.sendMessage(mms:+8613910779120?body=测试彩信短消息发送功能, [picture], successCB, errorCB); } function successCB() { alert(短消息发送成功！); } ? function errorCB(error) { alert(短消息发送失败，失败特征是： + error.code); } 话筒 摄像头 HTML Media Capture API The Media Capture API Device in HTML5 getUserMedia() in WebRTC video id=video autoplay=/video script type=text/javascript var video_element = document.querySelector(video); if (navigator.getUserMedia){ navigator.getUserMedia(video, success, error); } else { not_supported(); } function success(stream){ video_element.src = st