2016-11-14 1 views
0

J'ai essayé d'obtenir this tutoriel travaillant dans Angular2. Le problème auquel je suis confronté est de faire fonctionner navigator.mediaDevices.getUserMedia. Le problème est que mediaDevices n'existe pas sur le type 'navigator'. Il s'agit de la documentation media capture and stream.Angular 2 accéder à la caméra matérielle

Je voudrais lier plus d'informations mais je n'ai pas encore la réputation. Toutefois, le DefinitelyTyped MediaStream.d.ts est l'autre ressource que j'ai utilisée.

J'espère que cela fonctionnera d'ici la fin de la semaine, si je reçois la solution, je vais poster un exemple sur GitHub. Toute aide est grandement appréciée, merci!

+0

'mediaDevices' est [pas encore largement pris en charge] (https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices#Browser_compatibility) - à tout le moins, vous aurez probablement doit trouver un polyfill pour le patcher pour les navigateurs sans support. – jonrsharpe

Répondre

5

Running

Je l'ai travailler dans un seul fichier .ts, voici le GitHub example. Pour accéder directement au fichier d'exemple, allez à src/app/example/component.component.ts

Pour résoudre le problème, je suis allé sur la route orientée objet. par exemple

var n = <any>navigator; 

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