从浏览器访问摄像头(Access camera from a browser)

是否可以从浏览器访问摄像头（内置于苹果）？

最佳的解决方案是客户端JavaScript。展望避免使用Java或Flash。

Answer 1:

HTML5规范确实允许访问网络摄像头，但最后我检查，这是远远定稿，具有非常，非常小的浏览器支持。

这是一个链接，让你开始： http://www.html5rocks.com/en/tutorials/getusermedia/intro/

你可能有，如果你想要的工作跨浏览器使用闪光灯。

W3草案

Answer 2:

2017年， WebKit的宣布对Safari浏览器的WebRTC支持

现在，您可以访问这些video和标准JavaScript的WebRTC

如

var video = document.createElement('video');
video.setAttribute('playsinline', '');
video.setAttribute('autoplay', '');
video.setAttribute('muted', '');
video.style.width = '200px';
video.style.height = '200px';

/* Setting up the constraint */
var facingMode = "user"; // Can be 'user' or 'environment' to access back or front camera (NEAT!)
var constraints = {
  audio: false,
  video: {
   facingMode: facingMode
  }
};

/* Stream it to video element */
navigator.mediaDevices.getUserMedia(constraints).then(function success(stream) {
  video.srcObject = stream;
});

有与它玩。

Answer 3:

有一个从丹尼·马尔科夫一个非常酷的解决方案可为。它采用navigator.getUserMedia方法，并应在现代浏览器。我曾与Firefox和Chrome成功地进行了测试。 IE浏览器不工作：

这里是一个演示：

https://tutorialzine.github.io/pwa-photobooth/

链接到丹尼Markovs介绍页面：

http://tutorialzine.com/2016/09/everything-you-should-know-about-progressive-web-apps/

链接到GitHub上：

https://github.com/tutorialzine/pwa-photobooth/

Answer 4:

可能与HTML5。

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Answer 5:

您可以使用HTML5这个：

<video autoplay></video>
<script>
  var onFailSoHard = function(e) {
    console.log('Reeeejected!', e);
  };

  // Not showing vendor prefixes.
  navigator.getUserMedia({video: true, audio: true}, function(localMediaStream) {
    var video = document.querySelector('video');
    video.src = window.URL.createObjectURL(localMediaStream);

    // Note: onloadedmetadata doesn't fire in Chrome when using it with getUserMedia.
    // See crbug.com/110938.
    video.onloadedmetadata = function(e) {
      // Ready to go. Do some stuff.
    };
  }, onFailSoHard);
</script>

资源