Building VR and AR experiences using HTML | HTTP 203

In this episode Ada Rose Cannon from Samsung Internet comes in to chat about VR and AR web standards, and how you can build immersive experiences using markup.
Ada on Twitter → goo.gle/3Jgx4hw
Samsung Internet → goo.gle/36jVIj0
A-frame → goo.gle/3w91UVY
A-frame demo → goo.gle/3t974iG
Wolvic browser → goo.gle/3CL1syj
More videos in the HTTP 203 series → goo.gle/HTTP203
Subscribe to Google Chrome Developers here → goo.gle/Chrome...
Also, if you enjoyed this, you might like the HTTP203 podcast → goo.gle/HTTP20...
#HTTP203 #ChromeDeveloper #WebDev

[@jakearchibald]

HTTP 203 is back! My plan in the post-Surma world is to get different guests in for each block of episodes. Me & Ada recorded 4 episodes, after that it'll be a different guest (but I imagine Ada will be back at some point, I don't have that many friends)

[@DavidDarnes]

Very much enjoyed the opening skit 😂

[@chrisstroud1915]

Post-Surma world is a sad phrase to hear :( But I'm still excited to see what comes next! (I appreciate the photo on the shelf)

[@mathe42]

Sorry to here that you don't have friends...

[@jakearchibald]

@@mathe42 (it was a joke)

[@mathe42]

@@jakearchibald mine too😂

[@nielskersic328]

I love this episode. The Surma tribute was great, Ada was great and as a total WebXR noob, I found it very interesting too. I'm excited to see the topics you'll be covering with future guests!

[@hanhai8515]

what happened to Surma?

[@AdaRoseCannon]

Hi it's me the woman with green hair from the video. I can answer some questions about WebXR or Samsung Internet here if anyone has any.

[@skdlmfqsdf]

Hey Ada, thanks for the video ! Can you share a link to the code of the demo with the dinosaure (here: kzbin.info/www/bejne/jneVaqGCoNCYgtE) ? Thanks

[@TheNewton]

Hi Ada, How does WebGPU fit into WEBXR,etc? For AR what's the bare minimum in handset hardware for consumers? and to do development? VR always comes and goes as a fad moreso in webland, is this going to remain a web-dev niche , or is support trending enough that this decade making a AR-fullscreen version of a website could become as common as it nows to build sites to be responsive? And for 11:30 about fullscreen html context for AR headsets - is there any work being done on that as a concept? Wouldn't AR "fullscreen" either just be pinning things to the skybox, or to the users viewport with or w/o eyetracking "ironman HUD".

[@AdaRoseCannon]

@Paul Newton it will work with WebGPU. Min hardware for AR is an Android handset that can install AR Core Support on Android is pretty wide. iOS looks promising, support on headsets is common aside from PSVR. As far as It's ready to be used today but I don't think websites should replace themselves with WebXR/WebGL content, it doesn't make sense, instead they should augment their site to take advantage of the hardware when it is available and makes sense in the context. I.e. being able to view an AR version of a real object alongside the article of something related to it. Regarding HTML content on AR headsets a different approach is being looked at.

[@SimonBuchanNz]

As someone with a Samsung: Why is Samsung Internet?

[@AdaRoseCannon]

@@SimonBuchanNz we can optimise for Samsung hardware for things like battery life and integrate with Samsung utilities like Samsung Pay and Samsung Pass. We can also prioritise features that match Samsung's values, such as security and privacy and giving the powers of customisation to the users.

[@NSiebs]

Thank you for being so gentle with Surma2.0 🥰

[@waldemarenns4874]

Will miss Surma in HTTP203. You guys just harmonized so well. Anyways, your guest Ada was great, looking forward for the next episodes! Missing Surma in the comment section ;)

[@drizzzzz]

Perfect opener. Glad you’re back!

[@ZachLeatherman]

Jake wearing business casual in this episode (shoes)

[@jakearchibald]

Please don't spread rumours about me. Those are slippers.

[@patricknelson]

Holy crap, the intro is hilarious... totally worth filming all morning for a single minute clip. 😂 It had me cackling, lol. "Shhh, you're safe with me"

[@AndrewBone]

A-frame is impressive and can even do AR in iOS. I just want safari to pick up WebXR properly so I can use Babylon with it.

[@adriansalmeron5187]

Wait, A-Frame can do AR in iOS? But what type of AR? Markerless?

[@ShinigamiZone]

Welcome Ada 🙌 Thanks for showing us this stuff 🙂

[@boomshakalaka656]

I love how you guys make these videos funny for us nerds lol.

[@adiorthotos]

This video is only 50% complete without a picture-in-picture of a reaction-cam of Surma watching this opener at home.

[@deadlyhifi]

I was also at uni back then and I also did a unit on VRML! Those were the days my friend…

[@LewisCowles]

Welcome Ada, please come back. Also, has anyone worked out how you could implement an MMO in A-Frame?

[@TheNewton]

Ada has another comment thread under the video for questions

[@noirnerd]

I've been working on a opensource framework called Papyrus3D which might be a start for crrating something like an mmo with Aframe. I have some vids on it on my channel if you are interested. Its stilk under dev but has a map editor and working on NPC's. Already supports doors / keys and dialogues.

[@Ramin2340]

Ah I missed you Jake

[@delulu6969]

As a Jake's fan, I don't care much whom he is paired with, I know they'll be just as fun

[@jurgentreep]

Man, I'd love to play around with this!

[@harshadmane3124]

loved the AR demo with real-life light adjustment

[@stefanspittank]

Kudos to Ada. I imagine it must have been a bit terrifying to step into Surma's shoes.

[@whatthefunction9140]

I feel confused on many levels

[@unicodefox]

I like how Jake wore a Beat Saber shirt for the VR episode

[@wilco1334]

That intro broke me... xD

[@albertodeagostini6143]

HAHAAH lol the start was more fun than I could imagine

[@tscottphelps]

Interesting! For some reason I thought the X stood for eXperience.

[@cdasilva-info]

Loved this interview - for me, it was a great review of A-Frame - something I've started teaching to my students!

[@TheNewton]

11:02 & 12:40 read hex - there's a "hexinvaders" game as quick way to build a _tiny_ bit of color codes intuition. But then again I still mix up #000 and #FFF, we just need color swatches in all software anytime there's a hexcode

[@intrepidolivia482]

This was delightful, thank you for the overview

[@BenjaminAster]

Can WebXR be used in combination with WebGPU?

[@AdaRoseCannon]

yes

[@jonathan-._.-]

can u also use css color functions ? like gradient

[@AdaRoseCannon]

No, you would need to use an image in that case.

[@Stoney_Eagle]

We're all missing him, but not THAT much 🤣🤣🤣 Cross-reality??

[@riddixdan5572]

literally laughed out loud with the opening skit XD

[@AhmetKizilay0]

This was very interesting! I would also be curious to see the native JavaScript APIs that would detect devices and hand gestures, etc.

[@C0llinsW0rth.]

LOL "LOOKS LIKE THE DART LOGO"

[@alexderiugini5117]

XR stands for Extended Reality

[@rer5425]

I always assumed XR was for eXtended Reality

[@mathe42]

Where is the clap...

[@ornalabs]

Thanks Ada! Now i know what `hide-on-ar` component does :)

[@spikethea2630]

Hang on a minute. A-Frame has WebXR compatibility?! I thought it still just had marker-based AR? Can somebody fill me in?

[@ColinRichardson]

Jake... You kept your shoes on.. I'm semi impressed, semi unset.

[@jakearchibald]

They are slippers fwiw

[@FranBrennan]

Great show 😎👍 Love WebXR. Love Aframe. [C’mon Safari, keep up! Pleeeeeeeeeeease]

[@mmti1010]

Welcome back

[@alpaykasal2902]

XR = extended reality.

[@critical_always]

Woohoo vrml

[@Scio_]

Conveniently, the mannequin is also bald. Just a stubble and a pair of glasses away from Paul...

[@Idolaughtmyheadoff]

Awesome)))

[@malipetek]

So, so and so.

[@offroaders123]

So... So...

[@jonathan-._.-]

so ... strictly speaking z is out of the scene ^^

[@hrgwea]

Especially when it's negative.

[@jonathan-._.-]

@@hrgwea no when its negative it "into" the scene

[@hrgwea]

@@jonathan-._.- Then the joke doesn't work. Negativity should take you out, not positivity.

[@jonathan-._.-]

@@hrgwea oh 😅 that was a joke ?

[@zanehannan5306]

Surma left? Nooooooo... first aerotwist now surma... how often does google drop people?

[@jakearchibald]

I am as constant as the northern star! But yeah, the urinal stories still happen in the podcast, but I'm personally happier with a KZbin format where we can show code and demos, and hopefully still be a bit silly. However, I'm totally open to feedback.

[@dachd]

LOL

[@thibaultmol]

Uncanny

[@zickzack987]

😆

[@user-ms8ei9le7x]

Ch®️me