0:00:04.172,0:00:14.086
TogetherJS is a free, open source Javascript library that adds collaboration tools to your website.

0:00:15.379,0:00:17.745
Let's say I'm going to a party with my friend Ian,

0:00:17.745,0:00:20.138
and we need to coordinate which items to get for the party.

0:00:20.138,0:00:23.337
We are using this grocery to-do list app that I made.

0:00:23.337,0:00:25.832
And I mark that I got the chips and carrots already.

0:00:25.832,0:00:29.467
But, I wish there was a way for Ian and I to coordinate in real time,

0:00:29.467,0:00:32.490
so there is no back and forth.

0:00:33.182,0:00:36.284
This is where TogetherJS comes in.

0:00:36.284,0:00:42.255
All you need to do, is add these two snippets of Javasacript to your site.

0:00:43.071,0:00:46.683
Now I can coordinate party items with Ian in real time.

0:00:46.683,0:00:48.946
After adding the Javascript,

0:00:48.946,0:00:52.510
the site now has the TogetherJS dock; which allows Ian and I to:

0:00:52.510,0:00:56.989
chat, audio chat, and see each other's cursors.

0:00:56.989,0:01:00.345
Ian has now joined the session and let's me know, through the text chat,

0:01:00.345,0:01:04.400
which items he has picked up for the party.

0:01:04.400,0:01:08.573
Ian begins to move the blue cursor, which I see on my screen,

0:01:08.573,0:01:16.652
and adds the grocery list items to the list, which I see update in real time.

0:01:24.144,0:01:26.568
Now that Ian has added the items,

0:01:26.568,0:01:29.770
I'll go in and check off the items [that] I already picked up.

0:01:29.770,0:01:33.588
And he'll see that in real time on his computer.

0:01:34.542,0:01:37.991
This is going to be a great party.

0:01:40.345,0:01:44.345
To learn more, check out TogetherJS.com . Thanks for watching.