1 00:00:04,172 --> 00:00:14,086 TogetherJS is a free, open source Javascript library that adds collaboration tools to your website. 2 00:00:15,379 --> 00:00:17,745 Let's say I'm going to a party with my friend Ian, 3 00:00:17,745 --> 00:00:20,138 and we need to coordinate which items to get for the party. 4 00:00:20,138 --> 00:00:23,337 We are using this grocery to-do list app that I made. 5 00:00:23,337 --> 00:00:25,832 And I mark that I got the chips and carrots already. 6 00:00:25,832 --> 00:00:29,467 But, I wish there was a way for Ian and I to coordinate in real time, 7 00:00:29,467 --> 00:00:32,490 so there is no back and forth. 8 00:00:33,182 --> 00:00:36,284 This is where TogetherJS comes in. 9 00:00:36,284 --> 00:00:42,255 All you need to do, is add these two snippets of Javasacript to your site. 10 00:00:43,071 --> 00:00:46,683 Now I can coordinate party items with Ian in real time. 11 00:00:46,683 --> 00:00:48,946 After adding the Javascript, 12 00:00:48,946 --> 00:00:52,510 the site now has the TogetherJS dock; which allows Ian and I to: 13 00:00:52,510 --> 00:00:56,989 chat, audio chat, and see each other's cursors. 14 00:00:56,989 --> 00:01:00,345 Ian has now joined the session and let's me know, through the text chat, 15 00:01:00,345 --> 00:01:04,400 which items he has picked up for the party. 16 00:01:04,400 --> 00:01:08,573 Ian begins to move the blue cursor, which I see on my screen, 17 00:01:08,573 --> 00:01:16,652 and adds the grocery list items to the list, which I see update in real time. 18 00:01:24,144 --> 00:01:26,568 Now that Ian has added the items, 19 00:01:26,568 --> 00:01:29,770 I'll go in and check off the items [that] I already picked up. 20 00:01:29,770 --> 00:01:33,588 And he'll see that in real time on his computer. 21 00:01:34,542 --> 00:01:37,991 This is going to be a great party. 22 00:01:40,345 --> 00:01:44,345 To learn more, check out TogetherJS.com . Thanks for watching.