如何将mediaStream传递给Angularjs指令

我有一个应用程序可以在多个页面上拍照。我有一个摄像头服务，用于配置摄像头并捕获图像。自然地，用户想要在捕捉之前预览图片。所以我想用angular-ui $模式预览相机流。如何将mediaStream传递给Angularjs指令

这Camera Test Fiddle是做我想要的东西，但是当我试图将相机业务流分配给目标视频元素的指令

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

我收到以下错误src属性

它与构建html的角度有关。我是一个getUserMedia新手，所以对于解决方法有什么建议？

来源

2017-03-16 pthalacker

如果你更新它，我不知道，但这个代码是对我工作的罚款https://jsfiddle.net/pthalacker/b1cs14uo/10/或我误解了问题 – codtex

下面是我工作

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

来源

2017-03-19 16:28:33 pthalacker

如何将mediaStream传递给Angularjs指令

回答

相关问题