WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2024 • Aug 20, 2024 • Session details

WebXR: Enabling Virtual and Augmented Reality on the Web

Desiree Santos , Erick Henrique

Volkswagen uses browser-based VR to train mechanics without physical prototypes. Learn how to build these immersive, zero-install spatial web applications using WebXR, three.js, and standard web pipelines.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to enhanced internet using WebXR technology

Virtual and augmented realities reshape browser-based user experiences into immersive interactive environments.

#2 about 2 min

Defining augmented, virtual, and mixed reality applications

Extending reality encompasses virtual overlays, fully immersive spaces, and dynamic spatial computing combinations.

#3 about 3 min

Recognizing business value through industrial extended reality adoption

Real-world commercial applications like automotive simulator training reduce operational costs and increase manufacturing efficiency.

#4 about 2 min

Key principles for creating effective extended reality experiences

Building successful spatial applications requires expert collaboration, intuitive frontend design, privacy protections, and broad accessibility.

#5 about 4 min

Building a three-dimensional spatial design tool for retail

Developing a modern three-dimensional bathroom configurator increases sales conversions by helping buyers visualize final results.

#6 about 2 min

Accessing device capabilities using extended reality open platforms

Web APIs provide native access to physical device inputs and sensors for seamless cross-platform immersive compatibility.

#7 about 3 min

Layering abstraction APIs for visual computing in browsers

System architectures map underlying physical device drivers and web graphics components to render immersive browser experiences.

#8 about 3 min

Choosing appropriate frameworks and development tools for WebXR

Engineers can choose between underlying raw code libraries, cloud-based engines, or full software integration suites to build spatial applications.

#9 about 4 min

Essential web development prerequisites for building spatial applications

Creating high-performance web applications requires foundational browser development skills and an understanding of three-dimensional coordinate systems.

Matching moments

3:22 min

WebXR standards and current hardware capabilities

Christian Grail · WWC 2021

9:26 min

Community questions on WebXR development and hardware

Christian Grail · WWC 2021

3:36 min

Clarifying XR terminology and mixed reality concepts

rafek rafek · WWC 2024

2:29 min

Debunking XR misconceptions with practical manufacturing examples

rafek rafek · WWC 2024

2:35 min

Setting up a WebXR scene with Three.js

Christian Grail · WWC 2021

2:44 min

Introducing the a-frame framework for web-based virtual reality

Drishti Jain · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
10 months ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
almost 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
almost 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Dapr in Practice thumbnail
24:08
almost 2 years ago

Dapr in Practice

marcklefter

Minimising the Carbon Footprint of Workloads thumbnail
27:46
almost 2 years ago

Minimising the Carbon Footprint of Workloads

Michael Mueller

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

From Software Agents to Physical Devices: Inside the Agentic Hardware Stack

Michael Yuan, Vivian Hu

Michael Yuan
Vivian Hu
Open session

World Congress 2026 North America

Agentic commerce's dirty little secret, and what to do about it.

Joe Monastiero

Founder & CEO at visualAI

Joe Monastiero
Open session

World Congress 2026 North America

Building Stuff with GenAI - The Open Minded Workshop beyond OpenAI

Andreas Erben

CTO for Applied AI and Metaverse at daenet

Andreas Erben
Open session

World Congress 2026 North America

GitHub’s Team X-Ray: Your Repository Knows More About Your Team Than Your Team Does

Andrea Griffiths

Senior Developer Advocate

Andrea Griffiths

Related videos

Live Coding an Augmented Reality Game with WebXR thumbnail
44:30
WWC 2021 • about 5 years ago

Live Coding an Augmented Reality Game with WebXR

Christian Grail

Unleashing a New Reality: The Transformative Power of XR Technologies for Developers thumbnail
23:03
WWC 2024 • almost 2 years ago

Unleashing a New Reality: The Transformative Power of XR Technologies for Developers

Bastian Schütz

XR Demystified: Separating Facts from Fiction in 2024 thumbnail
30:46
WWC 2024 • almost 2 years ago

XR Demystified: Separating Facts from Fiction in 2024

rafek

Virtual Reality – The path to create your world thumbnail
41:40
LIVE • almost 5 years ago

Virtual Reality – The path to create your world

Drishti Jain

Apple Vision Pro: Proven Development Methods Meet the Latest Technology thumbnail
28:48
WWC 2024 • almost 2 years ago

Apple Vision Pro: Proven Development Methods Meet the Latest Technology

Mario Petricevic

Exploring the Potential of Decentraland thumbnail
56:19
LIVE • about 3 years ago

Exploring the Potential of Decentraland

Christian Glessner

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.