如何在angularjs1.5.2中访问第三方库(如webcam.js )
如何在angularjs1.5.2中访问第三方库(如webcam.js )
提问于 2017-01-14 07:31:56
我是AngalrJS的新手，我正在尝试通过angularJS访问网络摄像头。因此，我导入了第三方库webCam.js并使用了指令(在这里可以找到https://github.com/bcabanes/ng-camera)。
但我得到了以下错误：
未明错误：$injector:modulerr未能实例化模块myModule，原因是:错误：$injector:modulerr无法实例化模块摄像头，原因是:错误：$injector:nomod模块‘网络摄像头’不可用！您要么拼错了模块名，要么忘记加载它。如果注册一个模块，请确保将依赖项指定为第二个参数。http://errors.angularjs.org/1.5.8/$注入器/模?P0=网络摄像机
以下是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<script src="Scripts/angular.js"></script>
<script src="Scripts/webcam.js"></script>
<script src="Scripts/ng-camera.js"></script>
<script src="Scripts/Cam.js"></script>
</head>
<body ng-app="myModule">
<div ng-controller="myContoller">
<ng-camera
capture-message="Cheeeese!"
countdown="3"
output-height="160"
output-width="213"
viewer-height="320"
viewer-width="426"
crop-height="90"
crop-width="120"
image-format="jpeg"
jpeg-quality="100"
action-message="Take picture"
snapshot="vm.picture"
flash-fallback-url="/vendors/webcamjs/webcam.swf"
overlay-url="/overlay.png"
shutter-url="/shutter.mp3"></ng-camera>
</div>
</body>
</html>下面是我在Cam.js文件中的代码：
/// <reference path="angular.js" />
/// <reference path="webcam.js" />
/// <reference path="webcam.min.js" />
var app = angular.module("myModule", ['webcam']);
app.controller("myContoller", function ($scope, $http, $log) {
});FYI :我在我的项目中添加了webcam.js，Cam.js，ng-camera.js。请建议正确的方法..。
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-01-14 07:34:29
您需要注入的不是webcam，而是camera
var app = angular.module("myModule", ['camera']);
app.controller("myContoller", function ($scope, $http, $log) {
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41647777
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号