Desireé Santos & Erick Henrique
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.
Technoly GmbH
Berlin, Germany
Senior
JavaScript
Angular
+1
CARIAD
Berlin, Germany
Junior
Intermediate
Python
C++
+1
Matching moments
03:21 MIN
The WebXR standard and its browser ecosystem
Live Coding an Augmented Reality Game with WebXR
03:13 MIN
Key takeaways and the future outlook for XR
Apple Vision Pro: Proven Development Methods Meet the Latest Technology
09:27 MIN
Getting started with WebXR development
Live Coding an Augmented Reality Game with WebXR
02:36 MIN
Setting up a WebXR project with Three.js
Live Coding an Augmented Reality Game with WebXR
02:36 MIN
Debunking common misconceptions about XR technology
XR Demystified: Separating Facts from Fiction in 2024
02:15 MIN
Introduction to XR development lessons and showcase
Apple Vision Pro: Proven Development Methods Meet the Latest Technology
03:35 MIN
Live demo of a cross-platform XR interaction toolkit
Apple Vision Pro: Proven Development Methods Meet the Latest Technology
05:25 MIN
A historical overview of early modern XR devices
XR Demystified: Separating Facts from Fiction in 2024
Featured Partners
Related Videos
XR Demystified: Separating Facts from Fiction in 2024
Rafał Legiędź
Live Coding an Augmented Reality Game with WebXR
Christian Grail
Unleashing a New Reality: The Transformative Power of XR Technologies for Developers
Bastian Schütz
Apple Vision Pro: Proven Development Methods Meet the Latest Technology
Mario Petricevic
Virtual Reality – The path to create your world
Drishti Jain
Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!
Zaid Zaim
Cross platform Augmented Reality development with React Native
Vladimir Novick
Metaverse, the workplace of the future - Holoportation, the next generation of communication
Nahed Hatahet
Related Articles
View all articles

.gif?w=240&auto=compress,format)

From learning to earning
Jobs that call for the skills explored in this talk.

&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript

ETH Zürich
Zürich, Switzerland
Remote
C++
Python
Unreal Engine
Agile Methodologies

Bertrandt
Basildon, United Kingdom
Intermediate
C++
Python
SharePoint
Unreal Engine
Microsoft Access
+1



Qualcomm
Amsterdam, Netherlands
C++
Python
PyTorch
TensorFlow
Computer Vision
+1

Arex Blockchain Real Estate
Municipality of Madrid, Spain
CSS
MVC
HTML
Django
JavaScript
+2

Kubikfoto GmbH
Delmenhorst, Germany
Junior
CSS
WebGL
DevOps
Vue.js
GraphQL
+3

IKEA B.V.
Amsterdam, Netherlands
Intermediate
React
Vue.js
JavaScript
TypeScript