Redimensiona el tamaño de la web cam utilizando un iframe para realidad aumentada

Hola aumentados! Bienvenidos a este nuevo video tutorial. Aprenderemos a redimensionar nuestra cámara web en nuestra aplicación de realidad aumentada utilizando un DIV en CSS y un iframe en  ar.js (Augmented Reality) y JavaScript.

Aquí puedes probar la aplicación y saber de qué estoy hablando en este tutorial.

 

DEMO

Utilizaremos dos archivos HTML. el primero se llamará index.html y el segundo se llamará AR.html

  • comencemos por el HTML que contiene la aplicación de realidad aumentada (AR.html) este es uno de los códigos más simples que se pueden encontrar utilizando A-frame y AR.js
  • luego pasamos a trabajar con el archivo INDEX.html el cual contiene los diseños y llamados a nuestra aplicación de realidad aumentada.

si quieres ver el tutorial completo? te invito a ver el video

 

DESCARGA LOS ARCHIVOS DEL TUTORIAL

RECUERDA DEJAR TU COMENTARIO ES SUPER IMPORTANTE!

2 comentarios en “Redimensiona el tamaño de la web cam utilizando un iframe para realidad aumentada”

  1. BUenas noches, muy bueno y completo tu blog, te felicito. Aprovecho para preguntarte, ARjs es compatible con un proyecto en Laravel por ejemplo?

    1. Hola Luis, buenas tardes, gracias por escribirme. Respondiendo a tu pregunta, Si es compatible, es compatible con wordpress, joomla, laravel, etc, etc, solo es cuestion de generar un html. asi que cualquier gestor de contenido o demas te funciona.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio