フラッシュなしでWebカメラにアクセス

HTML 5要素とJavaScriptを使用してビデオチャットアプリケーションを作成したいと思います。ユーザーのウェブカメラにアクセスするためにFlashを使用したくありません。フラッシュなしでWebカメラにアクセス

HTMLとJavaScriptのみを使用してこれを行うにはどうすればよいですか？

2012-03-10 Tamer El-Nasser

これを行うことができません続きを読みます。答えは - http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093 – aioobe

です。特定の制約内で可能です。 –

[ウェブページでウェブカメラにアクセスする]の可能な複製（http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages） –

これを書いている瞬間、最良の解決策はWebRTCです。それはsupported in Chrome, Mozilla and Operaですが、Internet ExplorerとSafariではまだunavaialbleです。

ミニマルデモ

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

フラッシュなしでWebカメラにアクセス

答えて

関連する問題