2022年哪些前端技术会火？( 四 ) _前端技术

2017年11月： W3C WebRTC 1.0 草案正式定稿。

2021年1月： WebRTC 被 W3C 和 IETF 发布为正式标准（见《WebRTC 1.0: Real-Time Communication Between Browsers》）。

文章插图

主流浏览器都支持 WebRTC 标准 API ，因此也让浏览器之间无插件化的音视频互通成为可能，大大降低了音视频开发的门槛，开发者只需要调用 WebRTC API 即可快速构建出音视频应用。
【2022年哪些前端技术会火？】更多关于WebRTC文章
《开源实时音视频技术WebRTC的现状》《简述开源实时音视频技术WebRTC的优缺点》
《访谈WebRTC标准之父：WebRTC的过去、现在和未来》
《[良心分享：WebRTC 零基础开发者教程（中文）附件下载]》
《WebRTC实时音视频技术的整体架构介绍》
《新手入门：到底什么是WebRTC服务器，以及它是如何联接通话的？》
《WebRTC实时音视频技术基础：基本架构和协议栈》
《浅谈开发实时视频直播平台的技术要点》
Chrome97发布，QUIC协议到来一周前，Chrome 97发布，最大的亮点是WebTransport，得益于强大的QUIC协议，WebTranport可以提供更强更快的双向通信能力，有望用于游戏、直播、视频会议等低延时场景。
双向通信协议
底层协议
优点
缺点
WebSocket
TCP/TLS
技术成熟，使用简单
TCP头部阻塞，不支持不可靠无序通信，不适用于低延时场景
WebRTC data channels
SCTP/DTLS/ICE/UDP
可以用于适合P2P场景
使用难度大，不适用于Client/Server通信
WebTransport
HTTP/3（QUIC/UDP）或者HTTP/2（TLS/TCP）
延时更低，没有头部阻塞问题，适用场景更多
尚未成为正式标准
WebTransport默认使用HTTP/3，同时使用HTTP/2作为备胎。

文章插图

提供类似于TCP的可靠通信，处理丢包、拥塞等网络异常情况；
基于TLS/1.3进行加密，保证通信的安全性，同时避免中间节点干扰导致协议僵化；
提供类似于HTTP/2的多路复用能力，在网络传输层增加了流的概念，解决了TCP协议的头部阻塞问题；

文献地址
协作神秘面纱OT算法的普及我在2016年就全栈设计了文档系统，目前在公司内部已发展了5个年头，且已成为默认的Wiki知识库系统。但由于是业余维护一直没有更改原有的Websocket锁模式，也规划22年一定要重构一版完成实时协作的能力。当然，目前协作已经过时不再新鲜了，而背后的OT算法缺悄悄活了起来，已被应用到各种场景。在线图片实时协作，项目实时协作，甚至视频编辑也加入了OT 。
OT算法的关键技术点为：定义原子操作，版本确认机制，操作转换，客户端状态转移。有点懵是吧？为了能让大家通俗易懂，我也绞尽脑汁了，以下是通过可视化演示一下OT的魅力。