Desireé Santos & Erick Henrique

WebXR: Enabling Virtual and Augmented Reality on the Web

A bathroom supplier solved low sales conversion by letting customers visualize their space in VR. Learn how WebXR made it possible.

WebXR: Enabling Virtual and Augmented Reality on the Web
#1about 2 minutes

Introducing WebXR for immersive web experiences

WebXR blends virtual and augmented reality with the web, opening up new dimensions of interaction directly from a browser.

#2about 2 minutes

Defining the components of extended reality (XR)

Extended reality (XR) is an umbrella term for augmented reality (AR), virtual reality (VR), and mixed reality (MR), each offering different levels of digital immersion.

#3about 3 minutes

Exploring the business value and applications of XR

XR technology drives business value through enhanced user engagement, cost reduction, and efficiency, as demonstrated by Volkswagen's VR training simulators.

#4about 1 minute

Core principles for designing effective XR experiences

Creating successful XR applications requires focusing on user-centric design, accessibility, data privacy, flexible solutions, and collaboration with experts.

#5about 4 minutes

Case study on building a 3D bathroom visualizer

A 3D bathroom design tool built with WebXR helped a supplier solve the customer problem of visualizing final results, thereby increasing sales conversion.

#6about 4 minutes

Understanding the technical architecture of the WebXR API

The WebXR Device API is an open, cross-platform standard built on layers of abstraction, from hardware drivers to browser APIs like WebGL.

#7about 3 minutes

A survey of WebXR development frameworks and tools

Developers can choose from code-only frameworks like A-Frame, cloud-based engines like PlayCanvas, or installable game engines like Unity to build WebXR experiences.

#8about 3 minutes

Getting started with your first WebXR project

To begin with WebXR, developers need strong web fundamentals, a grasp of 3D concepts, and a critical focus on performance optimization.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

The value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

The origin story of the Polypane developer browser
05:28 MIN

The origin story of the Polypane developer browser

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Making accessibility tooling actionable and encouraging
03:58 MIN

Making accessibility tooling actionable and encouraging

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Ensuring accurate testing across different browsers and devices
07:12 MIN

Ensuring accurate testing across different browsers and devices

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Recreating React components using AI and dev tools
04:56 MIN

Recreating React components using AI and dev tools

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Featured Partners

Related Videos

See all videos
XR Demystified: Separating Facts from Fiction in 202430:46

XR Demystified: Separating Facts from Fiction in 2024

Rafał Legiędź

Live Coding an Augmented Reality Game with WebXR44:30

Live Coding an Augmented Reality Game with WebXR

Christian Grail

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

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

Bastian Schütz

Virtual Reality – The path to create your world41:40

Virtual Reality – The path to create your world

Drishti Jain

Apple Vision Pro: Proven Development Methods Meet the Latest Technology28:48

Apple Vision Pro: Proven Development Methods Meet the Latest Technology

Mario Petricevic

Cross platform Augmented Reality development with React Native40:50

Cross platform Augmented Reality development with React Native

Vladimir Novick

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

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

Zaid Zaim

What’s New and What’s Next in Web UI22:46

What’s New and What’s Next in Web UI

Cleyra Uzcategui

Related Articles

View all articles
LS
Louis Sawyer
How The Internet of Things Impacts Game Development?
Most web designers around the world are increasingly faced with the rapid transition of the gaming industry to the world of the Internet of Things. In recent years, the main engine in the development of the gaming industry are concepts such as virtua...
How The Internet of Things Impacts Game Development?
LM
Luis Minvielle
The Best Upcoming IT Webinars
Now that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
The Best Upcoming IT Webinars
DC
Daniel Cranney
Top Must-Visit Developer Conferences in the US in 2026
For US software developers, 2026 is shaping up to be one of the strongest years yet for in-person learning, networking, and career growth. As AI moves into production, cloud architectures mature, and engineering teams face increasing complexity, deve...
Top Must-Visit Developer Conferences in the US in 2026

From learning to earning

Jobs that call for the skills explored in this talk.