问题标签 [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 投票
0 回答
1180 浏览

ffmpeg - 在 FFMPEG 中将黑色转换为透明度

我有一个 BMP 图像序列,我用这个 FFMPEG 代码将它们连接到一个 MPNG 视频文件:

我想用 alpha 层中的透明度替换所有黑色像素,这样它就可以覆盖在编辑器中的其他视频上。以下代码不起作用:

根据要求,这是完整的日志:

BMP 太大而无法上传,但这里有一个典型部分的链接:https ://pasteboard.co/I0RzfjI.bmp

可以做到吗?

0 投票
0 回答
549 浏览

glsl - 我在OBS-Studio中开发的自制色度键滤镜不能使用通常的绿色或蓝色背景,但可以使用红色

我参考了 github 上的OBS Studio 20.1.0 文档chroma_key_filter.effect。最近自制的 obs-studio 过滤器有问题。我想不出如何解决它。在这里想请教大家,希望能得到一些建议或答案。

第一个问题是,当捕捉到power point演示文稿时,背景设置为红色(图1),然后我可以用我自己的边缘检测内核得到文本的边缘,但是通常的绿色(或蓝色)颜色会不会显示效果(图2)?(OBS-studio资源为了方便看效果使用了白色背景)在 此输入图片说明 图1。

在此处输入图像描述 图 2。

第二个问题是过滤器已更改为其他内核。相反,参数化的水平滚动条没有任何作用。是否需要调整位置才能使全罩工作(图 3)? 在此处输入图像描述 图 3。

代码展示如下(其编程语言使用HLSL或GLSL语言):

谢谢!

0 投票
0 回答
939 浏览

image-processing - 色度键使用 FFMPEG 将绿色部分替换为另一个图像

色度键图像

我想用另一个图像替换上述 chromekey 图像的绿色。图像应该只替换为绿色,而不是覆盖整个图像。

我正在使用下面的示例命令,但它不仅覆盖了绿色,而且覆盖了整个图像。

-y -i /storage/emulated/0/dummyResized.jpg -i /storage/emulated/0/circularImage.png -filter_complex [1:v]colorkey=green:0.3:0.2[ckout];[0:v][ ckout]overlay[out] -map [out] /storage/emulated/0/outputBlackCircular.jpg

0 投票
0 回答
458 浏览

ffmpeg - 使用 ffmpeg filter-complex 转换的输出 RTSP 流出现问题

我有一个在 RTSP 中获得的相机源,例如:rtsp://172.16.1.177:8554/test

这是我使用的流详细信息ffmpeg -i rtsp://172.16.1.177:8554/test

现在,我将 chromakey 应用到上面的流中,这给了我完美的 mp4 输出

之后,我使用以下配置文件创建并成功启动了 ffserver

我正在尝试使用以下命令导出输出流

这给了我以下错误

我对 ffmpeg 或 ffserver 都没有太多经验,所以我不完全知道为什么会出现未连接输出的问题

过滤器覆盖有一个未连接的输出

0 投票
1 回答
383 浏览

svg - 使用 SVG 过滤器 feMatrixColor 在 HTML 页面中的色度键

我正在实现实时色度键,以便将网页中网络摄像头显示的绿色像素转换为透明像素。

我发现的 SVG 过滤器看起来非常强大,但我仍然不清楚如何使用它。

来自 SVG 的 feMatrixColor 过滤器: https ://developer.mozilla.org/en-US/docs/Web/SVG/Element/feColorMatrix

我发现这个示例https://codepen.io/iamschulz/pen/MmxdMQ与我想要做的很接近。

我必须在我的应用程序加载时校准颜色,为此我需要生成匹配的颜色矩阵。

上面是一个示例,其中定义的绿色的 alpha 设置为零。我不把它作为完美的参考,但它确实有效。此外,我注意到最后一列在渲染中做了很多工作,但我不明白它的作用是什么。最终结果的质量取决于这个值有很大的不同。

我想创建一个函数,它返回一个在输入中选择颜色的矩阵,但我不明白该矩阵背后的逻辑。

0 投票
0 回答
764 浏览

javascript - 需要摆脱视频的绿色背景(使其透明)

我们有一个带有绿色背景(色度键)的视频,它需要是透明的。我是色键和视频编辑的新手,对此不太了解。我的要求是使视频透明,以便使用 PHP 脚本在网页上使用它,以便它可以在 Windows、Safari(Mac、iOS)上使用 Web 界面。我们有很多这样的视频,所以我们只需要使用一些脚本来做到这一点,如果可能的话,可以在运行时设置视频。

我已经查看了a-frame,但找不到任何使视频背景透明的选项,以便视频后面的内容可见。它也可以单独工作,但是当我尝试在我的项目中实现时,它会破坏整个 html 代码。

还尝试将 ffmpeg 与 PHP 一起使用,我尝试在线运行 comman,但它对我不起作用。请找到以下命令:-

有人请帮忙吗?

0 投票
1 回答
617 浏览

javascript - 视频+画布全屏问题

我有一个视频元素,它在流期间被复制到画布元素。

我遇到的问题是保持全屏的纵横比。视频保持其比例,但画布没有。

代码的 CSS 部分是:

我正在测试色度键效果,视频播放中调用的 JS 部分是:

我能做些什么来完成这项工作吗?

0 投票
0 回答
58 浏览

ios - 以覆盖应用程序中的方式过滤图像

我正在创建一个应用程序来提供叠加的功能,就像在 Photoshop 中一样。

我有两张图

  1. 将添加叠加层的背景图像,

  2. 将应用过滤的前景图像

注意:两张图片均为 .jpeg 格式

我尝试使用色度键效果,但它存在一些平滑度问题,并且在去除不同颜色时无法正常工作。

这是通过去除黑色应用 ChromaKey 效果后的图像

上图有平滑问题

当我尝试删除其背景颜色时,也有这样的图像,它无法正常工作

我怎样才能实现这个功能

谢谢!

0 投票
0 回答
67 浏览

swift - 灰度色键 swift

我想使用 swift 将灰度线条艺术的所有白色背景更改为透明。我为 swift 实现了 RGB 色键文档:https ://developer.apple.com/documentation/coreimage/applying_a_chroma_key_effect

色调范围最初是绿色,有 R、G、B 和 alpha 参数

,但对于灰度,根据苹果文档只有 2 个:白色,阿尔法。我想将极端的白色更改为透明,所以我只是将色调范围设置为 1。

chromakey 的函数。当我应用函数时,什么都没有出现。

0 投票
1 回答
455 浏览

ffmpeg - 使用 ffmpeg 录制游戏屏幕时显示透明键盘的色度键过滤器

我正在尝试显示像这样的透明键盘(他正在使用 OBS 工作室): https ://www.youtube.com/watch?v=6RCXyh2aICY

所以我将所有“NohBoard v1.2.2”颜色设置为绿色(0x00FF00),除了字母,然后:

到目前为止一切都很好,但是我可以为此使用 1 个命令吗?