Problem with VideoTexture colors

Colors on VideoTexture are different than colors on original mp4 video. Here is live example https://jsfiddle.net/Fle9ma/39kdv8qn/16/
You can toggle between VideoTexture and original video with checkbox.
Is there a solution for this?

Thanks

1 Like

Hi!
I’ve got the same visual result for both the checkbox is on and is off.

I tested in multiple browsers, mac and windows, I can see the difference in colors everywhere

I can confirm that the video looks a bit darker when using WebGL. Even when using MeshBasicMaterial: https://jsfiddle.net/endp9xzk/1/

I’m using Chrome 83.0.4103.116 on macOS 10.15.4. The effect is even more noticeable in Firefox 78.0.1.

@prisoner849 On what system/browser have you tested the fiddle?

@Mugen87
FF 78.0.1 (64-bit), Win7, built-in Intel Graphics.
Also checked with Chrome 83.0.4103.116.
The result is the same in both browsers.

I’m using Chrome 83.0.4103.116 on macOS 10.15.5.
Intel Iris Plus Graphics 640 1536 MB.

Issue is also there.

Tried both original and @Mugen87’s examples on a laptop with Win10 and GTX1060.
Last versions of Chrome and FF: the result is the same - no difference in visual result.
Maybe the issue somehow relates to macOS or products from Apple in general?

@prisoner849

I can reproduce the issue also on Win10, Chrome and Edge. It is smaller difference than on macOS but it is visible. In Firefox it looks the same.

@creativeinteractivemedia Also a possible option: I’m too old and not able to distinguish colors :thinking:

The quality and calibration of your monitor can make a pretty big difference, too. The difference here (macOS, Dell UltraSharp monitor) is subtle enough that I wouldn’t rule that out.

1 Like

[spoiler: they didn’t solve it… apparently canvas (even 2D, not WebGL) handles color profiles differently than HTML Video elements? :face_with_raised_eyebrow: ]

2 Likes