Javascript WebcamToy如何在getUserMedia（）网络摄像头视频上获得奇怪的效果？

我知道如何使用Javascript中的getUserMedia访问网络摄像头。然而，webcamtoy.com中添加的所有效果给我留下了深刻的印象，尤其是顶部镜像、隧道、洗牌等效果。看起来这些不是简单的CSS过滤器[1]。看到他们在浏览器中实时工作，令人印象深刻

我想知道这里是否有人知道所使用的技术是什么。。如果有任何网站解释如何做到这一点

---

[1] 我想出了一个办法。其想法是设置一个WebGL画布，并使用网络摄像头作为纹理的源。然后，可以通过修改片段着色器添加奇怪的效果

---

我在这里测试这项技术：

你有没有做过更多的？嗯，没有那么多。就这一个：但是如果你知道GL着色器编码，你应该能够修改上面的WebGL2.php代码来做任何事情。