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/ChromeDevs
Also, if you enjoyed this, you might like the HTTP203 podcast → goo.gle/HTTP203Podcast
#HTTP203 #ChromeDeveloper #WebDev

Пікірлер: 96

  • @jakearchibald
    @jakearchibald2 жыл бұрын

    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

    @DavidDarnes

    2 жыл бұрын

    Very much enjoyed the opening skit 😂

  • @chrisstroud1915

    @chrisstroud1915

    2 жыл бұрын

    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

    @mathe42

    2 жыл бұрын

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

  • @jakearchibald

    @jakearchibald

    2 жыл бұрын

    @@mathe42 (it was a joke)

  • @mathe42

    @mathe42

    2 жыл бұрын

    @@jakearchibald mine too😂

  • @nielskersic328
    @nielskersic3282 жыл бұрын

    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

    @hanhai8515

    2 жыл бұрын

    what happened to Surma?

  • @AdaRoseCannon
    @AdaRoseCannon2 жыл бұрын

    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

    @skdlmfqsdf

    2 жыл бұрын

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

  • @TheNewton

    @TheNewton

    2 жыл бұрын

    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

    @AdaRoseCannon

    2 жыл бұрын

    @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

    @SimonBuchanNz

    2 жыл бұрын

    As someone with a Samsung: Why is Samsung Internet?

  • @AdaRoseCannon

    @AdaRoseCannon

    2 жыл бұрын

    @@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
    @NSiebs2 жыл бұрын

    Thank you for being so gentle with Surma2.0 🥰

  • @drizzzzz
    @drizzzzz2 жыл бұрын

    Perfect opener. Glad you’re back!

  • @waldemarenns4874
    @waldemarenns48742 жыл бұрын

    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 ;)

  • @patricknelson
    @patricknelson6 ай бұрын

    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"

  • @intrepidolivia482
    @intrepidolivia4822 жыл бұрын

    This was delightful, thank you for the overview

  • @harshadmane3124
    @harshadmane31242 жыл бұрын

    loved the AR demo with real-life light adjustment

  • @cdasilva-info
    @cdasilva-info2 жыл бұрын

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

  • @deadlyhifi
    @deadlyhifi2 жыл бұрын

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

  • @albertodeagostini6143
    @albertodeagostini61432 жыл бұрын

    HAHAAH lol the start was more fun than I could imagine

  • @boomshakalaka656
    @boomshakalaka656 Жыл бұрын

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

  • @ZachLeatherman
    @ZachLeatherman2 жыл бұрын

    Jake wearing business casual in this episode (shoes)

  • @jakearchibald

    @jakearchibald

    2 жыл бұрын

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

  • @riddixdan5572
    @riddixdan55722 жыл бұрын

    literally laughed out loud with the opening skit XD

  • @jurgentreep
    @jurgentreep2 жыл бұрын

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

  • @ornalabs
    @ornalabs2 жыл бұрын

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

  • @AndrewBone
    @AndrewBone2 жыл бұрын

    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

    @adriansalmeron5187

    8 ай бұрын

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

  • @AhmetKizilay0
    @AhmetKizilay02 жыл бұрын

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

  • @adiorthotos
    @adiorthotos2 жыл бұрын

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

  • @ShinigamiZone
    @ShinigamiZone2 жыл бұрын

    Welcome Ada 🙌 Thanks for showing us this stuff 🙂

  • @LewisCowles
    @LewisCowles2 жыл бұрын

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

  • @TheNewton

    @TheNewton

    2 жыл бұрын

    Ada has another comment thread under the video for questions

  • @noirnerd

    @noirnerd

    9 ай бұрын

    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.

  • @unicodefox
    @unicodefox2 жыл бұрын

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

  • @Ramin2340
    @Ramin23402 жыл бұрын

    Ah I missed you Jake

  • @FranBrennan
    @FranBrennan2 жыл бұрын

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

  • @Idolaughtmyheadoff
    @Idolaughtmyheadoff2 жыл бұрын

    Awesome)))

  • @stefanspittank
    @stefanspittank2 жыл бұрын

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

  • @TheNewton
    @TheNewton2 жыл бұрын

    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

  • @wilco1334
    @wilco13342 жыл бұрын

    That intro broke me... xD

  • @tscottphelps
    @tscottphelps2 жыл бұрын

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

  • @delulu6969
    @delulu69692 жыл бұрын

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

  • @mmti1010
    @mmti10102 жыл бұрын

    Welcome back

  • @spikethea2630
    @spikethea26302 жыл бұрын

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

  • @jonathan-._.-
    @jonathan-._.-2 жыл бұрын

    can u also use css color functions ? like gradient

  • @AdaRoseCannon

    @AdaRoseCannon

    2 жыл бұрын

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

  • @whatthefunction9140
    @whatthefunction91402 жыл бұрын

    I feel confused on many levels

  • @BenjaminAster
    @BenjaminAster2 жыл бұрын

    Can WebXR be used in combination with WebGPU?

  • @AdaRoseCannon

    @AdaRoseCannon

    2 жыл бұрын

    yes

  • @C0llinsW0rth.
    @C0llinsW0rth. Жыл бұрын

    LOL "LOOKS LIKE THE DART LOGO"

  • @Stoney_Eagle
    @Stoney_Eagle2 жыл бұрын

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

  • @rer5425
    @rer54252 жыл бұрын

    I always assumed XR was for eXtended Reality

  • @alexderiugini5117
    @alexderiugini51178 ай бұрын

    XR stands for Extended Reality

  • @ColinRichardson
    @ColinRichardson2 жыл бұрын

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

  • @jakearchibald

    @jakearchibald

    2 жыл бұрын

    They are slippers fwiw

  • @mathe42
    @mathe422 жыл бұрын

    Where is the clap...

  • @critical_always
    @critical_always Жыл бұрын

    Woohoo vrml

  • @malipetek
    @malipetek2 жыл бұрын

    So, so and so.

  • @Scio_
    @Scio_2 жыл бұрын

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

  • @alpaykasal2902
    @alpaykasal290211 ай бұрын

    XR = extended reality.

  • @zickzack987
    @zickzack9872 жыл бұрын

    😆

  • @dachd
    @dachd2 жыл бұрын

    LOL

  • @thibaultmol
    @thibaultmol2 жыл бұрын

    Uncanny

  • @jonathan-._.-
    @jonathan-._.-2 жыл бұрын

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

  • @hrgwea

    @hrgwea

    2 жыл бұрын

    Especially when it's negative.

  • @jonathan-._.-

    @jonathan-._.-

    2 жыл бұрын

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

  • @hrgwea

    @hrgwea

    2 жыл бұрын

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

  • @jonathan-._.-

    @jonathan-._.-

    2 жыл бұрын

    @@hrgwea oh 😅 that was a joke ?

  • @zanehannan5306
    @zanehannan53062 жыл бұрын

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

  • @jakearchibald

    @jakearchibald

    2 жыл бұрын

    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 KZread format where we can show code and demos, and hopefully still be a bit silly. However, I'm totally open to feedback.

  • @user-ms8ei9le7x
    @user-ms8ei9le7x2 жыл бұрын

    Ch®️me

  • @offroaders123
    @offroaders1232 жыл бұрын

    So... So...

Келесі