[VDTRIESTE24] Wear glasses with NodeJS, Puppeteer, and Chrome - Conference by Vincenzo D'Amore

Discover how Essilor Luxottica leverages NodeJS, Puppeteer, and Chrome to create a groundbreaking virtual try-on solution for glasses, enabling users to virtually try on frames and boost e-commerce and retail experiences.

Key takeaways
  • The talk is about building a virtual try-on solution for glasses using NodeJS, Puppeteer, and Google Chrome.
  • The solution allows users to virtually try on glasses digitally and drive a browser server-side.
  • The company, Essilor Luxottica, is a global leader in vision care and eyewear.
  • The virtual try-on solution uses a 3D mesh of the user’s head and a WebGL-based viewer to render the overlay of the glasses.
  • The solution is stateless, allowing for horizontal scaling and reusing the same page to render images for different rotations.
  • Memoization is used to cache the results of function calls to improve performance.
  • The company uses NodeJS as a web server to load resources and run the code inside the browser.
  • Puppeteer is used to automate browser tasks and debug code.
  • The solution uses a microservice architecture with multiple components, including NodeJS, Puppeteer, and the VTO core JavaScript library.
  • The company uses a headless browser to render images and uses the Google Chrome browser as the rendering engine.
  • The solution has been tested on real-world data and has shown good performance and scalability.
  • The company is committed to innovation and uses open source software and communities to accelerate development.
  • The virtual try-on solution is used by e-commerce sites and optical retail chains, allowing users to interact with a wide catalog of glasses.