Our great sponsors
-
wanna-see-a-whiter-white
CSS trick/bug to display a brighter white by exploiting browsers' HDR capability and Apple's EDR system
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
You also only really need the video to push the browser to do things in HDR. You can’t express a CSS colour way outside the normal range, but blending calculations are not clamped so can be used to get the colour. https://github.com/kiding/wanna-see-a-whiter-white was posted here a while ago and demonstrated the technique.
If you're using a DCI-P3 (wide-gamut HDR) display, then #0000ff (or #aaaaff) in that display's colour space will be emitted as more saturated blue light than what an sRGB display is capable of. I am not sure if you will perceive them as exactly equally bright, brightness is subjective and depends on the reaction of your retina to the light hitting it, which is why #0000ff (blue) appears darker than #00ff00 (green), however the objective energy of the emitted light should be equal between displays of different gamuts, i.e. #ff0000, #00ff00, #0000ff should all result in the same amount of light being emitted in every correctly calibrated display regardless of the RGB primaries (aka gamut) it uses. The whole colour space topic is pretty deep, if you want to learn more about it and how colours are represented and converted between spaces, I encourage you to go and check out https://www.colour-science.org/ and linked resources.
The 1.19 KB video file itself has been created "manually" using a video editor. See https://github.com/dtinth/superwhite#creating-the-video
We can expect it is possible to create a much more compact video file with the same features.