El AR basado en la web normalmente está hecho para computadoras portátiles / de escritorio, y se basa en la cámara frontal (cámara web). Pero el AR basado en la web no está completamente desarrollado ya que estas plataformas no tienen los sensores que tienen nuestros teléfonos inteligentes (brújula, sensores de orientación, etc.).
Los sitios web que ha vinculado, se basan en la detección de objetos, y cuando el objeto objetivo se detecta frente a una cámara, colocará otro objeto sobre el objeto detectado, en la vista de la cámara. Por ejemplo, si se detectan ojos, colocarán anteojos en la vista de la cámara sobre sus ojos.
Hay muchas bibliotecas Javascript para la detección de objetos basada en la cámara web, siendo las más populares:
1. foo123 / HAAR.js
2. mtschirs / js-objectdetect
- ¿Son legales las aplicaciones como Instapaper y Readability?
- ¿Es necesaria la OOP en las aplicaciones web de Node.js?
- ¿Cómo son útiles los sistemas de reserva en línea para las empresas de gestión de viajes?
- ¿Dónde empiezo a construir un raspador web?
- Cómo mostrar imágenes sin conexión con Angular 2
Lo que hacen estas bibliotecas es que comparan la entrada que reciben de la cámara con algo llamado ‘clasificadores’ y luego entienden cuál es el objeto de entrada. Hay clasificadores separados para cada mano, cara, ojos, etc. Los clasificadores son básicamente una representación de datos de cómo se ve una mano / ojo / cara normal. Esta representación normalmente tiene la forma de notación de objetos Javascript (JSON). Un clasificador de muestra para un ojo: clasificador de ojos
Por lo tanto, AR basado en la web, normalmente utiliza estas bibliotecas de detección de objetos JS, y una vez que se detecta el objeto objetivo, se superpondrá un objeto adicional sobre el objetivo. Esta superposición se realiza a través de JavaScript, que simplemente modifica la página HTML para mostrar un objeto más. (No voy a entrar en el código aquí)
Para obtener más información, consulte esta respuesta de desbordamiento de pila, que en realidad cubre lo mismo:
¿Cómo detectar el gesto de la mano en la cámara web en vivo usando javascript?