Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

Los eventos de luz ambiental son una forma práctica de hacer una página web o una aplicación al tanto de cualquier cambio en la intensidad de la luz. Se les permite reaccionar a un cambio de este tipo, por ejemplo, cambiando el contraste de color de la interfaz de usuario (UI) o cambiando la exposición necesaria para tomar una foto.

Eventos de luz

Cuando el sensor de luz de un dispositivo detecta un cambio en el nivel de luz, notifica al navegador de ese cambio. Cuando el navegador recibe dicha notificación, se dispara un DeviceLightEvent evento que proporciona información sobre la intensidad de la luz exacta.

Este evento puede ser capturado en el plano objeto de la ventana mediante el uso de la addEventListener El método (usando el devicelight nombre del evento) o adjuntando una controlador de eventos al window.ondevicelight propiedad.

Una vez capturado, el objeto de evento da acceso a la intensidad de la luz expresada en lux a través de la DeviceLightEvent.value propiedad.

Ejemplo

if ('ondevicelight' in window) {
  window.addEventListener('devicelight', function(event) {
    var body = document.querySelector('body');
    if (event.value < 50) {
      body.classList.add('darklight');
      body.classList.remove('brightlight');
    } else {
      body.classList.add('brightlight');
      body.classList.remove('darklight');
    }
  });
} else {
  console.log('devicelight event not supported');
}

Especificaciones

Especificaciones Estado Comentario
Ambient Light Sensor
La definición de 'Ambient Light Events' en esta especificación.
Candidate Recommendation definición inicial

Compatibilidad del Navegador

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
DeviceLightEvent Sin soporte 22.0 (22.0)[1] Sin soporte Sin soporte Sin soporte
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
DeviceLightEvent Sin soporte Sin soporte 15.0 (15.0)[1] Sin soporte Sin soporte Sin soporte

[1] The devicelight event is implemented and preference enabled by default in Firefox Mobile for Android (15.0) and in Firefox OS (B2G). Starting with Gecko 22.0 (Firefox 22.0 / Thunderbird 22.0 / SeaMonkey 2.19) a desktop implementation for Mac OS X is also available. Support for Windows 7 is in progress (see error 754199).

See also

Etiquetas y colaboradores del documento

Colaboradores en esta página: BubuAnabelas, RockoDev, guiller1998
Última actualización por: BubuAnabelas,