WEBVTT 00:00:00.000 --> 00:00:02.300 Hi, Todd Simpson from Mozilla. 00:00:02.300 --> 00:00:04.940 I'm going to show you a demo of WebRTC 00:00:04.940 --> 00:00:07.440 in commendation with our social api which 00:00:07.440 --> 00:00:09.470 which we currently stand Firefox. 00:00:09.470 --> 00:00:10.690 so here we go! 00:00:11.263 --> 00:00:12.313 So... here we are. 00:00:12.313 --> 00:00:16.573 On the screen you can see the nightly version of firefox 00:00:16.573 --> 00:00:19.113 with some social integration. 00:00:19.113 --> 00:00:23.113 This is just a little sample social integration that we done for ourselves. 00:00:23.113 --> 00:00:25.594 Running on the right hand side of the browser 00:00:25.594 --> 00:00:28.934 with this prosoner signing and the guest mode. 00:00:28.934 --> 00:00:35.154 For Todd, I just login using guest mode. And I'm signing into a sample provider 00:00:35.154 --> 00:00:38.084 And here you can see the other people that are currently 00:00:38.084 --> 00:00:41.504 signed in, including my good buddy Rainer. 00:00:41.504 --> 00:00:45.504 And I'm just gonna right clicking on Rainer's name 00:00:45.504 --> 00:00:50.494 initiate a video call, webRTC call with him. 00:00:50.494 --> 00:00:51.614 So there he is! 00:00:51.614 --> 00:00:53.334 Hi Rainer, how are you? 00:00:53.334 --> 00:00:54.504 How is it going? 00:00:54.504 --> 00:00:55.974 Great! 00:00:55.974 --> 00:00:59.134 So as well as having videos here, 00:00:59.134 --> 00:01:04.834 And you publishing social api, this video window float with you. 00:01:04.834 --> 00:01:10.664 So as I move around the web, I don't always go back to a tab to continue talking to Rainer. 00:01:10.664 --> 00:01:13.434 He is there wherever I go on the web. 00:01:13.441 --> 00:01:18.851 Beyond the audio and video, we also integrated for data channel support. 00:01:18.860 --> 00:01:24.330 So we can massage back and forth to each other. You know saying "hi". 00:01:24.330 --> 00:01:29.070 Let's going over the WebRTC data channel between two of us. 00:01:30.993 --> 00:01:34.433 Once you've got audio and video in this nice floating window 00:01:34.433 --> 00:01:37.813 I can go to any site I want. 00:01:39.543 --> 00:01:42.343 For example, I'll go here to google images, 00:01:42.548 --> 00:01:45.698 And I know that Rainer loves kittens, 00:01:45.698 --> 00:01:49.698 So we'll search pictures of kittens. 00:01:49.698 --> 00:01:57.778 When I see a kitten, I can simply drag that image, and drop it on to our conversation. 00:01:57.794 --> 00:02:01.633 And TADDA! over on the Rainer's mechine 00:02:01.633 --> 00:02:04.293 he's actually just seeing what I saw. 00:02:04.293 --> 00:02:05.503 Which is pretty cool. 00:02:05.503 --> 00:02:09.711 Of course, you could do that with images and any other content on the web. 00:02:09.711 --> 00:02:16.621 So here I'll drop a video over, and you'll see that on the Rainer side 00:02:16.621 --> 00:02:18.831 it automatically get the video. 00:02:18.831 --> 00:02:22.831 I can go to a specific site like CBC.ca. 00:02:24.176 --> 00:02:29.776 And I can grab a tab. And actually drop that tab in. 00:02:29.776 --> 00:02:33.776 Guess what? Rainer can see exactly what I'm watching as well. 00:02:35.086 --> 00:02:40.866 And finally, Of course, this also works for meta files. 00:02:40.866 --> 00:02:44.556 Here I've got my file dealer on the mac. 00:02:44.556 --> 00:02:49.336 I grab a file, and I'm gonna share that file with Rainer. 00:02:49.336 --> 00:02:50.926 Sent him a Firefox logo. 00:02:54.084 --> 00:02:58.974 So that's it. You've seen the integration of social and WebRTC 00:02:58.984 --> 00:03:01.894 allows to do this peer to peer connections video/audio 00:03:01.904 --> 00:03:05.904 and data, and also having them flow with us when we move around the web. 00:03:05.904 --> 00:03:07.144 Thanks Rainer.