1

我是 AngalrJS 的新手，我正在尝试通过 angularJS 访问网络摄像头。出于这个原因，我已经导入了第三方库 webCam.js 并使用了指令（在此处找到https://github.com/bcabanes/ng-camera）。

但我收到以下错误：

未捕获的错误：[$injector:modulerr] 无法实例化模块 myModule，原因是：错误：[$injector:modulerr] 无法实例化模块网络摄像头，原因是：错误：[$injector:nomod] 模块“网络摄像头”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。 http://errors.angularjs.org/1.5.8/$injector/nomod?p0=webcam _

这是我的 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) {

});

仅供参考：我在脚本文件夹下的项目中添加了 webcam.js、Cam.js、ng-camera.js ......请提出正确的方法..

谢谢。

4

1 回答 1

0

你不需要注入webcam，但是camera

var app = angular.module("myModule", ['camera']);
app.controller("myContoller", function ($scope, $http, $log) {

});
于 2017-01-14T07:34:29.597 回答