time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > 用HTML5实现人脸识别

用HTML5实现人脸识别

时间:2012-10-16 19:45 点击:1589次 字体:[ ]




      注:今天HTML5小组沙龙《论道HTML5》分享时有朋友问到一个问题,getUserMedia是否会支持人脸识别,我当时的答案是这应该是应用来实现的功能,而不是规范要完成的工作。而我之前在网上看到过一篇关于getUserMedia和人脸识别的相关文章,觉得很有趣,正好趁这个机会分享给大家。

        译自:http://www.raymondcamden.com/index.cfm/2012/4/6/Face-detection-with-getUserMedia

        现代Web”不断发展出不少有趣的API,但你并不会在大多数项目中使用到所有的内容。例如我一直特别关注Canvas特性。它对游戏和绘图意义重大 - 但是仅此而已。它并不是一个不好的特性,我只是不会经常用到它。每当看到一些开发中酷炫的新功能,我的大脑里都会思考它们可以产生哪些实际用途。显然对你有价值的内容可能对我来说并不一定,但搞清楚我如何实际使用一个功能是我学习它的一部分。

        其中的一个特性是getUserMedia W3C规范 )。它是一个JavaScript API,可以让你访问(需要权限)用户的网络摄像头和麦克风。 目前OperaChrome(我相信现在的版本18可以支持,但是你可能需要使用Canary。你还需要启用它。这儿有一个说明。)一旦你启用了getUserMedia,它使用起来相当简单。这里有一个快速的访问请求:

 

  1. //a video tag  
  2. var video = document.getElementById('monitor');  
  3.  
  4. //request it  
  5. navigator.webkitGetUserMedia('video', gotStream, noStream);  
  6.  
  7. function gotStream(stream) {  
  8.  
  9.     video.src = webkitURL.createObjectURL(stream);  
  10.     video.onerror = function () {  
  11.         stream.stop();  
  12.         streamError();  
  13.     };  
  14. }  
  15.  
  16. function noStream() {  
  17.     document.getElementById('errorMessage').textContent = 'No camera available.';  
  18. }  
  19.  
  20.  
  21. function streamError() {  
  22.     document.getElementById('errorMessage').textContent = 'Camera error.';  
  23. }  



本文地址 : http://www.fengfly.com/plus/view-209647-1.html
标签: HTML5
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: