javascript - WebGL 和 JavaScript 应用程序中的颜色跟踪

Question

我的问题似乎是一个非常简单的问题，但我找不到一个好的解决方案。

我正在开发一个检测网络摄像头流中运动的应用程序。该插件是用 JavaScript 和 WebGL 编写的。为此，它的效果相当好。

我想通过颜色跟踪和最终对象识别来扩展应用程序。

目前，颜色检测只是将给定颜色和相机纹理传递给着色器。着色器将纹理和颜色转换到 CIELAB 空间并检查欧氏距离(在 A 轴和 B 轴上，而不是亮度分量)。如果它在给定距离内，纹理将保持颜色，否则片段将设置为黑色。结果勉强“OK”。

所以我的问题是，是否有更强大、更好的方法来查找这些颜色？我选择了 CIELAB 空间，因为它对阴影等有一定的不变性。

编辑:看来最大的问题是我使用高斯滤波器来减少视频图像中的噪声，这导致图像变暗。尽管 LAB 正如所述“对阴影等有些不变”，但它会使检测效率降低。所以我猜我需要一种不同的方法来减少图像中的噪音。我只尝试过使用最后 5 帧的空间中值滤波器。但这还不够好。因此，如果有更好的降噪解决方案，我们将不胜感激。

最诚挚的问候

Answer 1

您需要标准化高斯滤波器内核值以防止图像变暗/变亮 - 您可以看看这个 gaussian blur tutorial 。您还可以尝试对称最近邻过滤器或 Kuwahara 过滤器。

关于颜色跟踪，在我看来您也可以使用 HSV 颜色空间。