Speaker got invited to Google I / O last year. They will share their screen here. Speaker made a website about Google I / O last year. It's slowing down their computer. Speaker took pictures during the break. They are a big fan of graffiti. Speaker took a selfie at Google I / O. They are concerned about the web.

Speaker went to Google I / O to learn how to build a private extension for their company Vonage. Firebase extensions team helped them out. Speaker is looking for more resources.

Speaker is looking for the web GPU. They are trying to figure out why their computer slows down when they put it in performance mode. Speaker and their friend Brendan are going to show how the new web GPU API can improve performance in graphics and machine learning workloads. They used to have a performance mode that pushed the GPU too much. The result was janky animation. Speaker is looking into using Babylon Jets for virtual reality on the web.

Speaker is looking forward to using web G GL. Chrome has it. They also working on it. There is a code lab at Speaker's school. Speaker will create an immersive map experience. They met Emma Charles Emma, who works at Google, in Brazil recently. Emma gave a talk on angular singles, signals at CJ's, Sao Paulo. Speaker was able to watch it on their Chromebook.

Speaker is watching a web seminar. It's about the view transition API, which they are using in a new project and it's not working. Speaker is interested in ML and media pipe. They put a link to everything on their website.

Speaker built an astro app before and had to do things to get it to be hosted properly. Now it recognises the project and sets everything up for him. Speaker wants to know if they can stream video feeds to Smart displays. They are going to send Anthony Cruz with some traveling music.

Speaker is not sure if using performance mode makes it better. They send Anthony Cruz a song called butter.

• youtube video
• video chat app
• web gpu
• cube algorithm
• babylon jets
• community stream video feeds

Welcome back, your dreams were your ticket out, welcome back, same old place.

But those dreams every vein and they turn around.

Welcome back.

All right.

Give it a stretch.

Oh yeah.

It's working on some of that post radio show promo stuff.

Look like that.

Posted.

Cool.

So we get back to my fish setup.

Up.

All right.

So yeah, so feeling pretty good.

How are you doing?

Hopefully, you're doing well and getting some stuff done, even a little bit of progress is still progress.

All right, let us get into it.

I want to talk about an event that happened recently and it's cool.

Because let me share my screen here.

I am sure some audio, yes.

So, Google I/O just happened recently last week and it's cool because I got invited to go Google last year.

Google I/O last year and this real quick kind of like relive some of this.

Some of this goodness.

And so this is a site I made you know what?

Let me so, let me You want to check it out as well.

I know it's funny.

This is slowing down my computer for some reason.

That's weird.

Okay.

It does not a, you know, one of the things they spoke about I think during Google I/O will actually fix this.

So these are like the different rooms and I got to stay in kind of, it's pretty cool.

Then when you get some food, It was a whole thing, like there's like a miscommunication thing it was is, well, I think I talk about it somewhere, but so yeah.

This place I stayed at really nice was like, a temporary apartment that Google has it got the register And then a lot of stuff.

So a lot of cool things and more food of the swag was awesome.

Shots of them, come on the edge, random things I found while walking around more food, always take picture of the graffiti.

I am a big fan of graffiti, let us see some more food can't get to the part where there's okay.

So this is the day of so here's the actual trial, and they're a bunch of people were lining up to take pictures there.

So I just took a picture of it during the break.

Make.

Let us see.

And there's a like the venue.

There are random pictures.

A lot of people were there entertainment for folks.

DJ would a person playing violin?

I wanted to show the actual like stage There you go.

And, so I took like one my like only selfies ever do kind of remember being a Google I/O.

All have to be all that saying, Google I/O happened and here is the website to check it out.

A drink.

Yes.

So Here it is.

And that's a wrap.

Thanks for joining Google IO 2023.

The you think it's surveying, they have like other events that are kind of happening around it.

Let us see.

So I am mostly concerned like the web.

So we're gonna take a look at the web.

What is known?

Is that the colors change?

That's pretty dope.

All right, so we will take a look at the web and so it's going to kind of like go over all the web related things that happen at Google I/O.

So if you're interested in like mobile or any other things, you can check that out as well.

The page changer.

Oh, you do.

So here are the different things that happen.

So new things that happen in Chrome.

Chrome OS Firebase.

This one was super cool like they talked about a bunch of here.

So take a quick look at that one.

And so what happens is it loads like a YouTube video that kind of has folks talking about their certain topics and then below that you have like an overview And then, like the speakers, you can check out the speaker profiles and then sometimes there's more stuff you can do.

We will take a look at that as well.

It's cool feature.

They have like American Sign Language also, which loads a different YouTube video and it has a person next to you.

The hello, everyone.

Welcome to what's new in Firebase at Google I/O.

23 Firebase is Google's app development platform.

A platform that helps you build and grow apps user.

What has happened?

It's not weird.

And if I go back to, okay.

Okay, is not liking the videos?

Okay, cool.

Well that's fine.

We don't have to play videos, all right.

And one of the things doesn't say it's funny, is because one of the New things that they talked about doing Google AR to check that out.

Wait, did it?

Oh yeah, doesn't have webbed anymore.

There was the where is it?

It's pretty cool.

Building A Fire base extension shots of them, actually.

Got to meet them.

Yeah, in Maan got to meet him on last year.

He helped me reason why I went to Google I/O was because for my company Vonage, I built a fire base extension to be used with our stuff to be able to create a video chat app, like just by clicking a few things and you have a fully working video chat app, right?

And so your walk you through building a private extension.

So super helpful, I am sure that's going to be a good video, apparently.

I can't play anything because it slows down my computer.

But others say like you can also look at they has resources, sometimes these videos and you can learn more about what they're talking about.

Let us see.

Go back shell C mon again and hold Firebase extensions team for helping me out.

All right.

So new and Firestar, they announced some cool thing that firestore now where you can like I think it's like the or operator and it's pretty cool.

This one the terraform that is super interesting.

I am looking to get more into that wonder if this one has because they also have these things called code Labs, where, like coding along a, while you're doing this stuff, this is had it.

I don't think so.

No, it's not it, but it's more documentation.

There's one.

I will show it later, but where is it?

The web no new and angular.

This one's pretty cool to the advanced web apis.

And so during things like this one it actually ran through like real world applications using these new apis and again my computer is not going to like some like a play anything, but they had like Photoshop was one.

I like how they zoom in and out.

Like effortlessly it's pretty dope.

Let us see.

But the one I am looking for.

I am trying to say is the web GPU.

Here it is.

As soon as I say, it shows up.

This one's pretty cool.

I think this will help my situation that I have here because anytime I like I play a video or I guess anything super demanding on my I guess web GPU, I am gonna guess.

I mean my CPU I guess my graphics card maybe whatever it shuts, everything down.

Basically everything gets kind of slow but with the web GPU, it puts all that on like a separate thread, so it doesn't block.

The main stuff owner.

Hold on, let me see.

I wonder if it's because I think I have this in like performance mode by put it in standard mode.

What happens.

Let us see if that works.

The fans are still going wild, but they're not too bad.

A little bit quieter.

Okay, making some progress here.

So if I click play on here with this, mess up now, come on invite.

This is, I had in a performance movie, that means, like it makes all the graphics and stuff happened and anything additional that, it slows it down, maybe, I don't know.

We will see so much.

I play in this video and see what happens.

Hi everyone, I am calling down the web.

Keeps you lead at Google today with my friend Brendan we're going to show you how the new web GPU API and lots massive performance gains in graphics and machine learning workloads.

But first, let us provide some context on why web GP was developed in 2011 webgl came out which allows web applications to take advantage of gpus webgl has enabled amazing experiences on the web from Google Earth to interactive music videos to 3D Real estate walkthroughs and more webgl was based on the opengl family of API first developed in 1992.

And that's a long time ago.

I barely knew how to walk back then and you can imagine that GPU Hardware has evolved.

So it looks like that was the issue.

Maybe because I had it in my performance mode, it pushed it way too much.

So yeah, because that played fine.

All right, so long in here talk about they have an actual demo of it which kind of like.

So this is pretty cool here.

Well this is I just it's just cool to look at actually significantly.

Illustration shows the marching Cube algorithm because to triangulate the surface of these metal balls, he sees only like everything is running and jumping struggles to keep up with the page only running at 8 FPS, which results in janky animation, to keep it performant.

We would have to lower the level of details a lot.

It's night and day difference.

When we move the same algorithm to compute, Shader, the performance, improves dramatically with the page.

Now, running at the smooth 60fps and there's still a lot of performance headers really do.

And so, just by bringing it over to the web GPU, you get more performance and those one where they actually showed, This one, I think they showed.

Like it actually, like blocking Maybe was in this one.

I have been watching too many videos.

But they have like an animation of like a block moving back and forth.

And, this one, and it like rendered a Photo.

And it showed that it was in this one.

Okay, never mind.

But what I also like is that you can do some like web like X, our virtual reality stuff, and so they show So yes like this room here and it's using Babylon Jets, which I am kind of like looking into as well.

And so being able to see like the performance and stuff from me pretty dope, all right?

See ya using like web G GL, right?

So let us look at that and there is with GP U, so I am looking forward to.

I think Chrome has it.

I think Firefox and Safari also working on it.

So check out the video and what school is They also have a code lab.

This is looking before and it will walk you through.

Well my fans are so much like quieter now, so is that mode is pretty cool.

But yeah.

So he kind of walks you through in sitting up like your first web GPU app which is a pretty cool.

So, all right, so a lot of learnings you can do here Let us see.

The weather UI stuff was pretty cool to the new and you wi new.

Maybe this one new and web animations.

Maybe it was this one.

But then I will create immersive map experiences.

That's cool.

There's so much stuff that you can just like, it's like you just kind of like have nothing really to do.

You know?

I mean, like you just kind of but you still want to learn something.

This is a good place to catch the fup, new stuff with angular.

Actually met them in recently in Brazil.

I met them before in because Korea, they work at Google well obviously, but I am terrible with names.

Emma, that's right.

Emma Charles Emma gave a talk on angular singles, signals at CJ's, Sao Paulo, and that's why I saw them again.

But they are also in pretty sure was JS.

Conf Korea.

I believe.

As well.

So it's cool.

You get to meet people in like all over the world.

You bump into each other.

Three do.

All right.

I think it's this one.

I am gonna give this one more chance I want.

And no, apparently not.

It's not going to let me watch it, huh?

That's weird.

I was able to watch it on my Chromebook.

I can I not watch it here.

Oh and it loaded there?

I don't know.

Let us see if it's this one.

There was a thing where it was Maybe it wasn't this one.

I think they talk about the maybe wasn't web apis out, but they also talk about the view transition API that we spoke about here before which is pretty dope.

Oh, please.

So okay, so yeah.

So they talked about here.

Which I am actually using in a new project and is not, there's not working, it's fine.

It will be fun again.

You can check all this stuff out on, I put a link to everything.

Their angular single signals.

I don't know.

I guess you saying that?

And then the yeah, all sorts of cool stuff.

This ML and media pipe at work.

That's why I have been seeing about media pipe and some cool stuff, and so I probably check that out as well.

It was the workshop cool.

So they have like all these different code Labs which are the step-by-step like tutorial walk through stuff.

And so there's all these things you can check out a lot of flutter stuff and then o Implement camera stream using webrtc.

What is this?

Give me a second.

I am sorry.

I am kind of curious now and then payment form best practices cool address for impact so the last of the where you can just as just good skills to learn in web development so that's why I like to do these things.

Who built this one was pretty cool too.

Building wet Firebase web Frameworks.

So, now, before, like, when I built like an astro app or what have you and have to like do things to get it to be hosted properly, right?

But now is it recognizes it.

So it's likes felt kit, Astro view a bunch of things and you will just recognize it from your project and it set everything up for you.

Like if you have any Cloud functions and all that stuff, Oh, can I stream or trait belongs to devices with the community stream video feeds to Smart displays?

Oh, that's dope.

So now I just like your webcam, but if you have liked one of these, Doorbell cams or whatever.

That's where you don't want to check that out.

Okay.

But then like what this says, is this not, this might not just be for no use webrtc.

I don't know again, I can check it out.

We will get you all back to work because I will be here like forever and stuff.

So, all right, stop screen share.

All right, cool.

Let me get y'all back to work and because I want to finish up this post radio show promo stuff.

Probably look through this little bit more, you know, when I should actually be working on other stuff, but I am gonna send you all off with some traveling music.

This is Anthony Cruz.

I am so glad that, I figured that out, by the way.

So it's going to make things so much better.

Because I was having so many issues, I could barely run anything on any of these like break session.

So glad I found performance mode would make it better but I guess not.

So I misunderstood what performance mode meant?

But yeah.

So thanks again for hanging out.

See you 15 minutes after our?

Take a look at an artist's website, this some music watching videos and maybe you will become a fan.

But until then, I wish you much productivity.

This is Anthony Cruz.

AKA a butter.

The track is called.

Thank you.

And thanks again for hanging out.

Catch you later, music piece.