✕ Clear all filters
14 articles

📰 Dev.to · Mason K

14 articles · Updated every 3 hours · View all reads

All Articles 99,588Blog Posts 114,769Tech Tutorials 25,143Research Papers 20,779News 15,795 ⚡ AI Lessons
Turn on CMCD: make your CDN logs explain rebuffering
Dev.to · Mason K 1w ago
Turn on CMCD: make your CDN logs explain rebuffering
TL;DR CMCD (Common Media Client Data, CTA-5004) lets your player attach its state (buffer...
Read article → + Playlist
Build scrub-bar thumbnail previews with FFmpeg and a WebVTT sprite
Dev.to · Mason K 1w ago
Build scrub-bar thumbnail previews with FFmpeg and a WebVTT sprite
TL;DR We're going to add hover-preview thumbnails (the little image that follows your...
Read article → + Playlist
Replacing a 5-service AWS video pipeline with one API call
Dev.to · Mason K 1w ago
Replacing a 5-service AWS video pipeline with one API call
TL;DR We had a video feature built on S3 + MediaConvert + CloudFront + a hand-rolled...
Read article → + Playlist
Build a video webhook handler that survives duplicates (Express + Postgres)
Dev.to · Mason K 1w ago
Build a video webhook handler that survives duplicates (Express + Postgres)
📦 Code: github.com/USER/video-webhook-receiver (replace before publishing) TL;DR We build...
Read article → + Playlist
Build a custom HLS player in React with hls.js (no wrapper libraries)
Dev.to · Mason K 3w ago
Build a custom HLS player in React with hls.js (no wrapper libraries)
TL;DR We'll build a custom HLS player on top of hls.js 1.6.x and React 19 with no wrapper...
Read article → + Playlist
Pick a better video thumbnail automatically with FFmpeg, PySceneDetect, and CLIP
Dev.to · Mason K 🛠️ AI Tools & Apps ⚡ AI Lesson 3w ago
Pick a better video thumbnail automatically with FFmpeg, PySceneDetect, and CLIP
TL;DR We'll build a pipeline that takes any video file, extracts candidate frames with...
View lesson → + Playlist
Build a video upload + HLS playback flow in Next.js 15 (with direct uploads)
Dev.to · Mason K 1mo ago
Build a video upload + HLS playback flow in Next.js 15 (with direct uploads)
TL;DR We're going to build a "user uploads a video, user watches the video" feature in a...
Read article → + Playlist
Building a shot-detection worker for an upload pipeline with PySceneDetect 0.7
Dev.to · Mason K 1mo ago
Building a shot-detection worker for an upload pipeline with PySceneDetect 0.7
📦 Code: github.com/USER/shot-detection-worker (replace before publishing) TL;DR We are...
Read article → + Playlist
Wiring VMAF (and PSNR) into your encoder CI with FFmpeg 8.1 and ffmpeg-quality-metrics
Dev.to · Mason K 1mo ago
Wiring VMAF (and PSNR) into your encoder CI with FFmpeg 8.1 and ffmpeg-quality-metrics
📦 Code: github.com/USER/encoder-qa-ci (replace before publishing) TL;DR We are going to...
Read article → + Playlist
Shipping WebVTT subtitles in HLS that actually stay in sync (a hands-on guide for 2026)
Dev.to · Mason K 1mo ago
Shipping WebVTT subtitles in HLS that actually stay in sync (a hands-on guide for 2026)
📦 Code: github.com/USER/hls-webvtt-pipeline (replace before publishing) TL;DR We are...
Read article → + Playlist
Wiring up a hybrid WebRTC + LL-HLS live stack (the protocol decision tree that actually works)
Dev.to · Mason K 1mo ago
Wiring up a hybrid WebRTC + LL-HLS live stack (the protocol decision tree that actually works)
TL;DR We're going to build a hybrid live stack: presenters connect over WebRTC for...
Read article → + Playlist
Add real video QoE telemetry to your player in an afternoon
Dev.to · Mason K 1mo ago
Add real video QoE telemetry to your player in an afternoon
📦 Code: github.com/USER/video-qoe-starter — replace before publishing. TL;DR We'll...
Read article → + Playlist
Build a per-title bitrate ladder in 80 lines of FFmpeg + VMAF
Dev.to · Mason K ⚡ AI Lesson 1mo ago
Build a per-title bitrate ladder in 80 lines of FFmpeg + VMAF
📦 Code: github.com/USER/per-title-ladder — replace before publishing. TL;DR We'll take...
View lesson → + Playlist
I tested 5 managed video APIs back-to-back — here's the rig and what shipped
Dev.to · Mason K 1mo ago
I tested 5 managed video APIs back-to-back — here's the rig and what shipped
📦 Code: github.com/USER/video-api-bakeoff — replace before publishing. TL;DR Same source...
Read article → + Playlist