Problem with VideoTexture colors

Questions
1

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
2

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

3

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

Screen Recording 2020-07-02 at 15.42.45

4

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?

5

@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.

6

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

Issue is also there.

7

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?

8

@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.

9

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

10

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
11

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

3 Likes