资讯专栏INFORMATION COLUMN

使用Webcam实现拍照功能

hedzr / 934人阅读

摘要:先看了下基于实现的超酷摄像头拍照功能,结果发现我的浏览器不支持,连都没运行起来,放弃。于是选择插件,参照示例,实现了拍照功能,但是发现每次打开浏览器,都会出现是否允许使用摄像头的选择框,好烦,而且的代码太繁琐。

开发环境:Grails 3.2.3,jQuery 1.11.3

最近做项目,遇到一个正常但又少见的需求——拍照,于是在Google上搜索“js 拍照”,出现的都是Html5的实现,又搜索“jquery 拍照”,搜出了jQuery的拍照插件。

先看了下《基于html5实现的超酷摄像头(html5-webcam)拍照功能-photobooth-js》,结果发现我的浏览器不支持,连Demo都没运行起来,放弃。

于是选择jQuery Webcam插件,参照 jQuery webcam 示例 ,实现了拍照功能,但是发现每次打开浏览器,都会出现“是否允许使用摄像头”的选择框,好烦,而且js的代码太繁琐。

又拜托Google大哥,直接搜索“webcam” ,找到了 webcamjs,Demo在我的浏览器中运行正常,js的代码也非常简单。

如下是根据文档,实现的拍照、预览、上传的代码:

 


拍照

是不是超级简单?关键是网页中设置Flash时,选择“记住”,以后就不用次次设置了。

文中使用的webcam.js,可在https://github.com/jhuckaby/w... 上下载。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81442.html

相关文章

  • 使用Webcam实现拍照功能

    摘要:先看了下基于实现的超酷摄像头拍照功能,结果发现我的浏览器不支持,连都没运行起来,放弃。于是选择插件,参照示例,实现了拍照功能,但是发现每次打开浏览器,都会出现是否允许使用摄像头的选择框,好烦,而且的代码太繁琐。 开发环境:Grails 3.2.3,jQuery 1.11.3 最近做项目,遇到一个正常但又少见的需求——拍照,于是在Google上搜索js 拍照,出现的都是Html5的实现,...

    DangoSky 评论0 收藏0
  • Day19 - 摄像、拍照,滤镜中文指南

    摘要:摄像拍照,滤镜中文指南本文出自春哥个人博客作者黎跃春追时间的人简介是推出的一个天挑战。完整中文版指南及视频教程在从零到壹全栈部落。这个新的对象表示指定的对象或对象。 Day19 - 摄像、拍照,滤镜中文指南 本文出自:春哥个人博客作者:©黎跃春-追时间的人简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文...

    chaos_G 评论0 收藏0
  • jQuery webcam plugin调用摄像头

    摘要:个人网站欢迎来访简介原来做项目遇到了调用摄像头功能,小白遇到这情况立刻就去网上搜索,最后用的,太烂了,作者也没说如何去使用,如果用的是框架开发更是很麻烦今天再次发现一款比较灵活的插件,资源链接使用方法部分参考这两个参数考虑到显示效果为标准的 个人网站欢迎来访 简介 原来做项目遇到了调用摄像头功能,php小白遇到这情况立刻就去网上搜索,最后用的https://www.helloweba....

    darkerXi 评论0 收藏0
  • jQuery webcam plugin调用摄像头

    摘要:个人网站欢迎来访简介原来做项目遇到了调用摄像头功能,小白遇到这情况立刻就去网上搜索,最后用的,太烂了,作者也没说如何去使用,如果用的是框架开发更是很麻烦今天再次发现一款比较灵活的插件,资源链接使用方法部分参考这两个参数考虑到显示效果为标准的 个人网站欢迎来访 简介 原来做项目遇到了调用摄像头功能,php小白遇到这情况立刻就去网上搜索,最后用的https://www.helloweba....

    王伟廷 评论0 收藏0
  • 前端工程师做Face Detection

    摘要:身为一名前业务程序员和现前端程序员,这样的功能还是陌生的领域。需求使用加摄像头,通过人脸检测,完成自动拍照功能。在的屏幕上,显示摄像头的实时画面,要是画面中检测出人脸,则触发拍照。这样做的效果能够获得更高的,同时还能完成更远距离脸部的捕获。 因为项目原因,需要使用人脸检测(face detection)功能。身为一名前JAVA业务程序员和现前端程序员,这样的功能还是陌生的领域。那能不能...

    nodejh 评论0 收藏0

发表评论

0条评论

hedzr

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<