Тёмный
No video :(

Building VR and AR experiences using HTML | HTTP 203 

Chrome for Developers
Подписаться 759 тыс.
Просмотров 28 тыс.
50% 1

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

Опубликовано:

 

6 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 96   
@jakearchibald
@jakearchibald 2 года назад
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
@nielskersic328 2 года назад
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
@AdaRoseCannon 2 года назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XF29nLkkeLo.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
@NSiebs 2 года назад
Thank you for being so gentle with Surma2.0 🥰
@waldemarenns4874
@waldemarenns4874 2 года назад
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
@drizzzzz 2 года назад
Perfect opener. Glad you’re back!
@ZachLeatherman
@ZachLeatherman 2 года назад
Jake wearing business casual in this episode (shoes)
@jakearchibald
@jakearchibald 2 года назад
Please don't spread rumours about me. Those are slippers.
@patricknelson
@patricknelson 8 месяцев назад
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"
@ShinigamiZone
@ShinigamiZone 2 года назад
Welcome Ada 🙌 Thanks for showing us this stuff 🙂
@AndrewBone
@AndrewBone 2 года назад
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 10 месяцев назад
Wait, A-Frame can do AR in iOS? But what type of AR? Markerless?
@boomshakalaka656
@boomshakalaka656 Год назад
I love how you guys make these videos funny for us nerds lol.
@LewisCowles
@LewisCowles 2 года назад
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 11 месяцев назад
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.
@deadlyhifi
@deadlyhifi 2 года назад
I was also at uni back then and I also did a unit on VRML! Those were the days my friend…
@delulu6969
@delulu6969 2 года назад
As a Jake's fan, I don't care much whom he is paired with, I know they'll be just as fun
@jurgentreep
@jurgentreep 2 года назад
Man, I'd love to play around with this!
@adiorthotos
@adiorthotos 2 года назад
This video is only 50% complete without a picture-in-picture of a reaction-cam of Surma watching this opener at home.
@harshadmane3124
@harshadmane3124 2 года назад
loved the AR demo with real-life light adjustment
@Ramin2340
@Ramin2340 2 года назад
Ah I missed you Jake
@TheNewton
@TheNewton 2 года назад
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
@cdasilva-info
@cdasilva-info 2 года назад
Loved this interview - for me, it was a great review of A-Frame - something I've started teaching to my students!
@BenjaminAster
@BenjaminAster 2 года назад
Can WebXR be used in combination with WebGPU?
@AdaRoseCannon
@AdaRoseCannon 2 года назад
yes
@tscottphelps
@tscottphelps 2 года назад
Interesting! For some reason I thought the X stood for eXperience.
@stefanspittank
@stefanspittank 2 года назад
Kudos to Ada. I imagine it must have been a bit terrifying to step into Surma's shoes.
@intrepidolivia482
@intrepidolivia482 2 года назад
This was delightful, thank you for the overview
@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.
@albertodeagostini6143
@albertodeagostini6143 2 года назад
HAHAAH lol the start was more fun than I could imagine
@AhmetKizilay0
@AhmetKizilay0 2 года назад
This was very interesting! I would also be curious to see the native JavaScript APIs that would detect devices and hand gestures, etc.
@whatthefunction9140
@whatthefunction9140 2 года назад
I feel confused on many levels
@unicodefox
@unicodefox 2 года назад
I like how Jake wore a Beat Saber shirt for the VR episode
@alexderiugini5117
@alexderiugini5117 10 месяцев назад
XR stands for Extended Reality
@riddixdan5572
@riddixdan5572 2 года назад
literally laughed out loud with the opening skit XD
@wilco1334
@wilco1334 2 года назад
That intro broke me... xD
@rer5425
@rer5425 2 года назад
I always assumed XR was for eXtended Reality
@spikethea2630
@spikethea2630 2 года назад
Hang on a minute. A-Frame has WebXR compatibility?! I thought it still just had marker-based AR? Can somebody fill me in?
@Stoney_Eagle
@Stoney_Eagle 2 года назад
We're all missing him, but not THAT much 🤣🤣🤣 Cross-reality??
@ornalabs
@ornalabs 2 года назад
Thanks Ada! Now i know what `hide-on-ar` component does :)
@FranBrennan
@FranBrennan 2 года назад
Great show 😎👍 Love WebXR. Love Aframe. [C’mon Safari, keep up! Pleeeeeeeeeeease]
@mathe42
@mathe42 2 года назад
Where is the clap...
@mmti1010
@mmti1010 2 года назад
Welcome back
@C0llinsW0rth.
@C0llinsW0rth. Год назад
LOL "LOOKS LIKE THE DART LOGO"
@ColinRichardson
@ColinRichardson 2 года назад
Jake... You kept your shoes on.. I'm semi impressed, semi unset.
@jakearchibald
@jakearchibald 2 года назад
They are slippers fwiw
@critical_always
@critical_always Год назад
Woohoo vrml
@Idolaughtmyheadoff
@Idolaughtmyheadoff 2 года назад
Awesome)))
@alpaykasal2902
@alpaykasal2902 Год назад
XR = extended reality.
@Scio_
@Scio_ 2 года назад
Conveniently, the mannequin is also bald. Just a stubble and a pair of glasses away from Paul...
@malipetek
@malipetek 2 года назад
So, so and so.
@dachd
@dachd 2 года назад
LOL
@zanehannan5306
@zanehannan5306 2 года назад
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 RU-vid format where we can show code and demos, and hopefully still be a bit silly. However, I'm totally open to feedback.
@zickzack987
@zickzack987 2 года назад
😆
@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 ?
@offroaders123
@offroaders123 2 года назад
So... So...
@thibaultmol
@thibaultmol 2 года назад
Uncanny
@user-ms8ei9le7x
@user-ms8ei9le7x 2 года назад
Ch®️me
Далее
Top 10 performance pitfalls - HTTP 203
36:31
Просмотров 37 тыс.
AR Over the Web Browser Using AR.js, A-Frame, & WebXR
49:32
Fake watermelon by Secret Vlog
00:16
Просмотров 3,1 млн
Magic tricks with the HTML parser | HTTP 203
24:07
Просмотров 26 тыс.
Cross-fading DOM elements | HTTP 203
19:00
Просмотров 20 тыс.
Generating your color palette in CSS | HTTP 203
28:02
Web animation gotchas - HTTP 203
20:10
Просмотров 23 тыс.
Fake watermelon by Secret Vlog
00:16
Просмотров 3,1 млн