这是一篇视频AI的科普教程。视频AI有什么用呢？
举个例子，比如用摄像头来看门，通常情况下无人打扰时，摄像头画面是相对静止的，如果突然出现运动的人或物，就会在画面中标记出来或者短信通知工作人员。如下图所示：
本文将用一个Java程序来展示这个功能，并详述其原理，让每个小伙伴们都能入门视频AI。
$ wget https://github.com/downgoon/video-motion-detection/releases/download/0.1.0/video-motion-detection-0.1.0.tar.gz
$ tar zxvf video-motion-detection-0.1.0.tar.gz
$ cd video-motion-detection-0.1.0
$ bin/video-motion-detection console
此时电脑的摄像头会被开启，对着摄像头摇摇头？AI会标记出运动区域。
顺便说一下，如果想自己编译，请执行：
$ git checkout 0.1.0
$ mvn clean package
$ file target/video-motion-detection-0.1.0.tar.gz
整个程序分3个环节：
- 抓帧： 通过
JavaCV（OpenCV的Java接口）连接电脑本地的摄像头，并快速&不断地抓帧（可以理解为拍照，这里的帧是图片的别名）。 - 检测： 前后两帧（也就是两幅图片）进行比较，找出它们中的不同，结合一定算法，判断这种不同是否属于运动，并对运动的区块用方框标记出来。
- 推图： 无论图片有没有运动区块，都往
ImagePanel上贴图，要求快并持续，快到超过人类的视觉暂留，比如每秒贴图24张，人眼看到的就是视频了（moving pictures）。
顺便说一下，如果只是要从摄像头录制视频，上述第2步是一个可选项，运动检测可以理解为图片数据流的一个过滤器。
上述流程中，第2环节的运动检测，介绍个朴素算法以便大家入门。这个算法简单讲就是比对前后两帧的每个像素，像素差值大于一定程度，就标记为运动像素。
用于演示这个算法过程的Excel动画，请点击下载 video-motion-detection.xlsx。
一个图片是由横纵的点阵构成的，每个点被称作为像素，每个像素通常是4个字节的整形数，每个字节被称作通道。其中第1个字节描述alpha通道，第2个是RGB三色体系的红色，第3是绿色，第4是蓝色。
上述示意图中，灰色小格子就是像素。为了后面的AI识别，我们按10x10划分区块Block（图中是5x5，绿色标线标注的）。
接着就要计算前后两张图片（帧）的差异，MxN点阵中所有像素的αRGB的取值差，差值大于一定程度，就被认为是运动像素。并对每个区块，统计运动像素的个数。
代码VideoMotionDetector#doBlockMotionCount.java描述了这段逻辑：
/**
* 色差阈值：相邻的两帧，在同一像素点位置，如果色差大于阈值，则判定为运动像素。
*/
private int colorDiffThreshold = 30;
private void doBlockMotionCount(MatrixImage currImage, MatrixImage diffImage) {
for (int y = 0; y < currImage.getHeight(); y++) {
for (int x = 0; x < currImage.getWidth(); x++) {
// 当前图在(x,y)点的RGB值
int cR = currImage.rgbR(x, y);
int cG = currImage.rgbG(x, y);
int cB = currImage.rgbB(x, y);
// 对比图在相同点的RGB值
int dR = diffImage.rgbR(x, y);
int dG = diffImage.rgbG(x, y);
int dB = diffImage.rgbB(x, y);
// 两个点在RGB的任一通道色差大于色差阈值，则判定为"运动像素"
if (Math.abs(cR - dR) > colorDiffThreshold
|| Math.abs(cG - dG) > colorDiffThreshold
|| Math.abs(cB - dB) > colorDiffThreshold) {
// 区块内"运动像素"计数器累加1
int blockX = x / blockSizeThreshold;
int blockY = y / blockSizeThreshold;
blockMotionCount[blockX][blockY]++;
}
}
}
}不妨假设运动像素的分布是下面的样子：
图中黄色（黄色充满运动感）荧光笔填涂的就是运动像素。
统计完每个区块的运动像素的数量后，接下来就要判定这个区块是否是运动区块。判别的标准就是一个区块内超过半数是运动像素，它就是运动区块。
代码VideoMotionDetector#isMotionBlock.java描述了这段逻辑：
/**
* 区块粒度：将一张图片，切成很多个区块。每个区块大小为10像素*10像素。
*/
private int blockSizeThreshold = 10;
/**
* 判断一个区块是否是运动区块
*/
private boolean isMotionBlock(int blockX, int blockY) {
int halfBlockPixels = (blockSizeThreshold * blockSizeThreshold) / 2;
// 如果区块内有超过半数是运动像素，则区块判别为"运动区块"
return blockMotionCount[blockX][blockY] > halfBlockPixels;
}
上述图例中，每个区块如果有大于5个的运动像素，就被定义为运动区块（左上角的那个区域虽然有运动像素，但是不够5个，判定为非运动区块）。
算法首先找到第一个运动区块，返回一个Rect，如图用LT标记的left-top左顶点，用RB标记的right-bottom右底点。
对于一个运动区块，合并周围5格近邻的运动区块。从左到右，从上而下，找到临近的运动区块，且尚未标记为运动的，把它纳入进来。
代码VideoMotionDetector#mergeNeighborBlocks.java描述了这段逻辑：
/**
* 合并周围5格近邻的运动区块
*/
private void mergeNeighborBlocks(int blockX, int blockY, Rect pixelRect) {
for (int nbx = blockX - 5; nbx < blockX + 5; nbx++) {
for (int nby = blockY - 5; nby < blockY + 5; nby++) {
// 邻居区块：某个指定区块周围5个区块
boolean isNear5 = (nbx > 0 && nbx < pixelWidth / blockSizeThreshold)
&& (nby > 0 && nby < pixelHeight / blockSizeThreshold);
if (isNear5) {
// 对于邻居区块是运动的，且尚未被标记的
if (isMotionBlock(nbx, nby) && !blockMotionJudge[nbx][nby]) {
// 跟邻居对比，左顶点往左靠
if (nbx * blockSizeThreshold < pixelRect.getX1()) {
pixelRect.setX1(nbx * blockSizeThreshold);
}
if (nby * blockSizeThreshold < pixelRect.getY1()) {
pixelRect.setY1(nby * blockSizeThreshold);
}
// 跟邻居对比，右底点往右靠
if (nbx * blockSizeThreshold > pixelRect.getX2()) {
pixelRect.setX2(nbx * blockSizeThreshold);
}
if (nby * blockSizeThreshold > pixelRect.getY2()) {
pixelRect.setY2(nby * blockSizeThreshold);
}
// 把"邻居区块"也标记为"运动区块"
blockMotionJudge[nbx][nby] = true;
// 每当标记一个运动区域时，立即找出它的邻居区域也是运动的，但是尚未标记的
mergeNeighborBlocks(nbx, nby, pixelRect);
}
}
}
}
}代码图示：两个运动区块，合并成一个大的区块，LT和RB分别标记合并后的区块坐标。
继续拓展，会把下面那个区块也合并进来，如下图：
合并后，整个大区块都是运动区域，我们要在这个大区域上画个方框标记出来。代码MontionMarker#startCamera2PanelContinuously.java：
MatrixImage showFrame = currFrame;
if (lastFrame != null) {
// motion detection
List<Rect> motionRegions = motionDetecor.detect(currFrame, lastFrame);
for (int i = 0; i < motionRegions.size(); i++) {
Rect rect = motionRegions.get(i);
MatrixImage markFrame = new MatrixImage(imageWidth, imageHeight);
// deep copy and motion mark
MatrixImage.copyRgbArray(currFrame, markFrame);
// mark motion block with a tiffany blue rectangle
// NICE-RED: 0xF01D39 NICE-BLUE: 0x0F76C1 TIFFANY-BLUE: 0x81d8cf
markFrame.drawRect(rect.getX1(), rect.getY1(),
rect.getWidth(), rect.getHeight(), 2,
new Color(0x81d8cf));
showFrame = markFrame;
} // end for
}
lastFrame = currFrame;
// push original current image or marked image into the panel
imagePanel.setMatrixImage(showFrame);标记效果如下图所示：
