Javascript Jquery在angular js中的web cam集成

我想将web cam附加到div元素。我在jquery中使用的方法如下所示，如何使用angularjs将web cam附加到div

  <script type="text/javascript">  
        $("#Camera").webcam({  
            width: 320,  
            height: 240,  
            mode: "save",  
            swffile: "@Url.Content("~/Scripts/jscam.swf")",  
            onTick: function () { },  
            onSave: function () {  
                UploadPic();  
            },  
            onCapture: function () {  
                webcam.save("@Url.Content("~/Photo/Capture")/");  
         },  
            debug: function () { },  
            onLoad: function () { }  
        });  
    </script>  
} 

$（“#摄像头”）。网络摄像头（{
宽度：320，
身高：240，
模式：“保存”，
swffile:“@Url.Content（“~/Scripts/jscam.swf”）”，
onTick:function（）{}，
onSave:function（）{
上传pic（）；
},  
onCapture:function（）{
webcam.save（“@Url.Content（“~/Photo/Capture”）/”；
},  
调试：函数（）{}，
onLoad:function（）{}
});  
} 

我知道我必须为此创建一个指令。 疑问：我是否必须将所有jquery.webcam.js文件转换为指令，或者是否有其他方法来转换

我尝试了github上可用的

，但它不支持IE

---

如果任何人有任何帮助链接可以在所有浏览器中进行网络摄像头捕获图像访问，请在此处更新

您不必重写所有网络摄像头文件，唯一需要记住的是，当您更改Angular之外的内容时，您必须运行一个

$scope.$apply（）

（），以便Angular知道它应该运行一个

摘要周期

（这意味着每次回调后，例如onLoad、onTick、onSave）