1 00:00:00,000 --> 00:00:02,300 Hi, Todd Simpson from Mozilla. 2 00:00:02,300 --> 00:00:04,940 I'm going to show you a demo of WebRTC 3 00:00:04,940 --> 00:00:07,440 in commendation with our social api which 4 00:00:07,440 --> 00:00:09,470 which we currently stand Firefox. 5 00:00:09,470 --> 00:00:10,690 so here we go! 6 00:00:11,263 --> 00:00:12,313 So... here we are. 7 00:00:12,313 --> 00:00:16,573 On the screen you can see the nightly version of firefox 8 00:00:16,573 --> 00:00:19,113 with some social integration. 9 00:00:19,113 --> 00:00:23,113 This is just a little sample social integration that we done for ourselves. 10 00:00:23,113 --> 00:00:25,594 Running on the right hand side of the browser 11 00:00:25,594 --> 00:00:28,934 with this prosoner signing and the guest mode. 12 00:00:28,934 --> 00:00:35,154 For Todd, I just login using guest mode. And I'm signing into a sample provider 13 00:00:35,154 --> 00:00:38,084 And here you can see the other people that are currently 14 00:00:38,084 --> 00:00:41,504 signed in, including my good buddy Rainer. 15 00:00:41,504 --> 00:00:45,504 And I'm just gonna right clicking on Rainer's name 16 00:00:45,504 --> 00:00:50,494 initiate a video call, webRTC call with him. 17 00:00:50,494 --> 00:00:51,614 So there he is! 18 00:00:51,614 --> 00:00:53,334 Hi Rainer, how are you? 19 00:00:53,334 --> 00:00:54,504 How is it going? 20 00:00:54,504 --> 00:00:55,974 Great! 21 00:00:55,974 --> 00:00:59,134 So as well as having videos here, 22 00:00:59,134 --> 00:01:04,834 And you publishing social api, this video window float with you. 23 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. 24 00:01:10,664 --> 00:01:13,434 He is there wherever I go on the web. 25 00:01:13,441 --> 00:01:18,851 Beyond the audio and video, we also integrated for data channel support. 26 00:01:18,860 --> 00:01:24,330 So we can massage back and forth to each other. You know saying "hi". 27 00:01:24,330 --> 00:01:29,070 Let's going over the WebRTC data channel between two of us. 28 00:01:30,993 --> 00:01:34,433 Once you've got audio and video in this nice floating window 29 00:01:34,433 --> 00:01:37,813 I can go to any site I want. 30 00:01:39,543 --> 00:01:42,343 For example, I'll go here to google images, 31 00:01:42,548 --> 00:01:45,698 And I know that Rainer loves kittens, 32 00:01:45,698 --> 00:01:49,698 So we'll search pictures of kittens. 33 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. 34 00:01:57,794 --> 00:02:01,633 And TADDA! over on the Rainer's mechine 35 00:02:01,633 --> 00:02:04,293 he's actually just seeing what I saw. 36 00:02:04,293 --> 00:02:05,503 Which is pretty cool. 37 00:02:05,503 --> 00:02:09,711 Of course, you could do that with images and any other content on the web. 38 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 39 00:02:16,621 --> 00:02:18,831 it automatically get the video. 40 00:02:18,831 --> 00:02:22,831 I can go to a specific site like CBC.ca. 41 00:02:24,176 --> 00:02:29,776 And I can grab a tab. And actually drop that tab in. 42 00:02:29,776 --> 00:02:33,776 Guess what? Rainer can see exactly what I'm watching as well. 43 00:02:35,086 --> 00:02:40,866 And finally, Of course, this also works for meta files. 44 00:02:40,866 --> 00:02:44,556 Here I've got my file dealer on the mac. 45 00:02:44,556 --> 00:02:49,336 I grab a file, and I'm gonna share that file with Rainer. 46 00:02:49,336 --> 00:02:50,926 Sent him a Firefox logo. 47 00:02:54,084 --> 00:02:58,974 So that's it. You've seen the integration of social and WebRTC 48 00:02:58,984 --> 00:03:01,894 allows to do this peer to peer connections video/audio 49 00:03:01,904 --> 00:03:05,904 and data, and also having them flow with us when we move around the web. 50 00:03:05,904 --> 00:03:07,144 Thanks Rainer.