Build Your Own Video Sharing App – Loom Clone with Next.js and Mux JavaScript Tutorial
Learn how to build a video sharing Loom clone using Next.js and Mux. Code: https://github.com/beaucarnes/screen-recorder ✏️ Course created by @beau Check out Mux: https://www.mux.com/ Mux provided a grant to make this course possible. ⭐️ Contents ⭐️ – 0:00:00 Course Introduction & Building a Loom Clone – 0:00:13 Why Video is Hard: Encoding, Codecs, and Large Files – 0:00:52 Understanding HLS & Adaptive Bitrate Streaming (ABR) – 0:01:43 How Mux Solves Video Infrastructure – 0:02:06 Project Roadmap: Features & AI Integration – 0:02:45 Architecture: Server Relay vs. Direct Upload – 0:03:25 The Direct Upload Flow Explained – 0:04:06 Initializing the Next.js 15 Project – 0:04:51 Installing Dependencies: Mux SDK & Lucide React – 0:05:40 Setting Up Mux API Tokens & Permissions – 0:06:55 Creating Server Actions for Mux Integration – 0:08:23 Configuring Upload Settings & Asset Quality Tiers – 0:10:44 Implementing Video Status Polling – 0:12:17 Fetching & Parsing VTT Transcripts – 0:16:10 Buildi
Watch on freeCodeCamp.org
Opens in a new tab




