How to use JavaScript to measure how bright a users monitor is ?

views:

239

answers:

+7 Q:

How to use JavaScript to measure how bright a users monitor is ?

I've noticed that the brightness of computer monitors drastically varies between computers.

As such, this changes the look of web pages greatly.

Is there a way to use JavaScript to automatically detect how bright (or dark) a users monitor is so that I can adjust my web page colors accordingly?

UPDATE

Please note that I do not want manual user involvement. I want this detection to be automatic so that users don't realize I dynamically change the color palette automatically based on the brightness/darkness of their monitor.

UPDATE 2

Please also note that I'm not talking about wanting to adjust/calibrate the end users actual monitor but instead, programatically adjust the color selected to be displayed on the web-page itself. Meaning, if the end user has a darker than normal (brightness) display, I'll instead display a version of my web page that uses brighter colors instead.

+1 A:

You can't do that with javascript (and I don't think that you could do that in any other language, at least, without a piece of hardware to help).

Adirael 2010-05-21 15:04:08

+11 A:

There's no way to do this programatically. What you'd need to do is write some sort of monitor calibration test, possibly using variations of images like these, showing the user two or more images and asking them to chose the one which looks closer, adjusting colors each time they make a choice, until you feel the changes you've made are accurate.

EDIT: Basically I'm suggesting building something like this.

Josh 2010-05-21 15:05:02

What you recommend requires manual user involvement, right? If so, that's not what I'm looking for.

HankV 2010-05-21 15:12:21

+1 There is no way to do it in Javascript but I think it is becoming possible. Have a look at Display Data Channel http://en.wikipedia.org/wiki/Display_Data_Channel

Shaji 2010-05-21 15:12:38

@HankV: There's no way (currently) to do this in JavaScript without using user involvement. Have you considered using Java? Even then you will probably need either user involvement or hardware as to calibrate the monitor you need to see what the real world output of a given color is, and adjust that color until it's correct. I.E. if 0xFF0000 shows as 0xFF1111, you know all colors must be darkened to appear correct

Josh 2010-05-21 15:17:20

@Josh, I think you misunderstand. I do not want to calibrate the end users monitor. Instead, I want to simply change what colors I display on the web page if I know their monitor is darker than normal.

HankV 2010-05-21 15:22:14

@HankV: Sorry if my answer was unclear, I did understand that. What I'm saying is you need to query the real world to know if their monitor is darker than normal. This can be by asking the user, or a piece of hardware.

Josh 2010-05-21 15:23:49

@Shaji: DDC doesn't provide a way for the monitor to know what the ambient light in the room is and thus how color displayed on the monitor is actually perceived. To calibrate, either hardware or a human eye is necessary because the actual light produced by the monitor must be sampled and analyzed.

Josh 2010-05-21 15:25:48

@Josh Thanks for the comment and you are correct. I did not think of it this way.

Shaji 2010-05-21 15:39:35

@Shaji: Sure. Not to detract from your comment -- it was still useful information!

Josh 2010-05-21 15:41:52

+1 A:

No. As a general rule, JavaScript is not allowed to find out a whole lot about your computer for security reasons.

dj_segfault 2010-05-21 15:05:42

+3 A:

Most of the brightness/darkness settings are a function of the monitor. Nothing in the computer (let alone JavaScript running in a sandbox) is able to access this kind of information - it's mainly a one-way data flow between computer and monitor. Factors such as brightness of the room, and whether there is light behind the monitor will influence the appearance of the screen just as much.

There's no way to get everyone to see your website the way you see it. The sooner you realise that, the easier your life will be.

Skilldrick 2010-05-21 15:11:16

+1 for "There's no way to get everyone to see your website the way you see it. The sooner you realise that, the easier your life will be"!!!

Josh 2010-05-21 15:42:24

+2 A:

What about a flash/silverlight app instead? It can use the user's camera (if they have one). You could then analyze pictures/video from the camera to make inferences about how much monitor light is reflecting off the user's face.

It would be a very very fragile and complicated app.

mgroves 2010-05-21 15:13:54

-1 There is absolutely no way this would ever work! +1 for ingenuity though :)

Skilldrick 2010-05-21 15:16:13

Ask the user to hold up a mirror to the camera so that the camera captures the screen, and calibrate... lol!

Josh 2010-05-21 15:18:31

Silverlight 4 does allow access to local API calls, but it requires the user to grant elevated privileges. Even then, I'm not sure if Silverlight would have access to the necessary screen properties to make those types of changes.

Nick 2010-05-21 15:55:46

+1 CRAZY, I like it :), especially because in an odd sense the brightness of the room does correspond to the monitor brightness because low brightness is only legible in low light rooms so an assumption in that direction is actually reasonable

Fire Crow 2010-05-21 15:59:46

ansaurus

tags:

views:

answers:

How to use JavaScript to measure how bright a users monitor is ?

related questions