如何將mediaStream傳遞給Angularjs指令

Question

我有一個應用程序可以在多個頁面上拍照。我有一個攝像頭服務，用於配置攝像頭並捕獲圖像。自然地，用戶想要在捕捉之前預覽圖片。所以我想用angular-ui $模式預覽相機流。

這Camera Test Fiddle是做我想要的東西，但是當我試圖將相機業務流分配給目標視頻元素的指令

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

我收到以下錯誤src屬性

它與構建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(); 
    }); 
    }