Wrong colors rendered in Using VP9 video as WebGL Texture
Categories
(Core :: Graphics: CanvasWebGL, defect, P2)
Tracking
()
People
(Reporter: 428rinsuki+bugzilla.mozilla.org, Unassigned)
Details
Attachments
(1 file)
2.21 KB,
text/html
|
Details |
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:83.0) Gecko/20100101 Firefox/83.0
Steps to reproduce:
Plan A:
- Watch VR180/360 deg videos on YouTube (e.g. https://www.youtube.com/watch?v=Nwteb9oPbGw)
Note: You need to make sure that YouTube is playing VP9 stream
Plan B:
- Open threejs-video-texture.html (attached to this bug)
- Select VP9 video (if you don't have a vp9 video, you can generate with
ffmpeg -f lavfi -i testsrc2=s=640x360 -r 30 -t 10 -vcodec vp9 -threads 8 testsrc2.webm
) - Click "Play"
Reproduced on
- Nightly 83.0a1 (2020-09-24)
- Developer Edition 82.0b3
- Nightly 83.0a1 20200917100940
in macOS Catalina 10.15.7 (19H2).
Not reproduced on
- Nightly 83.0a1 20200916153738
- Stable 81.0
(in macOS Catalina 10.15.7 (19H2)).
Actual results:
video texture in <canvas> is rendered in the wrong color.
Expected results:
<canvas> and <video> are rendered in the same color.
Comment 1•4 years ago
|
||
Bugbug thinks this bug should belong to this component, but please revert this change in case of error.
Comment 2•4 years ago
|
||
:jya, what video things (if any) changed in this timeframe? I'm surprised by what does vs doesn't reproduce here. It doesn't match the out-of-process webgl rollout, and that's the only suspicious change to webgl recently, I think.
Comment 3•4 years ago
|
||
(In reply to Jeff Gilbert [:jgilbert] from comment #2)
:jya, what video things (if any) changed in this timeframe? I'm surprised by what does vs doesn't reproduce here. It doesn't match the out-of-process webgl rollout, and that's the only suspicious change to webgl recently, I think.
There's been no changes to the video decoding component that could explain anything at the time this bug was lodged.
Those only landed on October 21st.
We noticed this too on our website: https://www.dropbox.com/s/17n6mhs018qv037/Screenshot%202021-03-09%20at%2020.13.12.png?dl=0
Video encoded with:
ffmpeg -i $i -c:v libvpx-vp9 -qmin 0 -qmax 50 -crf 15 -b:v 1M -vf scale=$2:-2 $3 -threads 0 out_$2/${i%.$1}_$2.webm
Threejs v0.126.0
Mp4 h.264 video gives correct colors.
Description
•