Angular 2 Zugriff auf Hardware-Kamera

Question

Ich habe versucht, this Tutorial in Angular2 arbeiten zu bekommen. Das Problem, mit dem ich konfrontiert bin, ist, dass navigator.mediaDevices.getUserMedia funktioniert. Das Problem ist, dass mediaDevices nicht im Typ 'Navigator' existiert.

Hier ist die media capture and stream Dokumentation.

Ich möchte mehr Informationen verknüpfen, aber ich habe noch nicht den Ruf. Die DefinitelyTyped MediaStream.d.ts ist jedoch die andere Ressource, die ich verwendet habe.

Ich hoffe, dass dies am Ende der Woche funktioniert, wenn ich die Lösung bekomme, werde ich ein Beispiel auf GitHub veröffentlichen. Jede Hilfe wird sehr geschätzt, danke!

Answer 1

Running

Ich habe es in einem einzigen .ts-Datei arbeiten, hier ist die GitHub example. Um direkt zur Beispieldatei zu navigieren, gehen Sie zu src/app/example/example.component.ts

Um das Problem zu lösen, ging ich die objektorientierte Route. ich G.

var n = <any>navigator; 

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