二、再看TogetherJS,它的能力与困惑

在协同办公的场景中,Mozilla 开源的together.JS提供了非常丰富的功能基础,稍加修改就能满足我们的很多需求。

接着上一章继续讲,当我们启动了TJS(TogetherJS)服务,在主页中就能看到TJS给我们提供了这5个例子,随便点一下,看看TJS给我们提供了哪些能力。

2.1 了解together.js 从sample开始

二、再看TogetherJS,它的能力与困惑_第1张图片
together sample
二、再看TogetherJS,它的能力与困惑_第2张图片
together toolbar

不管你切到哪一个demo,都能看到一个TJS Toolbar,也就是上图中箭头所指的内容。它给我们提供了一些协作的基本功能,主要是角色相关的,具体的能力有:

  • 设置用户信息,用户名、头像图标等;
  • 进行语音和文本聊天;
  • 获取邀请的链接,通过该地址就可以实现协同操作;
二、再看TogetherJS,它的能力与困惑_第3张图片
other sample

在TJS的主页,我们能找到五个Demo的入口,除此之外还提供了两个demo,其中friendlyCode的功能还是非常nice的,它提供了web多人编码与实时渲染。虽然撸代码的都不愿意让别人看到输入的过程,尿性决定需求,代码共享就是个尴尬的产品。

2.2 现状

自此,你想要同步视频的播放进度,TJS能给你搞定!

二、再看TogetherJS,它的能力与困惑_第4张图片
youtube

你想要同步画笔,实现实时的多人记录,TJS能帮你搞定!

二、再看TogetherJS,它的能力与困惑_第5张图片
drawing

协同编辑,TJS也能帮你搞定,同时还附带多种编辑器的支持!

二、再看TogetherJS,它的能力与困惑_第6张图片
tinyMCE

等等等,TJS都能帮你搞定。可问题是,辣么牛逼的库,咋就用不起来呢?这就应了那句古话了——可爱之人她必有可恨之处!谁娶了多愁善感的你,就注定要倒霉到底!

TJS是挺好,提供的功能多涉及面广,但它有一个致命的问题——慢!

二、再看TogetherJS,它的能力与困惑_第7张图片
slow
没错,就是慢:
  • 实例化慢
  • 首页加载慢
  • 新用户切入慢
  • 消息通讯慢

总之,TJS有一种缅怀拨号上网时期的情怀,让我们在4G普及的网聊环境下忆苦思甜。艾麻,这话说的我自己都起鸡皮疙瘩。

随便进个demo,它的首页加载是这样的:

二、再看TogetherJS,它的能力与困惑_第8张图片
Network

两台机器的消息收发是这样的:

二、再看TogetherJS,它的能力与困惑_第9张图片
send recv

这还是本地的两台机器,3秒的延迟你这是闹呢?
天下武功唯快不破。在今天的应用环境下,别让我等、别让她等、别让用户等是颠扑不破的真理,塔哥准备下刀子了。
详情请看下一章——《TogetherJS的闪电提速》。

协同利器——together.js的应用开发目录

你可能感兴趣的:(二、再看TogetherJS,它的能力与困惑)