Anton from Canva's Collaboration team discusses the implementation of real-time mouse pointers for the company's whiteboard product. Initially developed using WebSockets and Redis for backend-centric architecture, the system supported millions of users. To further reduce latency and backend load, the final architecture transitioned to WebRTC, leveraging peer-to-peer connections for better scalability and responsiveness. WebRTC offers lower latency and higher throughput, ideal for real-time applications, though it introduces additional complexity on the frontend.

16m read timeFrom canva.dev
Post cover image
Table of contents
Project milestonesMilestone 1. Backend-centric architectureMilestone 2. WebRTC implementationConclusionAcknowledgements
2 Comments

Sort: