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 · World Congress 2021

9:26 min

Community questions on WebXR development and hardware

Christian Grail · World Congress 2021

3:36 min

Clarifying XR terminology and mixed reality concepts

rafek rafek · World Congress 2024

2:29 min

Debunking XR misconceptions with practical manufacturing examples

rafek rafek · World Congress 2024

2:35 min

Setting up a WebXR scene with Three.js

Christian Grail · World Congress 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
about 1 year 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
about 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
about 2 years ago

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

Sue Quackenbush

Livecoding with AI thumbnail
31:39
about 2 years ago

Livecoding with AI

Rainer Stropek

Dapr in Practice thumbnail
24:08
about 2 years ago

Dapr in Practice

marcklefter

Upcoming sessions on this topic

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

ULTRON: Your Agent Has No Hands - Real-Time Voice, MCP, and Ten Phones on Stage

  • Sagar Tamang

    Two Spoon Technologies

    AI Engineer

Open session

Building World-Aware Physical AI with Agent Memory and Context Graphs

  • Vasundhara Shukla

    Neo4j

    Developer Advocate

  • Zaid Zaim

    Neo4j

    Developer Advocate | Microsoft AI MVP

Related videos

Live Coding an Augmented Reality Game with WebXR thumbnail
44:30
World Congress 2021 • over 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
World Congress 2024 • about 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
World Congress 2024 • about 2 years ago

XR Demystified: Separating Facts from Fiction in 2024

rafek

Virtual Reality – The path to create your world thumbnail
41:40
LIVE • about 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
World Congress 2024 • about 2 years ago

Apple Vision Pro: Proven Development Methods Meet the Latest Technology

Mario Petricevic

Exploring the Potential of Decentraland thumbnail
56:19
LIVE • over 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.