【问题标题】:Trying to access webcam in html5: Firefox works, Chrome and Opera don't尝试在 html5 中访问网络摄像头:Firefox 有效,Chrome 和 Opera 无效
【发布时间】:2015-06-29 15:05:04
【问题描述】:

我正在尝试通过 javascript 访问我的网络摄像头。当我使用下面的以下最小示例时,我希望至少会看到一个弹出窗口,请求访问网络摄像头的权限。

这适用于 Firefox,但不适用于 Chrome 或 Opera(所有最新版本)。

很明显,实际的网络摄像头内容还没有显示在这里,我只是在启动GetUserMedia(或其浏览器特定的变体),但即使这样已经不起作用了。我没有收到“是”或“否”弹出窗口(Firefox 除外)。

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<script>
function OnSuccess(stream) { alert('yes') }
function OnError(error) { alert('nope') }

function OnLoad()
{
  navigator.anyGetUserMedia = navigator.getUserMedia 
   || navigator.webkitGetUserMedia 
   || navigator.mozGetUserMedia 
   || navigator.msGetUserMedia;

  navigator.anyGetUserMedia( {video:true, audio:false}, OnSuccess, OnError );
}
</script>
</head>
<body onload='OnLoad()'>
</body>
</html>

现在奇怪的是,当我在 jsfiddle 上使用完全相同的代码时,它确实工作。
现场示例:http://jsfiddle.net/999anu81/(如果您有网络摄像头,这应该请求访问权限)

我做错了什么?

【问题讨论】:

    标签: javascript html webkit webcam getusermedia


    【解决方案1】:

    Chrome 对何时允许 getUserMedia 避免页面骚扰人有一些限制,IIRC。将它附加到按钮而不是使用 onload,它应该会更好地工作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-03-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-09-17
      • 1970-01-01
      相关资源
      最近更新 更多