Building an ARt Gallery in the Browser
summary
Browser AR gallery demo uses A-Frame and AR.js to place paintings and a 3D David in real rooms using printed markers, and experiments with WebXR hit-test to place art without markers. GLTF model of David starts ~25 MB, Draco compression cuts it to ~3 MB; Starry Night image drops from 1.8 MB to 93 KB after resizing and format changes. Live demos run on smartphones but Chrome Canary flags and unstable APIs make some features flaky.
AI-written summary · about
chapters (8)
- 0:00Introduction to AR in browser
- 3:31Augmented reality basics
- 7:15Building virtual art gallery
- 14:07Adding augmented reality markers
- 21:05Optimizing performance for AR
- 23:54Future of WebXR API
- 29:59WebXR demo and capabilities
- 30:46Q&A session
related talks
34mBuilding An ARt Gallery in the Browser
47mAugmented Reality on the Web
57mOn the path to WebAR
23mPerformant Augmented Reality for the Web
23mWebAR: the Augmented Reality for your Browser
30mBuild an AR application using the WebXR API
26mExploring Augmented Reality on the Web
30mWebXR : augmented reality lands into our web browsers