[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:02.30,Default,,0000,0000,0000,,Hi, Todd Simpson from Mozilla. Dialogue: 0,0:00:02.30,0:00:04.94,Default,,0000,0000,0000,,I'm going to show you a demo of WebRTC Dialogue: 0,0:00:04.94,0:00:07.44,Default,,0000,0000,0000,,in commendation with our social api which Dialogue: 0,0:00:07.44,0:00:09.47,Default,,0000,0000,0000,,which we currently stand Firefox. Dialogue: 0,0:00:09.47,0:00:10.69,Default,,0000,0000,0000,,so here we go! Dialogue: 0,0:00:11.26,0:00:12.31,Default,,0000,0000,0000,,So... here we are. Dialogue: 0,0:00:12.31,0:00:16.57,Default,,0000,0000,0000,,On the screen you can see the nightly version of firefox Dialogue: 0,0:00:16.57,0:00:19.11,Default,,0000,0000,0000,,with some social integration. Dialogue: 0,0:00:19.11,0:00:23.11,Default,,0000,0000,0000,,This is just a little sample social integration that we done for ourselves. Dialogue: 0,0:00:23.11,0:00:25.59,Default,,0000,0000,0000,,Running on the right hand side of the browser Dialogue: 0,0:00:25.59,0:00:28.93,Default,,0000,0000,0000,,with this prosoner signing and the guest mode. Dialogue: 0,0:00:28.93,0:00:35.15,Default,,0000,0000,0000,,For Todd, I just login using guest mode. And I'm signing into a sample provider Dialogue: 0,0:00:35.15,0:00:38.08,Default,,0000,0000,0000,,And here you can see the other people that are currently Dialogue: 0,0:00:38.08,0:00:41.50,Default,,0000,0000,0000,,signed in, including my good buddy Rainer. Dialogue: 0,0:00:41.50,0:00:45.50,Default,,0000,0000,0000,,And I'm just gonna right clicking on Rainer's name Dialogue: 0,0:00:45.50,0:00:50.49,Default,,0000,0000,0000,,initiate a video call, webRTC call with him. Dialogue: 0,0:00:50.49,0:00:51.61,Default,,0000,0000,0000,,So there he is! Dialogue: 0,0:00:51.61,0:00:53.33,Default,,0000,0000,0000,,Hi Rainer, how are you? Dialogue: 0,0:00:53.33,0:00:54.50,Default,,0000,0000,0000,,How is it going? Dialogue: 0,0:00:54.50,0:00:55.97,Default,,0000,0000,0000,,Great! Dialogue: 0,0:00:55.97,0:00:59.13,Default,,0000,0000,0000,,So as well as having videos here, Dialogue: 0,0:00:59.13,0:01:04.83,Default,,0000,0000,0000,,And you publishing social api, this video window float with you. Dialogue: 0,0:01:04.83,0:01:10.66,Default,,0000,0000,0000,,So as I move around the web, I don't always go back to a tab to continue talking to Rainer. Dialogue: 0,0:01:10.66,0:01:13.43,Default,,0000,0000,0000,,He is there wherever I go on the web. Dialogue: 0,0:01:13.44,0:01:18.85,Default,,0000,0000,0000,,Beyond the audio and video, we also integrated for data channel support. Dialogue: 0,0:01:18.86,0:01:24.33,Default,,0000,0000,0000,,So we can massage back and forth to each other. You know saying "hi". Dialogue: 0,0:01:24.33,0:01:29.07,Default,,0000,0000,0000,,Let's going over the WebRTC data channel between two of us. Dialogue: 0,0:01:30.99,0:01:34.43,Default,,0000,0000,0000,,Once you've got audio and video in this nice floating window Dialogue: 0,0:01:34.43,0:01:37.81,Default,,0000,0000,0000,,I can go to any site I want. Dialogue: 0,0:01:39.54,0:01:42.34,Default,,0000,0000,0000,,For example, I'll go here to google images, Dialogue: 0,0:01:42.55,0:01:45.70,Default,,0000,0000,0000,,And I know that Rainer loves kittens, Dialogue: 0,0:01:45.70,0:01:49.70,Default,,0000,0000,0000,,So we'll search pictures of kittens. Dialogue: 0,0:01:49.70,0:01:57.78,Default,,0000,0000,0000,,When I see a kitten, I can simply drag that image, and drop it on to our conversation. Dialogue: 0,0:01:57.79,0:02:01.63,Default,,0000,0000,0000,,And TADDA! over on the Rainer's mechine Dialogue: 0,0:02:01.63,0:02:04.29,Default,,0000,0000,0000,,he's actually just seeing what I saw. Dialogue: 0,0:02:04.29,0:02:05.50,Default,,0000,0000,0000,,Which is pretty cool. Dialogue: 0,0:02:05.50,0:02:09.71,Default,,0000,0000,0000,,Of course, you could do that with images and any other content on the web. Dialogue: 0,0:02:09.71,0:02:16.62,Default,,0000,0000,0000,,So here I'll drop a video over, and you'll see that on the Rainer side Dialogue: 0,0:02:16.62,0:02:18.83,Default,,0000,0000,0000,,it automatically get the video. Dialogue: 0,0:02:18.83,0:02:22.83,Default,,0000,0000,0000,,I can go to a specific site like CBC.ca. Dialogue: 0,0:02:24.18,0:02:29.78,Default,,0000,0000,0000,,And I can grab a tab. And actually drop that tab in. Dialogue: 0,0:02:29.78,0:02:33.78,Default,,0000,0000,0000,,Guess what? Rainer can see exactly what I'm watching as well. Dialogue: 0,0:02:35.09,0:02:40.87,Default,,0000,0000,0000,,And finally, Of course, this also works for meta files. Dialogue: 0,0:02:40.87,0:02:44.56,Default,,0000,0000,0000,,Here I've got my file dealer on the mac. Dialogue: 0,0:02:44.56,0:02:49.34,Default,,0000,0000,0000,,I grab a file, and I'm gonna share that file with Rainer. Dialogue: 0,0:02:49.34,0:02:50.93,Default,,0000,0000,0000,,Sent him a Firefox logo. Dialogue: 0,0:02:54.08,0:02:58.97,Default,,0000,0000,0000,,So that's it. You've seen the integration of social and WebRTC Dialogue: 0,0:02:58.98,0:03:01.89,Default,,0000,0000,0000,,allows to do this peer to peer connections video/audio Dialogue: 0,0:03:01.90,0:03:05.90,Default,,0000,0000,0000,,and data, and also having them flow with us when we move around the web. Dialogue: 0,0:03:05.90,0:03:07.14,Default,,0000,0000,0000,,Thanks Rainer.