ワイズリマインダー

とりあえずウェブカメラを表示してみた

ローカルでウェブカメラを表示するソース
カメラを許可してもどこにも公開されることはありません

DEMO
(同時に異なるブラウザではご利用できません)

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>local camera</title>
<script src="index.js"></script>
<body>
<video id="myVideo" width="400" height="300" autoplay="1"></video>
</body>
</html>

index.js

navigator.mediaDevices.getUserMedia({ audio: false, video: true })
.then(function(stream){
  var video = document.getElementById('myVideo');
  if("srcObject" in video) video.srcObject = stream;
  else video.src = window.URL.createObjectURL(stream);
  video.onloadedmetadata = function(e){
    video.play();
  };
})
.catch(function(err){ console.log(err.name + ": " + err.message); });

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください