如何将 mediaStream 传递给 Angularjs 指令

Question

我有一个应用程序可以在多个页面上拍照。我有一个相机服务，可以配置相机并捕捉图像。自然地，用户希望在捕获之前预览图片。所以我想在 angular-ui $modal.

中预览相机流

这个Camera Test Fiddle正在做我想要的，但是当我尝试将相机服务流分配给指令中目标视频元素的src属性时

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

我收到以下错误

这与 angular bui 与 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();
    });
  }

如何将 mediaStream 传递给 Angularjs 指令

How do you pass a mediaStream to Angularjs directive

media

angularjs

getusermedia

angular-directive