ng-camera, 用于捕获图像的AngularJS指令 计算机

分享于 

5分钟阅读

GitHub

  繁體 雙語
AngularJS directive for capturing images form your computer's camera.
  • 源代码名称:ng-camera
  • 源代码网址:http://www.github.com/bcabanes/ng-camera
  • ng-camera源代码文档
  • ng-camera源代码下载
  • Git URL:
    git://www.github.com/bcabanes/ng-camera.git
    Git Clone代码到本地:
    git clone http://www.github.com/bcabanes/ng-camera
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/bcabanes/ng-camera
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    照相机

    ng摄像机是一个用于捕捉图像构成的AngularJS指令,并将它们作为数据uri传送给你。 图像传送到AngularJS控制器,可以像你想的那样修改。

    To摄像机使用 WebcamJS开发的独立Javascript库来管理这个进程,以确保回退和crossbrowser需求。

    实时示例

    要查看一个实时示例,请转到演示文档的页面。

    安装

    使用 Bower
    bower install ng-camera

    用法

    导入文件脚本

    ng摄像机使用WebcamJS正常工作,所以需要在主文件中添加脚本,不要忘了加载指令 file:

    <scriptsrc="/path/to/webcam.js"></script>
    <scriptsrc="/path/to/ng-camera.js"></script>

    将 MODULE 添加为依赖项

    简单地将 MODULE 添加为你的主应用程序 MODULE,如下所示:

    angular.module('myApplication', ['camera']);

    指令

    <ng-cameracapture-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>
    命令行选项

    ng摄像机提供了许多选项来简化你的开发:

    • 当倒计时完成时,要显示的capture-message 字符串 Message countdown
    • countdown string在获取快照| 之前等待和显示的秒数 opional
    • output-height 字符串捕获快照图像的高度( 以像素为单位),默认为 viewer-height
    • output-width 捕获快照的宽度( 以像素为单位),以像素为单位,默认为查看器宽度"'
    • viewer-height 字符串 live live live live live live live default默认为DOM的实际大小 'auto'
    • crop-height 字符串捕获的快照图像的裁剪高度( 以像素为单位),默认为 false'
    • crop-width 字符串捕获快照的宽度( 以像素为单位),以像素为单位,默认为 false'
    • image-format 字符串捕获快照图像的图像格式,可能是 jpeg 或者 png | 未使用
    • 对于JPEG图像,jpeg-quality 字符串,这是期望的质量,从 0 ( 最差) 到 100 ( 最佳) | 没有使用
    • action-message 字符串消息/文本显示 inside 操作按钮
    • snapshot 对象 AngularJS模型将快照映像检索到你的控制器
    • flash-fallback-url string Flash Player的Url 启用回退和crossbrowser模式,默认基于 navigator.getUserMedia
    • overlay-url 字符串 overlie显示在相机流顶部的url
    • shutter-url taking拍摄快照时播放的声音 Shutter

    工作示例

    app 文件夹中提供了一个有效的示例。 确保安装 Bower 和 node 依赖项:

    npm install && bower install

    然后启动 node 服务器,它就可以在 http:0.0.0.0:3000 上访问

    node server.js

    许可证

    麻省理工学院许可证( MIT )

    版权所有( c ) 2015本杰明 Cabanes

    若要在取得该软件副本时免费授予任何人,如有下列条件的软件,请免费授予该软件的副本,并与相关的文档文件("软件") 进行许可,包括不受限制的权利,包括以下条件:

    上述版权声明和本许可声明须包括在所有的副本或实质性部分的软件。

    软件是"是",没有任何保证,表示或者隐含,包括但不限于销售,适合特定用途和 NONINFRINGEMENT。 作者或者版权持有人在合同。侵权或者它的他与软件或者它的他用户交易的行为。


    COM  图像  for  angular  form  DIR  
    相关文章