谈谈网页应用的新潮流,虽是 Web App 却能读写本地文件(及三款代表App)

一直以来,网页应用程序(Web App)给人的感觉就是,用户数据总是在云端。网页本身就是云端的产物了,用户在里面生成的内容,自然也是在云端。

很长一段时间里, Web App 的确就是这样运作的。 所谓 Web App 在很多人眼里就是功能比较多的网页而已。而云端的网页无法自由的访问本地文件,这是浏览器守住的一条底线。 这样做的目的是保护用户不被一些恶意的网页所侵害,例如:通过网页窃取用户本地的信息,通过网页修改我们的本地文件,甚至执行脚本控制我们的电脑。

所以,我们以前一提到网页系统,总是感觉很麻烦,各种文件要上传/下载才能和网页交换信息。 而 上传/下载 都是在用户明确授意并指定哪些文件的基础上进行的。虽然每次指定文件很麻烦,但是整个过程相对安全,至少浏览器的本地访问底线就划在这里。

查看源图像

除了上传/下载 这类操作, 浏览器也能接受一些存放在用户本地电脑的少量信息,这些信息 有相当的保护和隔离机制,一般只有对应的网站(或调试工具)可以访问, 例如:很多人听到过的 cookie 和 其它本地存储机制。 这些信息虽然存储在用户本地,但完全由浏览器控制读写,不会和用户本地的其它文件发生交集,因此也算是受控的。

这种安全机制的缺点就是,将 Web App 的主要数据存储固定在了云端。网页版「云笔记」类应用就是最好的例子。

新方向

然而,近来情况发生了变化。 之前我们介绍过的 PWA(Progressive Web Apps)开始崛起。 PWA 可以离线使用,一些网页代码一次下载到本地后,之后就能像本地应用一样使用,不过如果数据仍旧要上传下载的话,PWA的意义就不是很大了。 本来就是为了脱离云端,最后还是被绑定在云端了。

另一方面,本地优先(local-first)隐私优先(privacy-first)的呼声也逐渐开始高涨,大家担心少数互联网巨头垄断所有个人信息,因此会有意识的把一些自己的内容留在本地,而不是交给云端。

对于一个网页应用来说,如果能直接访问用户本地文件,那么就能从技术上保证将数据留在用户手里,而不是云端服务器上。这样做的话, 同时也避免了上传下载时用户选择文件的麻烦,更加节约了网络带宽提升了运行速度(因为不需要和云端通信传输文件)。

这种朴素的想法,现在已经被主流浏览器实现, 浏览器将 一个新的 API 提供给了网页开发者,网页开发者可以 在用户 「授权一次」(指定某个文件夹)的情况下,自由读写那个本地文件夹下的内容。 理论上讲,做一个 网页版的 「本地文件管理器」 也是可能的。

顺便说一句,这个新的 本地文件 API 能得以推广,主要和 Chrome内核的普及有关,现在只要 Chrome内核支持,就约等于主流的浏览器全都支持。原本各个浏览器大厂各成一派,各自定一套标准的日子已经过去了,现在的 Web 新标准可以更快的来到用户面前。

代表作

这里火箭君列出三个 Web App 工具,都采用了上文提到的 本地文件访问 API。 这几个工具可以把用户的数据保存在本地的磁盘里, 除了第一次需要指定授权读写的文件夹以外,之后的体验就和一个本地 App 一样了。

LogSeq

这是一款 大纲类笔记工具(outliner),支持 markdown,支持双向链,可以生成图谱。适合 笔记整理,工作记录,任务分解,日志日记等场景。

LogSeq 的有些功能听起来就像是一个本地应用里提供的一样,例如: Obsidian,但是 LogSeq 却是一个 地道的 Web App, 而且,我们的笔记数据还可以被保存到了自己的本地文件夹里。

Logseq 创始人的故事本身就很励志,下次可以另外聊一下。

官网地址

https://logseq.com

Bangle.io

这是一款较新的 markdown 编辑器,也是一个Web App,但可以把文档存储到本地。 支持双屏打开编辑浏览,支持双链,支持/命令,。 难能可贵的是 其markdown 编辑也非常流畅。

App 主打 无需安装,完全离线,无需注册,数据自主, 深得和火箭君心意, 个人觉得有挖掘一下的潜力。

官网地址

https://bangle.io

VSCODE.DEV

这是 开发工具vscode 的在线版。在开发者圈子里, vscode 早就名声在外 ,除了开发程序,其实 vscode 也很适合 markdown 笔记(把 markdown 看作是一种程序语言的话),vscode 的插件也不少。

这次的 vscode.dev在浏览器内打开,但支持 github 接入 和 本地文件接入。 和上述两款工具一样,用户只要授权一次,之后的体验就像本地App一样。

官网地址

https://vscode.dev/

最后

我个人希望,WebApp 能逐渐变成一种全新的工具潮流。 而这其中,本地存储是重要的一环, 用户的数据只有回到用户自己手上,才能称得上是自己的工具。

WebApp 本地文件储的机制,正如 Bangle.io 在首页描述, 这是一个 for the next dcade 的新起点。

如果大家还知道更多这类 披着网页外壳,保存本地文件的 App ,欢迎留言,分享给更多的人知道。谢谢先!

从「异步沟通」到「知识库」积累,高效地和不同人解释同一件事#猜猜是谁

我们看到最近「异步沟通」正在重新崛起。所谓「异步沟通」就是不需要大家在同一个时间一起进行同步信息的模式。传统的 电子邮件,微信聊天 都属于这种利用「异步方式」进行沟通的例子。哪怕我们在看一本书时,也算是和书籍作者的异步沟通吧。

由于疫情关系,很多人的沟通方式现在都转为了「远程会议」。然而,远程会议前要凑齐人,约好时间,大家保持一致安排的讨论,这些还是属于条件比较高的的「同步沟通」。遇上跨时区的那种会议,就更加难以安排。

另一方面,电子邮件或者文字聊天虽然算得上是经典的「异步沟通」方式,但受限于文字的表达局限,也没有办法展开更生动的沟通,尤其是那种需要对照材料进行讲解说明的沟通。最痛苦的事情在于:传统的「异步沟通」为了弥补其「生动性」,很容易变成一种没人看的长篇文档;例如:超长的电子邮件,面面俱到的说明文档,或者长篇大论的聊天记录。

我们之前介绍过 Loom 就属于让异步沟通变得生动的工具。 现在有了一款国内的新品效率工具,也是主打强化「异步沟通」,也有些可圈可点之处,今天来介绍给大家。

这款异步沟通工具名为 芦笋

「芦笋」 登场

「芦笋」由前幕布团队的小伙伴新创推出,目前还在内测中。(文末有邀请链接,可以登录体验)

「芦笋」是一款 「屏幕录制 + 讲解录制」 的 沟通工具,支持Windows/macOS 客户端。 录制的视频可以在网页端里查看和分享。

录制

我们下载客户端后,只要用账号登录即可开始录制。

录制时可选,「人像」(讲解人)和「屏幕」录制的组合。屏幕录制中,可以选择全屏或者划定的一个区域。这些都是比较基本的设定。

其中「人像」录制时,可以开启「美颜」效果,展现出自己的「另一面」。可以P到 你爹妈都不认识的程度

录制后,视频会被上传到芦笋的云上,用户可以在网页端登录后看到自己的已录制视屏列表,之后可以下载视频到本地。

实际录制 过程中,有两点还是不错的

  1. 录制后转存上传比较块,可能目前内测阶段,同时使用的用户较少的关系吧。
  2. 其它工具 例如 Loom, 在录频时有些 Windows 设备上会有 DPI 误差,实际区域和录制区域有不一致的情况,芦笋似乎没有这个问题。

评论和分享

除了可以把录好的视频分享给其他人看,或者下载到自己的电脑里面以外,芦笋的视频评论功能是个不错的亮点。

芦笋中,对于视频的评论可以是文字或者一个Emoji。

我们在网页端回放视频时,可以插入基于时间轴上某帧 的评论。 (如果是B站用户,可以想象一下B站的 视频笔记)

例如: 我们可以在0:22处插入一条评论,网页右侧就会出现评论列表,像是一个目录一样,我们点击其中的评论,可以跳回到当时的视频时间轴位置。

另外,在视频播放界面的时间轴上,会出现 Emoji 评论的 所在位置,。给人感觉更像是一个提示标签,引导我们查看重点视频片段。

其它

从 芦笋 的介绍来看,应该还会支持 更多业务用途(toB)的应用场景,例如:统计观看录制视频用户的信息,又比如企业中敏感的信息安全问题等。 不过其中不少都是付费版的事情了,暂时不做更多评论。

一些建议

芦笋的创始人也是火箭君的朋友,这里我有些建议,也趁这个机会,一并提一下:

(1)我个人很期待 自动字幕/转录文字 功能。 就是将视频里面的音频转为文字列出,有些视频会议工具已经具备此功能。海外的 Loom 虽然也有这个功能,但是目前只能识别英文语音,转录文字的效果不好。 如果 芦笋 可以将中文语音转录为文字,那么视频就能够变成另一种文档。用户可以快速浏览文字,然后再重点去观看感兴趣的视频片段。

(2)由于「异步沟通」产生的讲解可以被复用,很大程度上节约了和不同人进行反复解释的时间。而这个讲解过程如果能沉淀下来,很容易形成一种新型的「知识库」,尤其不少企业都 有大量的 文字版 培训材料,业务记录…… 这些东西让人阅读起来还是蛮费劲的。即使传统的视频记录也很浪费观看者的时间。芦笋这种时间轴评论+视频笔记的模式(如果能配合上面的自动转录文字),简直是理想的视频「知识库」。甚至,很多产品的使用说明书都可以直接用这种带片段标记的视频来解决了。

最后

由于国外的 Loom 已经被某些用户玩坏(具体不讲,可以自行到外网一看),希望国内的 芦笋 可以避免那些坑,在提供生产力的领域内,逐步顺利发展,最终期待成为「异步沟通」工具的可靠选择。

最后,对 芦笋 感兴趣的小伙伴 可以通过下面链接去注册登录。 目前还在内测,可免费使用。 免费用户有录制视频总数限制,大家注册后也能自行邀请其他小伙伴,不用客气。也希望大家能多提宝贵意见,帮助 芦笋 茁壮成长。

邀请注册链接

https://lusun.com/invite/12866