Web🌐TurboMeet:一个基于WebRTC实现的视频会议全栈开发项目一个基于 WebRTC 实现的视频会议的全栈开发项目,支持音频,视频,共享屏幕,消息发送的方式来进行交互。同时项目是基于TypeScript的全栈开发,并使用 pnpm monorepo 进行项目管理 Next WebRTC TypeScript Fastify Mediasoup
Web🌌Mediasoup 的使用Mediasoup 由应用层和数据处理层组成。应用层是通过 Node.js 实现的;数据处理层由 C++ 语言实现,包括 DTLS 协议实现、ICE 协议实现、SRTP/SRTCP 协议实现、路由转发等。 Streaming Mediasoup
Project🏑TurboMac 项目该项目主要是一个仿 Mac 的系统,全部使用的 TypeScript 书写,使用 了一些前端的新技术,实现的功能包括顶部状态栏,App 的使用,如 Terminal、 TurboChat 等其他应用 TypeScript NodeJS NestJS React ORM Next Docker
Web🕓图片懒加载 — IntersectionObserver• 当页面滚动时,懒加载图片或其他内容。 • 实现“可无限滚动”网站,也就是当用户滚动网页时直接加载更多内容,无需翻页。 • 对某些元素进行埋点曝光 • 滚动到相应区域来执行相应动画或其他任务。 Tools IntersectionObserver
Web🩺WebRTC 实时音视频 1v1• 学会如何制作 https 的自签名证书 • 学会使用 socket.io 来实现客户端与信令服务器的通信 • 了解并实现一个 WebRTC + 信令服务器自动建立连接的音视频实时通话 NodeJS WebRTC