问题标签 [chromakey]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5880 浏览

javascript - 如何为色键效果准确过滤 RGB 值

我刚刚阅读了本教程并尝试了这个示例。所以我从网上下载了一个视频进行自己的测试。我所要做的就是在 if 条件下调整 rgb 值

这是示例中的示例代码

在教程示例中,它过滤掉黄色(我猜不是黄色)颜色。我下载的示例视频使用绿色背景。所以我在 if 条件下调整了 rgb 值以获得所需的结果

经过多次尝试,我设法得到了这个。

在此处输入图像描述

现在我想知道的是如何在不猜测的情况下准确地过滤掉绿屏(或任何其他屏幕)。或随机调整值。

只是猜测它需要几个小时才能完全正确。这只是一个真实世界应用程序的示例。它可能需要更多时间。

注意:该示例目前在 Firefox 中运行..

0 投票
1 回答
2340 浏览

android - Android 视频去除色度键背景

我已经检查了这个问题。

非常相似:我想用安卓相机录制视频。之后,使用库删除背景,即使用色度键。首先,我认为我应该使用 android NDK 以摆脱 SDK 内存限制并使用整个内存。视频的长度很短,几秒钟,所以也许能够处理它。android:largeHeap="true"由于 .so 文件体系结构不匹配,我更喜欢使用 SDK 实现并设置.so 文件。

请为 SDK 或 NDK 提供任何库建议。

0 投票
0 回答
354 浏览

javascript - 使用画布将图像附加到视频中的移动元素

如何使用 HTML5 画布创建视频,在其中我可以使用色度键将人脸附加到视频中的移动元素上。这样脸部就会随着该元素移动。

遇到了这个网站JibJab,它利用了这个。

只是想知道如何使用 HTML5 画布来完成。

根据我的研究,我们可以将视频放在视频甚至静态图像上(http://www.xindustry.com/html5greenscreen/)。但是如何移动静态图像是我正在寻找的。

也找到了这个解决方案,但它会在视频中创建透明元素,而不是附加图像。

0 投票
3 回答
409 浏览

ios - 视频叠加上的 Vuforia ChromaKey

我与 Vuforia 合作开展一个项目。我使用Vuforia的VideoPlayback示例。

当 Vuforia 检测到标记时,会在该标记上播放视频。我尝试在视频叠加层上应用色键。我发现这篇文章http://pilcrowpipe.blogspot.fr/2013/03/chroma-keying-transparent-background.html

我尝试实现代码,但没有任何效果。我认为这个例子使用了 chromakey 的视频背景,但我想要覆盖视频上的 chromakey。我对吗 ?

在 Vuforia Sample 中,我想我必须在renderFrameWithState函数中进行一些更改。

我对 OpenGL ES 完全不熟悉。

任何人都可以帮助我吗?

谢谢

0 投票
1 回答
237 浏览

ios - IOS。使用 GPUImage 在相机视图上播放具有绿色背景的视频

我有一个绿色背景的视频,我想在实时摄像机视图上显示它并删除绿色背景。我还想在单独的视图中显示它,以便用户能够移动或调整视频大小。GPUImage 有可能吗?您能描述执行此操作所需的步骤吗?

0 投票
1 回答
154 浏览

video - 如何在 After Effects 中旋转颜色蒙版?

我正在寻找一个弹吉他的人,其中弹吉他的人将是一种颜色,而吉他将是另一种颜色。

然后,我希望将这两种颜色都设置为不同的纹理背景。

我正在努力弄清楚如何使这项工作。有什么建议么?

0 投票
1 回答
1811 浏览

ffmpeg - ffmpeg 色键过滤器:混合参数不是它应该的

我想删除绿屏背景,但对我所取得的成就并不完全满意,因为我仍然有绿色边框(尤其是在头发等半透明区域,当我移动头部时)。

色键过滤器的混合参数文档说

混合

混合百分比。

0.0 使像素要么完全透明,要么根本不透明。

较高的值会产生半透明像素,透明度越高,像素颜色与主色越相似。

所以我认为,在使用如下命令删除背景时,我可以使用它来最大限度地减少绿屏出血(这是术语吗?):

但是当我使用 0.0 以外的任何值进行混合时,它似乎确定了某种最小透明度并且整个帧都会受到影响。

以下是一些可视化的图片:第一张是来自相机的原材料。第二个显示了混合 = 0.0 得到的结果,最后一个显示了问题:混合 = 0.5,但整个框架几乎完全透明。

[来自相机的原材料]

[混合=0.0]

[混合=0.5]

0 投票
2 回答
1136 浏览

ios - OpenGL:带白色的色键

我正在按照Erik Buck 的指南为我的视频处理获得绿屏效果。这绝对很棒,但并不完全符合我的要求。我的任务是在我的 iOS 项目中使用 OpenGL使用相同的方法“切掉”白色。

下面是来自 Erik Buck 项目的 OpenGL 代码,用于查找每个纹理的绿色纹素并将其不透明度分配为零:

通过反复试验,我能够操纵此代码以使不同的颜色透明,但白色已被证明是一个挑战。

如何使背景中的白色透明?

在此处输入图像描述

0 投票
1 回答
686 浏览

video - 帧中的色度键

如何对帧中的视频进行色键处理?我想在一个框架中制作一个看起来像全息图的人的视频。

我一直在研究这个,但由于某种原因无法让它工作。有谁知道如何在帧中设置色度键?(或者我想要完成的另一个解决方案也非常受欢迎)。

0 投票
0 回答
154 浏览

cordova - 如何使用cordova插件vuforia播放视频

我有一个用cordova制作的移动应用程序。

我想添加增强现实并安装了插件 vuforia。我已经配置了自己的图像并且它可以正常工作,但我不知道如何启动视频。另外,我有一个绿色背景、通道 alpha 或色度键的视频......

你知道当应用程序识别图像时启动视频的任何cordova插件吗?

并带有透明背景?

我不在乎该方法是插件、html canvas 代码还是 javascript……感谢您的宝贵时间。