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!

0 0 votes
Article Rating
Subscribe
Notify of
guest

2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Luis
Luis
4 years ago

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

Scroll al inicio
2
0
Would love your thoughts, please comment.x
()
x