macに内臓されているカメラを使用してHTMLに映像を出力してみる。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html> <head> <title>Webカメラ</title> </head> <body> <video id="video"></video> <script> var video = document.getElementById("video"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; navigator.webkitGetUserMedia({ video:true, audio:true },function(stream){ video.src = URL.createObjectURL(stream); video.play(); },function(error){ console.log(error); }); </script> </body> </html> |
ただ、firefoxではローカルでも動作するが、Chromeだとローカルでは動作しません。 これはChromeのセキュリティ・ポリシーがカメラの使用を許さないかららしいです。
