6 ms·

I was amazed by how bright this page could get, on both Macbook and iPhone — https://kidi.ng/wanna-see-a-whiter-white/ https://kidi.ng/wanna-see-a-whiter-white/

by amitp 5y ago

I was amazed by how bright this page could get, on both Macbook and iPhone — https://kidi.ng/wanna-see-a-whiter-white/ https://kidi.ng/wanna-see-a-whiter-white/ — and I want to figure out how to use this superwhite on my interactive tutorials. But as far as I can see, canvas, svg, and webgl can't access it.

jbirer 5y ago
Nuts, I clicked the brightness toggle to bring it lower than 100% and it was already at 50%
deleted 5y ago
[deleted]
eyelidlessness 5y ago
HDR works for the Photos app. Though it doesn’t work for social apps I’ve tried, I’ve seen similarly high brightness static images in Safari. If you can’t do it with canvas, I’m betting you can do it with a Blob object/blob: URL or even just a plain data: URL. You’ll also need to set the appropriate color space, otherwise it’ll default to sRGB. You very well may also need to use some non-web APIs (pick your binary interface of choice), if canvas clamps to 8-bit (which I’m too lazy to look up on mobile at this particular moment, but I’d be surprised if it doesn’t).
deergomoo 5y ago
Further info: https://prolost.com/blog/edr https://prolost.com/blog/edr What’s nuts is that this also works on displays without the ability to control luminosity on individual parts of the screen. The link you posted works on my 2020 11” iPad Pro, which has an LCD with no local dimming. However, it slowly ramps up over a second or two, whereas my OLED iPhone (which can of course set luminosity per pixel) enters retina-searing mode immediately.
- dcdc123 5y ago
  My iPhone X ramps up as well.
imwillofficial 5y ago
This was serious cool to see
jiggawatts 5y ago
Even on 100% brightness, an iPhone Pro 13 shows the "White" text significantly brighter than the background white. Some other interesting observations: - If I zoom in, the over-100%-bright text fades until it blends in with the background. This is expected (OLEDs have higher peak brightness for small areas), but what isn't expected is that it seems to do it in discontinuous steps. - If I go outside into full sunlight, the contrast between the page and text is lower. This is again an iPhone feature in action where "maximum brightness" is actually further boosted in bright conditions. - The text takes a few seconds to reach maximum brightness. I expected it to start at full brightness and fade, but it seems to do the opposite... I can understand why the notion programmers have that "color" is an RGB triple of 8-bit integers from 0 to 255 is so attractive. It's a simple mental model with no complexity. But to get the most out of modern displays, we have to abandon such childishly simple models. Each color channel will need to be 10 bit minimum, 16 if using linear light. Peak brightness becomes this complex many-faceted thing with per channel maximums, all-channel maximums, and variations based on both time and area!
- novok 5y ago
  The reason why it acts this way is because of oled heat, power and burn in limits. On a microled display such limits wouldn’t occur nearly as much. HDR color in programming will mostly just be a bigger color value. All the other stuff is display by display model specific. We have such variation in sdr displays too, and most programmers never really think about the color profile of the display either.
- riwsky 5y ago
  Isn’t it fading because safari knows the HDR content in the corner is no longer on the screen?
- grishka 5y ago
  > Even on 100% brightness, an iPhone Pro 13 shows the "White" text significantly brighter than the background white. Same with the new MBP. The text does fade in over a second or two, and while that happens, I can notice the entire screen flicker ever so slightly. There's clearly some very impressively calibrated interplay between the LCD panel and the backlight going on. > I can understand why the notion programmers have that "color" is an RGB triple of 8-bit integers from 0 to 255 is so attractive. Most of the time when dealing with color, it's colors of UI elements. And those are assumed to be sRGB anyway.
ddlutz 5y ago
For anybody like me not 'getting it', the for me at least on my m1 pro macbook pro needed to use this in Safari, chrome unfortunately wasn't showing the white text.
- watermelon0 5y ago
  Same with Edge/Brave, however they all support HDR videos on Youtube, so I'm not sure what's the reason. Additionally, the site claims it works (worked?) on 2020 MBA M1.
  - perryizgr8 5y ago
    There seems to be a bug specific to safari, that's why it doesn't "work" on anything else.
    - czhiddy 5y ago
      By that logic, WebUSB is a bug specific to Blink-based browsers, since it doesn't work on anything else?
      - perryizgr8 5y ago
        I don't understand. WebUSB seems to be a feature/standard.
        grishka 5y ago
        WebUSB is yet another attempt at turning a hypertext viewer into an operating system. Documents were never meant to be Turing-complete.
        easrng 5y ago
        HTML is far from the first document format that's turing complete. See Postscript, PowerPoint (No macros needed), Excel (No macros needed), PDF (if you count the embedded JS), Word (If you use macros), etc.

by amitp 5y ago

jbirer 5y ago

Nuts, I clicked the brightness toggle to bring it lower than 100% and it was already at 50%

deleted 5y ago

[deleted]

eyelidlessness 5y ago

HDR works for the Photos app. Though it doesn’t work for social apps I’ve tried, I’ve seen similarly high brightness static images in Safari. If you can’t do it with canvas, I’m betting you can do it with a Blob object/blob: URL or even just a plain data: URL. You’ll also need to set the appropriate color space, otherwise it’ll default to sRGB. You very well may also need to use some non-web APIs (pick your binary interface of choice), if canvas clamps to 8-bit (which I’m too lazy to look up on mobile at this particular moment, but I’d be surprised if it doesn’t).

deergomoo 5y ago

Further info: https://prolost.com/blog/edr https://prolost.com/blog/edr What’s nuts is that this also works on displays without the ability to control luminosity on individual parts of the screen. The link you posted works on my 2020 11” iPad Pro, which has an LCD with no local dimming. However, it slowly ramps up over a second or two, whereas my OLED iPhone (which can of course set luminosity per pixel) enters retina-searing mode immediately.

dcdc123 5y ago
My iPhone X ramps up as well.

imwillofficial 5y ago

This was serious cool to see

jiggawatts 5y ago

Even on 100% brightness, an iPhone Pro 13 shows the "White" text significantly brighter than the background white. Some other interesting observations: - If I zoom in, the over-100%-bright text fades until it blends in with the background. This is expected (OLEDs have higher peak brightness for small areas), but what isn't expected is that it seems to do it in discontinuous steps. - If I go outside into full sunlight, the contrast between the page and text is lower. This is again an iPhone feature in action where "maximum brightness" is actually further boosted in bright conditions. - The text takes a few seconds to reach maximum brightness. I expected it to start at full brightness and fade, but it seems to do the opposite... I can understand why the notion programmers have that "color" is an RGB triple of 8-bit integers from 0 to 255 is so attractive. It's a simple mental model with no complexity. But to get the most out of modern displays, we have to abandon such childishly simple models. Each color channel will need to be 10 bit minimum, 16 if using linear light. Peak brightness becomes this complex many-faceted thing with per channel maximums, all-channel maximums, and variations based on both time and area!

novok 5y ago
The reason why it acts this way is because of oled heat, power and burn in limits. On a microled display such limits wouldn’t occur nearly as much. HDR color in programming will mostly just be a bigger color value. All the other stuff is display by display model specific. We have such variation in sdr displays too, and most programmers never really think about the color profile of the display either.
riwsky 5y ago
Isn’t it fading because safari knows the HDR content in the corner is no longer on the screen?
grishka 5y ago
> Even on 100% brightness, an iPhone Pro 13 shows the "White" text significantly brighter than the background white. Same with the new MBP. The text does fade in over a second or two, and while that happens, I can notice the entire screen flicker ever so slightly. There's clearly some very impressively calibrated interplay between the LCD panel and the backlight going on. > I can understand why the notion programmers have that "color" is an RGB triple of 8-bit integers from 0 to 255 is so attractive. Most of the time when dealing with color, it's colors of UI elements. And those are assumed to be sRGB anyway.

ddlutz 5y ago

For anybody like me not 'getting it', the for me at least on my m1 pro macbook pro needed to use this in Safari, chrome unfortunately wasn't showing the white text.

watermelon0 5y ago
Same with Edge/Brave, however they all support HDR videos on Youtube, so I'm not sure what's the reason. Additionally, the site claims it works (worked?) on 2020 MBA M1.
- perryizgr8 5y ago
  There seems to be a bug specific to safari, that's why it doesn't "work" on anything else.
  - czhiddy 5y ago
    By that logic, WebUSB is a bug specific to Blink-based browsers, since it doesn't work on anything else?
    - perryizgr8 5y ago
      I don't understand. WebUSB seems to be a feature/standard.
      - grishka 5y ago
        WebUSB is yet another attempt at turning a hypertext viewer into an operating system. Documents were never meant to be Turing-complete.
        easrng 5y ago
        HTML is far from the first document format that's turing complete. See Postscript, PowerPoint (No macros needed), Excel (No macros needed), PDF (if you count the embedded JS), Word (If you use macros), etc.