Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用HTML5替换/替换实时摄像机视频流上的特定颜色?_Javascript_Video_Colors_Html5 Canvas_Html5 Video - Fatal编程技术网

Javascript 如何使用HTML5替换/替换实时摄像机视频流上的特定颜色?

Javascript 如何使用HTML5替换/替换实时摄像机视频流上的特定颜色?,javascript,video,colors,html5-canvas,html5-video,Javascript,Video,Colors,Html5 Canvas,Html5 Video,到目前为止,我能够应用CSS3和svg过滤器使整个图像变成深褐色或黑白,但是,我想实时地只替换一种颜色 我可以很容易地使用Flash实现这一点,但我找不到如何使用HTML5实现这一点。引入的问题不同,但核心是您的问题,您将在这个可能的副本中找到一个工作示例:。实时?30、50、60fps?低分辨率,1080高清,4K超高清?在阳光下的每台机器上,还是只在超频水冷台式机上?你有两个选择。上述要求的底端。2D APIgetImageData和逐像素使用新值替换RGB值(注意:没有HSL颜色模型)。对

到目前为止,我能够应用CSS3和svg过滤器使整个图像变成深褐色或黑白,但是,我想实时地只替换一种颜色


我可以很容易地使用Flash实现这一点,但我找不到如何使用HTML5实现这一点。引入的问题不同,但核心是您的问题,您将在这个可能的副本中找到一个工作示例:。实时?30、50、60fps?低分辨率,1080高清,4K超高清?在阳光下的每台机器上,还是只在超频水冷台式机上?你有两个选择。上述要求的底端。2D API
getImageData
和逐像素使用新值替换RGB值(注意:没有HSL颜色模型)。对于顶端(完全覆盖底部),您需要使用WebGL。您想要的任何类型的颜色模型都可以正常工作,但不同机器的峰值性能会有很大差异。(可选第三选项中端)WASM modal处理2D API imgData阵列(浏览器支持?OK)的速度比JS快20~40%