日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
你可能不知道的5個強大的HTML5API

1.  全屏API（Fullscreen API）

　　該API允許開發(fā)者以編程方式將Web應用程序全屏運行，使Web應用程序更像本地應用程序。

 
 
 
    
  
  
  
  1. // 找到適合瀏覽器的全屏方法
    2. 
  
  
  
  2. function launchFullScreen(element) {
    3. 
  
  
  
  3.   if(element.requestFullScreen) {
    4. 
  
  
  
  4.     element.requestFullScreen();
    5. 
  
  
  
  5.   } else if(element.mozRequestFullScreen) {
    6. 
  
  
  
  6.     element.mozRequestFullScreen();
    7. 
  
  
  
  7.   } else if(element.webkitRequestFullScreen) {
    8. 
  
  
  
  8.     element.webkitRequestFullScreen();
    9. 
  
  
  
  9.   }
    10. 
  
  
  
  10. }
    11. 
  
  
  
  11.   
    12. 
  
  
  
  12. // 啟動全屏模式
    13. 
  
  
  
  13. launchFullScreen(document.documentElement); // the whole page
    14. 
  
  
  
  14. launchFullScreen(document.getElementById("videoElement")); // any individual element 
    15.

 2.  頁面可見性API（Page Visibility API）

　　該API可以用來檢測頁面對于用戶的可見性，即返回用戶當前瀏覽的頁面或標簽的狀態(tài)變化。

 
 
 
    
  
  
  
  1. // 設置隱藏屬性和可見改變事件的名稱，屬性需要加瀏覽器前綴
    2. 
  
  
  
  2. // since some browsers only offer vendor-prefixed support
    3. 
  
  
  
  3. var hidden, state, visibilityChange;
    4. 
  
  
  
  4. if (typeof document.hidden !== "undefined") {
    5. 
  
  
  
  5.   hidden = "hidden";
    6. 
  
  
  
  6.   visibilityChange = "visibilitychange";
    7. 
  
  
  
  7.   state = "visibilityState";
    8. 
  
  
  
  8. } else if (typeof document.mozHidden !== "undefined") {
    9. 
  
  
  
  9.   hidden = "mozHidden";
    10. 
  
  
  
  10.   visibilityChange = "mozvisibilitychange";
    11. 
  
  
  
  11.   state = "mozVisibilityState";
    12. 
  
  
  
  12. } else if (typeof document.msHidden !== "undefined") {
    13. 
  
  
  
  13.   hidden = "msHidden";
    14. 
  
  
  
  14.   visibilityChange = "msvisibilitychange";
    15. 
  
  
  
  15.   state = "msVisibilityState";
    16. 
  
  
  
  16. } else if (typeof document.webkitHidden !== "undefined") {
    17. 
  
  
  
  17.   hidden = "webkitHidden";
    18. 
  
  
  
  18.   visibilityChange = "webkitvisibilitychange";
    19. 
  
  
  
  19.   state = "webkitVisibilityState";
    20. 
  
  
  
  20. }
    21. 
  
  
  
  21.   
    22. 
  
  
  
  22. // 添加一個標題改變的監(jiān)聽器
    23. 
  
  
  
  23. document.addEventListener(visibilityChange, function(e) {
    24. 
  
  
  
  24.   // 開始或停止狀態(tài)處理
    25. 
  
  
  
  25. }, false);
    26.

3.  getUserMedia API

　　該API允許Web應用程序訪問攝像頭和麥克風，而無需使用插件。

 
 
 
    
  
  
  
  1. // 設置事件監(jiān)聽器
    2. 
  
  
  
  2. window.addEventListener("DOMContentLoaded", function() {
    3. 
  
  
  
  3.   // 獲取元素
    4. 
  
  
  
  4.   var canvas = document.getElementById("canvas"),
    5. 
  
  
  
  5.     context = canvas.getContext("2d"),
    6. 
  
  
  
  6.     video = document.getElementById("video"),
    7. 
  
  
  
  7.     videoObj = { "video": true },
    8. 
  
  
  
  8.     errBack = function(error) {
    9. 
  
  
  
  9.       console.log("Video capture error: ", error.code);
    10. 
  
  
  
  10.     };
    11. 
  
  
  
  11.   
    12. 
  
  
  
  12.   // 設置video監(jiān)聽器
    13. 
  
  
  
  13.   if(navigator.getUserMedia) { // Standard
    14. 
  
  
  
  14.     navigator.getUserMedia(videoObj, function(stream) {
    15. 
  
  
  
  15.       video.src = stream;
    16. 
  
  
  
  16.       video.play();
    17. 
  
  
  
  17.     }, errBack);
    18. 
  
  
  
  18.   } else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
    19. 
  
  
  
  19.     navigator.webkitGetUserMedia(videoObj, function(stream){
    20. 
  
  
  
  20.       video.src = window.webkitURL.createObjectURL(stream);
    21. 
  
  
  
  21.       video.play();
    22. 
  
  
  
  22.     }, errBack);
    23. 
  
  
  
  23.   }
    24. 
  
  
  
  24. }, false); 
    25.

4.  電池API（Battery API）

　　這是一個針對移動設備應用程序的API，主要用于檢測設備電池信息。

 
 
 
    
  
  
  
  1. var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery;
    2. 
  
  
  
  2.   
    3. 
  
  
  
  3. // 電池屬性
    4. 
  
  
  
  4. console.warn("Battery charging: ", battery.charging); // true
    5. 
  
  
  
  5. console.warn("Battery level: ", battery.level); // 0.58
    6. 
  
  
  
  6. console.warn("Battery discharging time: ", battery.dischargingTime);
    7. 
  
  
  
  7.   
    8. 
  
  
  
  8. // 添加事件監(jiān)聽器
    9. 
  
  
  
  9. battery.addEventListener("chargingchange", function(e) {
    10. 
  
  
  
  10.   console.warn("Battery charge change: ", battery.charging);
    11. 
  
  
  
  11. }, false);
    12.

5.  Link Prefetching

　　預加載網頁內容，為瀏覽者提供一個平滑的瀏覽體驗。

 
 
 
    
  
  
  
    2. 
  
  
  
    3. 
  
  
  
  3.   
    4. 
  
  
  
    5. 
  
  
  
    6.

分享題目：你可能不知道的5個強大的HTML5API
文章鏈接：http://www.dlmjj.cn/article/djsoogs.html