html5对摄像头数据进行处理,基于html5实现摄像头数据的采集和上传

【实例简介】

花了半个月做出来的网页，借鉴了网上很多的代码和方法，当然也修改了不少地方，主要是网上的很多无法直接使用。基于html5实现摄像头数据的采集和上传，在xampp下可以直接使用，也可以直接在支持php等的服务器上直接使用，因为做出来比较辛苦，所以资源分设置高了点。

在Opera下直接使用，不支持html5或者支持不良好的浏览器可能无法使用，我使用的Opera的版本是“版本：27.0.1689.54”

【实例截图】

【核心代码】

07a77f48-35b3-47ec-9f7a-1db66dff62da

└── htdocs

├── dist

│   ├── fallback

│   │   ├── jscam_canvas_only.swf

│   │   ├── jscam.swf

│   │   ├── Makefile

│   │   └── src

│   │   ├── BitString.as

│   │   ├── JPGEncoder.as

│   │   ├── jscam.as

│   │   └── jscam.xml

│   ├── getUserMedia.js

│   └── getUserMedia.min.js

├── GrabAndUpload

│   ├── control

│   │   ├── css

│   │   │   └── zyUpload.css

│   │   ├── images

│   │   │   ├── add_img.png

│   │   │   ├── bg.png

│   │   │   ├── delete_blue.png

│   │   │   ├── delete_white.png

│   │   │   ├── del.png

│   │   │   ├── edit_blue.png

│   │   │   ├── edit.png

│   │   │   ├── edit_white.png

│   │   │   ├── fileType

│   │   │   │   ├── file.png

│   │   │   │   ├── pdf.png

│   │   │   │   ├── png.png

│   │   │   │   ├── ppt.png

│   │   │   │   ├── psd.png

│   │   │   │   ├── rar.png

│   │   │   │   ├── swf.png

│   │   │   │   ├── ttf.png

│   │   │   │   ├── txt.png

│   │   │   │   ├── xls.png

│   │   │   │   └── zip.png

│   │   │   └── success.png

│   │   └── js

│   │   ├── jquery-1.7.2.js

│   │   ├── zydemo.js

│   │   └── zyUpload.js

│   ├── core

│   │   └── zyFile.js

│   ├── css

│   │   ├── bootstrap.min.css

│   │   ├── bootstrap-responsive.min.css

│   │   └── demo.css

│   ├── demo.js

│   ├── index.html

│   ├── jcrop_zh

│   │   ├── css

│   │   │   ├── Jcrop.gif

│   │   │   └── jquery.Jcrop.css

│   │   └── js

│   │   └── jquery.Jcrop.js

│   ├── jquery-1.7.2.js

│   ├── jquery.json-2.4.js

│   ├── js

│   │   ├── demo.js

│   │   ├── excanvas.js

│   │   ├── glasses

│   │   │   ├── ccv.js

│   │   │   ├── face.js

│   │   │   ├── i

│   │   │   │   ├── glasses.png

│   │   │   │   ├── glasses.psd

│   │   │   │   └── wally.png

│   │   │   └── stackblur.js

│   │   └── jquery-1.7.1.min.js

│   ├── saveme.php

│   ├── savetoserver.php

│   ├── upload_file.php

│   ├── up.php

│   └── zyPopup

│   ├── css

│   │   └── zyPopup.css

│   ├── images

│   │   ├── close.png

│   │   ├── finish.png

│   │   └── loading.gif

│   └── js

│   └── zyPopup.js

├── grunt.js

├── index.html

├── lib

│   └── getUserMedia.js

├── LICENSE-MIT

├── media

│   ├── bars.jpg

│   ├── firefox.jpg

│   ├── logo.png

│   └── object.jpg

├── package.json

├── README.md

├── test

│   └── getUserMedia_test.js

└── test.php

25 directories, 74 files