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

aframe - a-frame 上的 Chromakey 组件在桌面上工作,但在 android 手机上失败,我该如何修复它?

我需要在适用于 android 和 iphone 的框架上显示透明视频。我正在使用这个组件: https ://www.npmjs.com/package/aframe-chromakey-material

这个 chromakey 组件在桌面 PC 上与 mp4 视频完美配合,但在移动 android 上,chrome 将视频显示为黑色矩形。

为什么它可以在带有 chrome 的台式机上运行,​​但在带有 chrome 的 Android 手机上却失败了,代码完全相同。

顺便说一句,我正在使用一个按钮,以便用户首先单击以确保视频在移动设备上很好地激活。如果没有 chromakey 组件,mp4 视频在移动设备上播放效果很好。只有当我激活着色器时,它才会在移动设备上全黑,在桌面上一切都很好。

好的,现在我知道发生了什么,我只需要帮助来解决它。

问题不是视频或实体,它应该可以与视频一起使用。

原因是在移动设备中视频没有启动,这就是它显示黑色的原因,

当我使用 a-video 时,我会在用户点击时开始播放视频,如下所示:

当我不使用着色器材料时,这在桌面和移动设备上都非常完美

但是当我添加着色器材质时:

现在在用户点击时启动视频的相同代码失败,可​​能是因为我有两个 src="#video"?

当我将色键材料嵌入到视频中时,我应该如何更改以下代码以正确启动视频?

我进一步简化了这条线

我确认了,当我离开自动播放时它一切正常,当我删除它时它失败,这就是为什么它在桌面上而不是在移动设备上工作,我的手动触发视频的代码在没有嵌入 chromakey 东西时工作得很好a-video 但是当我嵌入它时,手动启动视频的代码失败

0 投票
1 回答
228 浏览

java - 了解色键

鉴于此示例代码将所有蓝色替换为新背景:

我想知道是否使用这种条件:

在 if 语句上,它是否有效。换句话说,使用该条件是否具有与currPixel.getRed() + currPixel.getGreen() < currPixel . getBlue ()

0 投票
2 回答
953 浏览

android - 如何在 Vigo Video Hypstar 等摄像机上实时预览录像机的变化

我想用 gif 或图像更改 Surface 预览底部叠加层,例如Vigo

像这样

在此处输入图像描述

请告诉我任何 sdk 或我用于此过滤器的内容

我可以使用此更改顶视图上的叠加层

这个的帮助

这个的输出

在此处输入图像描述

在此处输入图像描述

0 投票
0 回答
43 浏览

javascript - Javascript色度键阈值以及如何编码?

我目前正在尝试用视频制作色度键效果。这是部分工作,意思是:只有几个像素是透明的。但是我需要使相同颜色范围或颜色邻域内的其他像素透明。

下面的代码是使用 requestAnimationFrame 调用的代码。

任何帮助,将不胜感激!

0 投票
1 回答
609 浏览

ios - iOS GPUImage - 色度键控 GPUImageChromaKeyBlendFilter 不适用于用白色替换图像上的黑色/灰色

我正在尝试使用 GPUImageChromaKeyBlendFilter 在此图像中用纯黑色图像替换黑色/深灰色,但它似乎也在替换白色:

在此处输入图像描述

在此处输入图像描述

这是我的代码:

我怎样才能使这项工作?

我注意到在这篇文章中,布拉德提到这个问题是由于消除了亮度:

https://github.com/BradLarson/GPUImage/issues/2256

“这与色度键控滤镜中的颜色匹配计算有关。它试图去除亮度分量,只匹配色度,因此对于白色或黑色,由于缺乏色度。你可以尝试深入研究色度键着色器,看看你可以改进那里的颜色匹配算法。

有没有办法在抠像时也考虑到亮度?一般来说,我对 GPUImage 和图像处理非常陌生,所以我什至不知道如何修改亮度代码。

0 投票
0 回答
68 浏览

android - Android WebView 用透明改变颜色(色度键)

我需要在WebView上更改(最好也是区域颜色)透明的任何颜色。它必须像AvoidXfermode一样工作(由于已弃用,我无法使用它)

示例: 我有红色背景和一些黑色潜水,我需要将这种黑色更改为透明色并在 WebView 中制作一个“洞”。在这个洞里,我必须看到位于 WebView 后面的任何 View。

请帮助任何人...

0 投票
2 回答
2396 浏览

swift - 平滑色度键的边缘 -CoreImage

我正在使用以下代码从图像中删除绿色背景。但是图像的边缘带有绿色色调,并且一些像素已损坏。我怎样才能平滑它并使切口完美。

输入:

在此处输入图像描述

输出: 在此处输入图像描述

更新: 在此处输入图像描述

更新 2: 在此处输入图像描述

更新 3: 在此处输入图像描述

0 投票
2 回答
3589 浏览

macos - chromakey: ffmpeg 绿色视频去除

我在 Mac 上使用 ffmpeg 删除视频的绿色背景并添加其他背景作为图像,它正在正确转换视频但缺少 auido。我正在使用以下命令。

我在这里做错什么了吗?

0 投票
0 回答
143 浏览

c# - HDMI 色度键编程

我google了很多,但我没有找到任何解决方案。

我用 c# wpf 创建了一个应用程序。它正在从第二个桌面中的第一个桌面的仪表板创建 UI。UI 的背景是绿色的,它包含一些不同的图形,例如橙色。我想将绿色更改为 alpha(透明)并实时推送到 HDMI,以便在电视或显示器等源设备中显示

我的意思是我想为 HDMI 应用色度键。有可能吗?

0 投票
1 回答
684 浏览

unity3d - 如何使用着色器裁剪 WebcamTexture?

我有一个色键着色器在 Unity 2018.3 中完美运行。我需要向着色器添加顶部、底部、左侧、右侧属性,并使用这些参数使纹理中不需要的部分透明。这是来自纹理的图像;

色度键

所有过程都需要在着色器中完成,因为这是一个网络摄像头纹理,并且非常GetPixels()昂贵。SetPixels()mainTextureUpdate()

这是我的着色器代码:

{

}