Wear glasses with NodeJS, Puppeteer, and Chrome
summary
A server-side Virtual-Try-On that takes one user photo, extracts a head mesh with ML, overlays WebGL 3D glasses models and returns PNG renders in realtime. Architecture uses NodeJS to host services, Puppeteer to drive headless Chrome instances, a browser and page pool, memoization to cache repeated meshes, GPU-enabled containers and horizontal scaling. Demo shows a reusable page calling in-browser render functions and a working screenshot pipeline for e‑commerce and digital prototyping.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 3:01Esotica’s vision
- 7:02Glasses selection problem
- 8:50Virtual try-on with 3D models
- 9:56Technology stack
- 12:30Development challenges
- 15:58Demo with Node.js and Puppeteer
- 22:32Real-world implementation
- 32:53Server-side rendering importance
- 35:37Q&A
related talks
46m3D Graphics with Node.js Addons
37mMoving Web applications into Virtual Reality
20mWeb based 3D Camera Simulator for Perceptual Computing
34mWebGL Practical Application
34mNext-Generation 3D Graphics on the Web
19mThe realities of doing VR on the Web
36mJavaScript for Virtual Reality
21mPhotorealistic Real Time Computer Graphics with Javascript