Uso de Imagen y Vídeo en aplicaciones Web con HTML5

Abstract

[ES] Este trabajo constituye un enfoque práctico a HTML5 y las WebAPI modernas, que progresivamente ofrecen nuevas oportunidades de forma estandarizada. Así, se presta especial atención a sus mecanismos de entrada y salida de imagen, vídeo y animaciones. Todo ello se combina con la integración de bibliotecas externas de código abierto y el empleo de códigos QR por parte de los usuarios para construir un prototipo moderno de autenticación e interactividad en tiempo real haciendo las veces de Realidad Aumentada, y totalmente abierto a futuras mejoras con alta viabilidad en el escenario tecnológico actual. Por último, la aplicación se plantea que sea diseñada de manera compatible para ser ejecutada tanto en local como a través de un servidor web desde el primer momento, dotándola de mayor flexibilidad.

[CA] Este treball constituïx un enfocament pràctic a HTML5 i les WebAPI modernes, que progressivament oferixen noves oportunitats de forma estandarditzada. Així, es presta especial atenció als seus mecanismes d’entrada i eixida d’imatge, vídeo i animacions. Tot això es combina amb la integració de biblioteques externes de codi obert i l’ús de codis QR per part dels usuaris per a construir un prototip modern d’autenticació i interactivitat en temps real fent les vegades de Realitat Augmentada, i totalment obert a futures millores amb alta viabilitat en l’escenari tecnològic actual. Finalment, l’aplicació es planteja que siga dissenyada de manera compatible per a ser executada tant en local com a través d’un servidor web des del primer moment, dotant-la de més flexibilitat.

[EN] This work is a practical approach to HTML5 and modern WebAPI’s, which progressively offer new opportunities in a standardized way. Thus, special attention is paid to its mechanisms of input and output of image, video and animations. All this is combined with the integration of external open source libraries and the use of QR codes by users to build a modern prototype of real-time authentication and interactivity acting as Augmented Reality, and fully open to future improvements with high viability in the current technological scenario. Finally, the application states to be designed in a compatible way to be executed both locally and through a web server from the first moment, giving it greater flexibility