html - 导航器.getusermedia

Question

我正在研究 html5 新规范，准确地说是网络摄像头功能。

通过 following this tutorial .我收到以下错误:

Native web camera streaming (getUserMedia) is not supported in this browser. 

由这个 if 语句获取:

if (navigator.getUserMedia)

现在，我确定在我的浏览器中启用了 navigator.getUserMedia，如这些示例 here完美运行

因此，我修改了 if 中的代码，如下所示:

if (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia)

但是现在，我收到一个 javascript 错误:

Uncaught TypeError: Object #<Navigator> has no method 'getUserMedia' 

在此处的这一行:

navigator.getUserMedia('video', successCallback, errorCallback);

这真的没有意义!它正在处理我发布的最后一个链接!

有什么想法吗？

提前致谢。

Answer 1

如果您正在测试 navigator.getUserMedia、navigator.webkitGetUserMedia、navigator.mozGetUserMedia 和 navigator.msGetUserMedia 则无法保证 navigator.getUserMedia() 可用。可能是那个或其他三个中的任何一个。你可以尝试这样的事情(来自 getUserMedia.js ):

navigator.getUserMedia_ = (   navigator.getUserMedia
                           || navigator.webkitGetUserMedia 
                           || navigator.mozGetUserMedia 
                           || navigator.msGetUserMedia);

if ( !! navigator.getUserMedia_) {
    navigator.getUserMedia_('video', successCallback, errorCallback);
    //The rest of your code