WebcamToy如何在getUserMedia()网络摄像头视频之上获得怪异的效果?

时间:2018-12-23 20:24:20

标签: javascript webgl getusermedia

我知道如何使用Javascript中的getUserMedia()访问网络摄像头。但是,webcamtoy.com中添加的所有效果给我留下了深刻的印象,尤其是“顶镜”,“隧道”,“随机播放”等效果。看来这些不是普通的CSS过滤器[1]。看到他们在浏览器中“实时”工作真是令人印象深刻。

我想知道这里是否有人知道所使用的技术是什么? ..是否有任何网站说明如何做到这一点?

[1] https://webrtc.github.io/samples/src/content/getusermedia/filter/

1 个答案:

答案 0 :(得分:1)

我想出了一种方法。这个想法是设置一个WebGL canvas并将网络摄像头用作纹理的来源。然后可以通过修改片段着色器来添加怪异的效果。

我在这里测试该技术:https://www.html5fun.com/webgl/webglswirl2.php