MediaStreamをAngularjsディレクティブにどのように渡しますか

Question

私はいくつかのページで写真を撮るアプリケーションを持っています。私は、カメラを構成し、画像をキャプチャするカメラサービスを持っています。当然のことながら、ユーザはキャプチャする前に画像をプレビューしたいと思う。だから、カメラのストリームをangle-ui $モーダルでプレビューしたいと思います。

このCamera Test Fiddleは私が欲しいものをやっているが、私はディレクティブでターゲットvideo要素のsrc属性にカメラサービスストリームを割り当てよう

function postLink(scope, element, attrs) { 
    cameraService.getCamera() 
    .then(function(stream){ 
     element.find('video').attr("src", stream); 
    }); 

私は次のエラー

を取得

これは、角度がHTMLをどのように構築するかと関係があります。私はgetUserMediaの初心者ですので、回避策はありますか？

Answer 1

はここで私のために働いたものだ

function postLink(scope, element, attrs) { 
    cameraService.getCamera() 
    .then(function(stream){ 
     var blob = URL.createObjectURL(stream); 
     element.attr("src", blob); 
     element[0].play(); 
    }); 
    }