2016-11-14 116 views
0

我一直在试图获得this教程在Angular2中工作。我面临的问题是越来越navigator.mediaDevices.getUserMedia工作。问题是MediaDevices不存在于类型'导航器'上。Angular 2访问硬件摄像头

这是media capture and stream文档。

我想链接更多信息,但我还没有声誉。但是,DefinitelyTyped MediaStream.d.ts是我一直使用的其他资源。

我希望在本周结束时能够正常工作,如果我得到解决方案,我会在GitHub上发布一个示例。任何帮助非常感谢,谢谢!

+0

'mediaDevices'为[尚未得到广泛的支持(https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices#Browser_compatibility) - 最起码,你大概会必须找到一个polyfill来修补浏览器而无需支持。 – jonrsharpe

回答

5

Running

我得到了它在一个单一的.ts文件的工作,这里是GitHub example。要直接导航到示例文件,请转到src/app/example/example.component.ts

要解决此问题,我使用了面向对象的路由。胃内

var n = <any>navigator; 

n.getUserMedia = (n.getUserMedia || n.webkitGetUserMedia || n.mozGetUserMedia || n.msGetUserMedia);