WebRTC的照镜子

利用WebRTC照镜子，源代码见下方SourceCode

这篇博文是在我之前使用ananote？主题发布的，在next主题上，会导致打开这个文章所在的pages，自动调用摄像头——然而没有多少影响，因为不是https「笑，https好贵」，所以对访客而言，没有什么影响。

Source code

 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
27
28
29
<style type="text/css">
body {
  margin: px;
  padding: px;
}
#player {
  width: 100%;
  height: 100%;
}
 </style>
 <script>
(function(){
  var mediaOptions = { audio: false, video: true };
  if (!navigator.getUserMedia) {
      navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
  }
  if (!navigator.getUserMedia){
    return alert('getUserMedia not supported in this browser.');
  }
  navigator.getUserMedia(mediaOptions, success, function(e) {
    console.log(e);
  });
  function success(stream){
    var video = document.querySelector("#player");
    video.src = window.URL.createObjectURL(stream);
  }
})();
 </script>
<video id="player" autoplay="true"></video>