首页 > 代码库 > JavaScript裸体识别技术

JavaScript裸体识别技术

 当第一次听说nude.js的时候,我非常怀疑这种浏览器端的裸体识别技术,有几个理由:

  1. 正常情况下,裸体识别应该在服务器端进行,这样,那些色情图片或色情视频才能在发送给浏览者前被发现。
  2. 我不相信完全依赖计算机能过滤掉所有色情内容(虽然我是个程序员)。
  3. 黑白裸体图像能被识别出来吗?准确率能有多少?
  4. 如果在客户端发现了色情图片,你能怎么做?这种技术如何使用?

  我用nude.js试验了不少内容,让我来告诉你如何使用它,以及我这些怀疑的答案是什么。

  观看演示

 关于nude.js裸体识别脚本

  从技术的角度上讲,nude.js使用了HTML5画布(Canvas)和WebWorker技术来操作图像进行分析。图像被复制到画布上,使用裸体识别算法进行比较,包括下面几种特征识别:

  • 在图像中查找类似肤色的像素。
  • 根据捕捉到的像素定位或构造皮肤位置。
  • 分析皮肤位置判断是裸体或非裸体。
  • 就裸露情况进行分级,判断是否属于裸露。

  nude.js支持IE9+ (excanvas), Firefox 3.6+, WebKit引擎的浏览器(谷歌浏览器, Safari, Mobile Safari,Opera)。nude.js还支持对视频进行截屏分析。

 nude.js的用法

  首先要在你的页面上引入nude.js脚本,然后是需要分析的图片:

1
2
3
4
5
6
7
8
9
10
11
<!-- 对于不支持画布技术的IE -->
<!--[if IE]>
<script type="text/javascript" src="http://www.mamicode.com/excanvas_r3/excanvas.compiled.js"></script>
<![endif]-->
<script src="nude.js/compressed/nude.min.js"></script>
 
<!-- 需要识别的图片 -->
<img src="/lazy.gif?067588" data-original="dvt1.jpg" alt="Dita Von Tease" id="image1" onclick="onImageClick(‘image1‘);" />
<img src="/lazy.gif?067588" data-original="dvt2.jpg" alt="Dita Von Tease" id="image2" onclick="onImageClick(‘image2‘);" />
<img src="/lazy.gif?067588" data-original="dvt3.jpg" alt="Dita Von Tease" id="image3" onclick="onImageClick(‘image3‘);" />
<img src="/lazy.gif?067588" data-original="dvt4.jpg" alt="Dita Von Tease" id="image4" onclick="onImageClick(‘image4‘);" />

  nude.js的用法很简单,因为它只有两个方法:<code>load</code> 和 <code>scan</code>。其中 <code>load</code> 方法接受图片的 <code>id</code> 或图片本身,将其拷贝到画布里。而 <code>scan</code> 方法根据算法对画布数据进行分析,返回 <code>true</code> 或 <code>false</code>。

1
2
3
4
5
6
7
function onImageClick(node) {
    nude.load(node);
    // 扫描
    nude.scan(function(result){
        alert(result ? "在" + node.id + "发现裸露图像!" : "非裸体");
    });
}

  你可以想象出,这些过程是在浏览器里进行的,所以不要期望很迅速的得出结果。而且,很显然,图片尺寸是分析速度的一个重要因素。如果你的网站严重的依赖nude.js,小心那些大尺寸的图片。

 裸体识别的结果

  对于高质量的裸露女性的JPEG图片,这个小脚本检测成功率非常高。但对于暗色调或黑人皮肤却不是很成功。在我的测试中,nude.js没有识别出黑白裸露图像,也没有发现视频的色情影像(可能是我的视频清晰度不够)。

  观看演示

  不管怎么说,nude.js的表现还是很不错的,但总觉得这种技术还无法大规模使用。扫描图片需要时间,而且会卡住浏览器。因为nude.js(包括它使用的识别算法)对黑白图片和低质量的图片有缺陷,所以我不推荐在网站上大量的依赖这个脚本进行识别。

<iframe id="google_ads_frame2" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1399549303&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Fxiaochao12345%2Fp%2F3716172.html&dt=1399549304574&shv=r20140501&cbv=r20140417&saldr=sb&prev_slotnames=4356862740&correlator=1399549304334&frm=20&ga_vid=429972749.1397695120&ga_sid=1399544814&ga_hid=292033813&ga_fc=1&u_tz=480&u_his=117&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=12&adx=0&ady=0&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=2&xpc=OnL9lTDgWw&p=http%3A//www.cnblogs.com&dtd=49" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame2" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame3" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1399549303&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Fxiaochao12345%2Fp%2F3716172.html&dt=1399549304632&shv=r20140501&cbv=r20140417&saldr=sb&prev_slotnames=4356862740%2C8660799060&correlator=1399549304334&frm=20&ga_vid=429972749.1397695120&ga_sid=1399544814&ga_hid=292033813&ga_fc=1&u_tz=480&u_his=117&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=12&adx=304&ady=250&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=3&xpc=IpLb6Lt2T3&p=http%3A//www.cnblogs.com&dtd=45" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame3" marginWidth="0" scrolling="no" hspace="0"></iframe>