無閃存訪問攝像頭

我想創建一個使用HTML 5元素和JavaScript的視頻聊天應用程序，並且我不想使用Flash來訪問用戶的攝像頭。無閃存訪問攝像頭

如何僅使用HTML和JavaScript來完成此操作？

2012-03-10 Tamer El-Nasser

這不能做。 Se 的回答 - - http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093 – aioobe 2012-03-10 07:10:24

不真實。在某些限制內，這是可能的。 – 2012-03-10 11:53:42

[在網頁中訪問網絡攝像頭]的可能重複（http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages） – 2017-04-11 12:25:40

在撰寫本文時，最好的解決方案是WebRTC。它是supported in Chrome, Mozilla and Opera，但在Internet Explorer和Safari中仍然無法使用。

簡約演示。

的Index.html

<!DOCTYPE html> 
<head> 
</head> 
<body> 
    <video></video> 
    <script src="webcam.js"></script> 
</body>

webcam.js

(function() { 
    navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia); 

    navigator.getMedia(
     // constraints 
     {video:true, audio:false}, 

     // success callback 
     function (mediaStream) { 
      var video = document.getElementsByTagName('video')[0]; 
      video.src = window.URL.createObjectURL(mediaStream); 
      video.play(); 
     }, 
     //handle error 
     function (error) { 
      console.log(error); 
     }) 
})();

更多here或there

來源

2014-01-27 10:28:14

無閃存訪問攝像頭

回答

相關問題