Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss
HTML5 video contrast issues
566 views
Skip to first unread message
Aaron F. Ross
Mar 18, 2014, 5:37:24 PM3/18/14
to
Hi,
Not sure if this is the place to post this or not. If not, please point me in the right direction.
I was very excited to see that I can post video to my web page without plugins, Flash, or Javascript. However, I have identified two issues concerning visual quality in the Firefox HTML5 video player. I'm an artist, image is everything to me.
1. Poster image is at reduced contrast. Looks like it's viewed through some kind of filter. This is bad. Please don't do this. If I create a poster image, I expect that it will be displayed the same way I created it. This is not an unreasonable expectation.
2. MP4 video is being displayed at reduced contrast as well. Blacks are not black, whites are not white. This probably has something to do with a dynamic range mismatch between 0-255 (for display/desktop) and 16-235 (for storage/broadcast). My files are encoded with Handbrake. I assume what is happening is that the encoder is using the standard 16-235 range, but Firefox is not correctly expanding that out to 0-255. This is bad. Please fix it.
I understand that this is an "emerging" technology, but it's just as easy to get these things right.
I'm using Firefox 27.0.1 on Windows 7 x64.
Thank you
Aaron
Not sure if this is the place to post this or not. If not, please point me in the right direction.
I was very excited to see that I can post video to my web page without plugins, Flash, or Javascript. However, I have identified two issues concerning visual quality in the Firefox HTML5 video player. I'm an artist, image is everything to me.
1. Poster image is at reduced contrast. Looks like it's viewed through some kind of filter. This is bad. Please don't do this. If I create a poster image, I expect that it will be displayed the same way I created it. This is not an unreasonable expectation.
2. MP4 video is being displayed at reduced contrast as well. Blacks are not black, whites are not white. This probably has something to do with a dynamic range mismatch between 0-255 (for display/desktop) and 16-235 (for storage/broadcast). My files are encoded with Handbrake. I assume what is happening is that the encoder is using the standard 16-235 range, but Firefox is not correctly expanding that out to 0-255. This is bad. Please fix it.
I understand that this is an "emerging" technology, but it's just as easy to get these things right.
I'm using Firefox 27.0.1 on Windows 7 x64.
Thank you
Aaron
Chris Pearce
Mar 18, 2014, 6:06:29 PM3/18/14
to Aaron F. Ross
On 3/19/2014 10:37 AM, Aaron F. Ross wrote:
> Hi,
>
> Not sure if this is the place to post this or not. If not, please point me in the right direction.
Thanks for your feedback! :)
> Hi,
>
> Not sure if this is the place to post this or not. If not, please point me in the right direction.
> I was very excited to see that I can post video to my web page without plugins, Flash, or Javascript. However, I have identified two issues concerning visual quality in the Firefox HTML5 video player. I'm an artist, image is everything to me.
>
> 1. Poster image is at reduced contrast. Looks like it's viewed through some kind of filter. This is bad. Please don't do this. If I create a poster image, I expect that it will be displayed the same way I created it. This is not an unreasonable expectation.
tags are displayed with. Maybe you're seeing the video controls overlay,
that puts a partially opaque layer over top of the video?
> 2. MP4 video is being displayed at reduced contrast as well. Blacks are not black, whites are not white. This probably has something to do with a dynamic range mismatch between 0-255 (for display/desktop) and 16-235 (for storage/broadcast). My files are encoded with Handbrake. I assume what is happening is that the encoder is using the standard 16-235 range, but Firefox is not correctly expanding that out to 0-255. This is bad. Please fix it.
graphics card. Tracking in bug 879099:
https://bugzilla.mozilla.org/show_bug.cgi?id=879099
I have reported this bug to nvidia, but seem to have no interest in
fixing it.
There's a work around here:
https://wiki.videolan.org/VSG:Video:Color_nVidia
Cheers,
Chris Pearce
Aaron F. Ross
Mar 19, 2014, 6:02:29 PM3/19/14
to
Hi Chris
Thanks for the tip about the NVIDIA driver. I had experienced that issue previously with VLC itself, but with current versions of VLC I was not seeing the issue, so I changed the NVIDIA driver back to the default of 16-235.
As for the poster image, it is definitely being dimmed down / grayed out. It's as if the video control overlay is obscuring the image. Not just the big fat play button, not just the transport controls. The entire image is being partially obscured. I can upload a screen shot somewhere if you like.
Thanks
Aaron
Thanks for the tip about the NVIDIA driver. I had experienced that issue previously with VLC itself, but with current versions of VLC I was not seeing the issue, so I changed the NVIDIA driver back to the default of 16-235.
As for the poster image, it is definitely being dimmed down / grayed out. It's as if the video control overlay is obscuring the image. Not just the big fat play button, not just the transport controls. The entire image is being partially obscured. I can upload a screen shot somewhere if you like.
Thanks
Aaron
Aaron F. Ross
Mar 20, 2014, 7:39:39 PM3/20/14
to
Here is a screen capture demonstrating the issue. It's quite dramatic. On the left is the file open in Photoshop, on the right is the dimmed out poster image in Firefox 27.0.1.
http://dr-yo.com/temp/firefox_html5_poster_image_issue.png
The cursor isn't visible in the screen capture, but it is not mousing over the video. When I do mouseover the video, it goes *dark*.
This is kind of backwards UI, isn't it? What should happen is this:
When not mouseover: poster image at full contrast, video player controls dimmed
When mouseover: poster image at full contrast, video player controls at full contrast
You can find the example page here:
http://www.dr-yo.com/video_too_far_out_hfr.html
and the example image here:
http://dr-yo.com/web_pics/gallery/too_far_out/too_far_out_640x480.jpg
Thank you
Aaron
http://dr-yo.com/temp/firefox_html5_poster_image_issue.png
The cursor isn't visible in the screen capture, but it is not mousing over the video. When I do mouseover the video, it goes *dark*.
This is kind of backwards UI, isn't it? What should happen is this:
When not mouseover: poster image at full contrast, video player controls dimmed
When mouseover: poster image at full contrast, video player controls at full contrast
You can find the example page here:
http://www.dr-yo.com/video_too_far_out_hfr.html
and the example image here:
http://dr-yo.com/web_pics/gallery/too_far_out/too_far_out_640x480.jpg
Thank you
Aaron
Aaron F. Ross
Mar 20, 2014, 7:42:21 PM3/20/14
to
It should also be noted that this issue does not exist in Internet Explorer nor in Google Chrome. It's definitely a Firefox bug/feature.
Chris Pearce
Mar 21, 2014, 12:27:51 AM3/21/14
to Aaron F. Ross
On 3/20/2014 11:02 AM, Aaron F. Ross wrote:
> Hi Chris
>
> Thanks for the tip about the NVIDIA driver. I had experienced that issue previously with VLC itself, but with current versions of VLC I was not seeing the issue, so I changed the NVIDIA driver back to the default of 16-235.
Interesting. They must be doing their own YUV->RGB colour conversion.
> Hi Chris
>
> Thanks for the tip about the NVIDIA driver. I had experienced that issue previously with VLC itself, but with current versions of VLC I was not seeing the issue, so I changed the NVIDIA driver back to the default of 16-235.
We could do that, it's a matter of finding the time, and we're stretched
pretty thin at the moment. :(
> As for the poster image, it is definitely being dimmed down / grayed out. It's as if the video control overlay is obscuring the image.
Cheers,
Chris Pearce.
0 new messages