Web🌐TurboMeet:一个基于WebRTC实现的视频会议全栈开发项目一个基于 WebRTC 实现的视频会议的全栈开发项目,支持音频,视频,共享屏幕,消息发送的方式来进行交互。同时项目是基于TypeScript的全栈开发,并使用 pnpm monorepo 进行项目管理 Next WebRTC TypeScript Fastify Mediasoup
Web🌌Mediasoup 的使用Mediasoup 由应用层和数据处理层组成。应用层是通过 Node.js 实现的;数据处理层由 C++ 语言实现,包括 DTLS 协议实现、ICE 协议实现、SRTP/SRTCP 协议实现、路由转发等。 Streaming Mediasoup
Web🕓图片懒加载 — IntersectionObserver• 当页面滚动时,懒加载图片或其他内容。 • 实现“可无限滚动”网站,也就是当用户滚动网页时直接加载更多内容,无需翻页。 • 对某些元素进行埋点曝光 • 滚动到相应区域来执行相应动画或其他任务。 Tools IntersectionObserver
Web🩺WebRTC 实时音视频 1v1• 学会如何制作 https 的自签名证书 • 学会使用 socket.io 来实现客户端与信令服务器的通信 • 了解并实现一个 WebRTC + 信令服务器自动建立连接的音视频实时通话 NodeJS WebRTC
Web⚾手写 p-limit —— 实现并发控制p-limit 用于实现并发控制,限制同时进行的异步操作数量。通常用于处理前端代码中的异步逻辑,可以控制并发的数量,避免一次性进行太多的异步操作导致性能问题。 JavaScript