✕ Clear all filters
28 articles
▶ Videos →

📰 Dev.to · Mason K

28 articles · Updated every 3 hours · View all reads

All Articles 129,888Blog Posts 134,416Tech Tutorials 33,574Research Papers 25,163News 18,375 ⚡ AI Lessons
Ship a 'Go Live' button: OBS in, LL-HLS out, webhooks in between
Dev.to · Mason K 1w ago
Ship a 'Go Live' button: OBS in, LL-HLS out, webhooks in between
TL;DR We're adding live streaming to a SaaS dashboard: a backend endpoint that creates a...
Playing HLS through Managed Media Source on iPhone with hls.js
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
Playing HLS through Managed Media Source on iPhone with hls.js
TL;DR iPhone Safari never supported Media Source Extensions, so JS-driven players fell...
Force keyframe-aligned GOPs across an ABR ladder with FFmpeg
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
Force keyframe-aligned GOPs across an ABR ladder with FFmpeg
TL;DR If your stream hitches on quality switches but shows zero rebuffering, your ABR...
Build resumable video uploads with tus, Node, and tus-js-client
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
Build resumable video uploads with tus, Node, and tus-js-client
TL;DR A single multipart POST throws away the whole upload when the connection blinks....
Ship multi-language audio in HLS: author the manifest, wire the hls.js switcher
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
Ship multi-language audio in HLS: author the manifest, wire the hls.js switcher
📦 Code: github.com/USER/hls-multi-audio - replace before publishing TL;DR We'll add a...
Benchmark NVENC vs CPU transcoding (and find your real break-even) with FFmpeg
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
Benchmark NVENC vs CPU transcoding (and find your real break-even) with FFmpeg
📦 Code: github.com/USER/nvenc-vs-cpu-bench - replace before publishing TL;DR A GPU...
5 video APIs compared on what's included before you pay extra (2026)
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
5 video APIs compared on what's included before you pay extra (2026)
📦 Code: github.com/USER/video-api-bench - replace before publishing TL;DR The per-minute...
Build a UGC video moderation pipeline with FFmpeg + NudeNet
Dev.to · Mason K 💻 AI-Assisted Coding ⚡ AI Lesson 2w ago
Build a UGC video moderation pipeline with FFmpeg + NudeNet
TL;DR If your product lets strangers upload video, you need moderation before launch, not...
FFmpeg HDR to SDR tone mapping that doesn't look washed out (2026)
Dev.to · Mason K ⚡ AI Lesson 2w ago
FFmpeg HDR to SDR tone mapping that doesn't look washed out (2026)
TL;DR Converting HDR10 to SDR with a naive FFmpeg command gives you grey, washed-out...
Media over QUIC in 2026: a hands-on intro for web devs
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2w ago
Media over QUIC in 2026: a hands-on intro for web devs
TL;DR Media over QUIC (MoQ) is an IETF pub/sub transport for live media running over QUIC...
Turn on CMCD: make your CDN logs explain rebuffering
Dev.to · Mason K 1mo 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...
Build scrub-bar thumbnail previews with FFmpeg and a WebVTT sprite
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 1mo 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...
Replacing a 5-service AWS video pipeline with one API call
Dev.to · Mason K 1mo 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...
Build a video webhook handler that survives duplicates (Express + Postgres)
Dev.to · Mason K 1mo 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...
Build a custom HLS player in React with hls.js (no wrapper libraries)
Dev.to · Mason K 1mo 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...
Pick a better video thumbnail automatically with FFmpeg, PySceneDetect, and CLIP
Dev.to · Mason K 🛠️ AI Tools & Apps ⚡ AI Lesson 1mo 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...
Build a video upload + HLS playback flow in Next.js 15 (with direct uploads)
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 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...
Building a shot-detection worker for an upload pipeline with PySceneDetect 0.7
Dev.to · Mason K 2mo 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...
Wiring VMAF (and PSNR) into your encoder CI with FFmpeg 8.1 and ffmpeg-quality-metrics
Dev.to · Mason K 2mo 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...
Shipping WebVTT subtitles in HLS that actually stay in sync (a hands-on guide for 2026)
Dev.to · Mason K 📣 Digital Marketing & Growth ⚡ AI Lesson 2mo 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...