爲什麼HTML5僅支持在移動瀏覽器中捕捉攝像頭？

Question

問題不在於爲什麼移動設備很重要，我明白了。

的問題是，怎麼能說沒有對已發生這些相同的獲取用戶的媒體擴展尚未桌面單一的HTML5瀏覽器的情況下？

上this post立足這一點。

Answer 1

Look at this link。本文檔不完整。它受到重大變化的影響，雖然早期的試驗受到鼓勵，但因此不適用於實施。

這就是爲什麼它沒有完全支持跨瀏覽器。

Answer 2

HTML

<video id="video" width="300" height="220" autoplay></video> 
<button id="snap">Take Photo</button> 
<canvas id="canvas" width="300" height="220"></canvas> 

JS：

<Script> 
    // Put event listeners into place 
    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); 
      }; 

     // Put video listeners into place 
     if (navigator.getUserMedia) { // Standard 
      navigator.getUserMedia(videoObj, function(stream) { 
       video.src = stream; 
       video.play(); 
      }, errBack); 
     } else if (navigator.webkitGetUserMedia) { // WebKit-prefixed 
      navigator.webkitGetUserMedia(videoObj, function(stream) { 
       video.src = window.webkitURL.createObjectURL(stream); 
       video.play(); 
      }, errBack); 
     } else if (navigator.mozGetUserMedia) { // Firefox-prefixed 
      navigator.mozGetUserMedia(videoObj, function(stream) { 
       video.src = window.URL.createObjectURL(stream); 
       video.play(); 
      }, errBack); 
     } 
     document.getElementById("snap").addEventListener("click", function() { 
      context.drawImage(video, 0, 0, 300, 220); 
     }); 
    }, false); 
</Script> 

使用這兩種Chrome和Firefox :)