> Canonical URL: https://codingcat.dev/topic/video

# Video Courses, Podcasts & Blog Posts | CodingCat.dev

🛡️ DevOps & Architecture Hub

# Video.

Developer Video Production, Streaming Protocols, HLS & Captions

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Video: Developer Video Production, Streaming Protocols, HLS & Captions.

[Search All Video Content](/search?q=Video)![Video official logo](/logos/tags/video-lockup-light.svg)![Video official logo](/logos/tags/video-lockup-dark.svg)Official Video Brand Lockup (3 Blog Posts · 4 Episodes)✏️ Video Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How Video fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## Video Courses.

[All Courses→](/courses)[![Chrome DevTools MCP: Self-Healing Agent Visual & Video Inspection](https://cdn.sanity.io/images/hfh83o0w/production/b144a4ce077ac03d081ed66396a7cffebbcdb24f-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/chrome-devtools-mcp-visual-agent-loops)November 4, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/threejs-symbol-light.svg)![](/logos/tags/threejs-symbol-dark.svg)Three.js](/topic/threejs)

### [Chrome DevTools MCP: Self-Healing Agent Visual & Video Inspection](/course/chrome-devtools-mcp-visual-agent-loops)

Give your AI agent eyes inside the browser. Use Chrome DevTools MCP so your agent inspects its own rendered video frames, WebGL canvases, and DOM layouts before exporting.

[![FFmpeg for AI Video Pipelines: Contact-Sheet Critics & Audio Mastering](https://cdn.sanity.io/images/hfh83o0w/production/9e096b31bcd2d92f9b5a57cbc93875ec8c6ce16c-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/ffmpeg-ai-video-contact-sheet-critics)November 4, 2026[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/ffmpeg-symbol-light.svg)![](/logos/tags/ffmpeg-symbol-dark.svg)FFmpeg](/topic/ffmpeg)

### [FFmpeg for AI Video Pipelines: Contact-Sheet Critics & Audio Mastering](/course/ffmpeg-ai-video-contact-sheet-critics)

Master the exact FFmpeg filtergraphs that turn raw agent frames and synthesized audio into broadcast-ready MP4s, including automated contact-sheet defect detection.

[![HyperFrames: Turning HTML & Canvas into 60fps Video for AI Agents](https://cdn.sanity.io/images/hfh83o0w/production/40ad87fae480aff0c65b6d22225ccf69217ce6e5-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/hyperframes-html-to-video-agents)November 4, 2026[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css)

### [HyperFrames: Turning HTML & Canvas into 60fps Video for AI Agents](/course/hyperframes-html-to-video-agents)

Learn how HeyGen's open-source HyperFrames compiler turns self-contained HTML, CSS, and Canvas compositions into deterministic 1080p60 videos built by AI agents.

[![Remotion Skills: Teaching AI Agents to Build Videos the Right Way](https://cdn.sanity.io/images/hfh83o0w/production/0980e327798a7bfa3580457d05953c763b3ce650-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/remotion-skills-ai-agents)November 4, 2026[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)[![](/logos/tags/remotion-symbol-light.svg)![](/logos/tags/remotion-symbol-dark.svg)Remotion](/topic/remotion)

### [Remotion Skills: Teaching AI Agents to Build Videos the Right Way](/course/remotion-skills-ai-agents)

Install and customize remotion-dev/skills so Claude Code, Cursor, and Google Antigravity write deterministic, well-paced React video compositions on the first try.

[![Remotion in Production: Building & Rendering Videos with React](https://cdn.sanity.io/images/hfh83o0w/production/c0df1c0b840ce9f8a609f92c8aba7bc7959e3fe7-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/remotion-react-video-production)November 4, 2026[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)[![](/logos/tags/remotion-symbol-light.svg)![](/logos/tags/remotion-symbol-dark.svg)Remotion](/topic/remotion)

### [Remotion in Production: Building & Rendering Videos with React](/course/remotion-react-video-production)

Turn React components into frame-accurate 60fps MP4 videos. Master Remotion Compositions, Sequences, spring physics, dynamic data props, and headless rendering.

[![Flagship 5: Automated Media Engineering & Reference Extraction with FFmpeg & yt-dlp](https://cdn.sanity.io/images/hfh83o0w/production/c812b7d1a15241fc5c1e92181f8cede796659355-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/automated-media-engineering-ffmpeg-yt-dlp-contact-sheets)November 4, 2026[![](/logos/tags/oss-symbol-light.svg)![](/logos/tags/oss-symbol-dark.svg)Open Source](/topic/oss)[![](/logos/tags/ffmpeg-symbol-light.svg)![](/logos/tags/ffmpeg-symbol-dark.svg)FFmpeg](/topic/ffmpeg)

### [Flagship 5: Automated Media Engineering & Reference Extraction with FFmpeg & yt-dlp](/course/automated-media-engineering-ffmpeg-yt-dlp-contact-sheets)

Build the backbone of an autonomous video studio. Use yt-dlp and FFmpeg to extract reference visual grammars, normalize audio to -14 LUFS, generate 6-across critique contact sheets, and master 1080p60 MP4s.

## Video Blog Posts.

Showing 3 of 3 blog postsFiltered: Video[Open Full Topic Hub →](/topic/video)[![Alex Patterson next to a dark-mode architecture diagram of 3D AJ and the 14 open-source video repositories](https://cdn.sanity.io/images/hfh83o0w/production/1a6c5bade322565ed55c3d0999dfe3c0332055c4-1376x768.png?w=1376&q=82&fit=max&auto=format)](/post/14-open-source-repos-code-driven-video-how-we-built-3d-aj)November 4, 2026[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/video-symbol-light.svg)![](/logos/tags/video-symbol-dark.svg)Video](/topic/video)

### [The 14 Open-Source Repos Powering Code-Driven Video in 2026: How We Built 3D AJ the Cat](/post/14-open-source-repos-code-driven-video-how-we-built-3d-aj)

Why viral 'one-prompt' AI videos are actually 9,500-character production harnesses backed by deterministic frame functions, closed-form springs, and contact-sheet critique loops. Here is the full architectural breakdown of all 14 open-source repos and how we used them to build our interactive 3D AJ the Cat mascot and Course Factory.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![AWS Amplify Video](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/fef737e0e6b97819ae74804020afe80d5a85c3ed-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/aws-amplify-video)May 31, 2022[![](/logos/amplify/amplify.svg)![](/logos/amplify/amplify.svg)AWS Amplify](/topic/amplify)[![](/logos/tags/aws-symbol-light.svg)![](/logos/tags/aws-symbol-dark.svg)AWS](/topic/aws)

### [AWS Amplify Video](/post/aws-amplify-video)

How to easily add Video for Livestreaming or Video on Demand to your next Amplify project.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![How to achieve 16:9 resolution while using Divvy on a Mac](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ada94a15455f9eb7527bd88eff6330802f323896-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/post/how-to-achieve-16-9-resolution-while-using-divvy-on-a-mac)March 19, 2022[![](/logos/tags/video-symbol-light.svg)![](/logos/tags/video-symbol-dark.svg)Video](/topic/video)

### [How to achieve 16:9 resolution while using Divvy on a Mac](/post/how-to-achieve-16-9-resolution-while-using-divvy-on-a-mac)

Perfecting screen capture for HD videos on a Mac, using Divvy. Download your own template.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded

## Video Podcast Episodes.

Showing 4 of 4 episodesFiltered: Video[Open Full Topic Hub →](/topic/video)[![Autoshow - Automatic Show Notes for Podcasts and Videos](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/7ce952a3cc876ae1616a9b16bf979c195e93c2c7-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/automatic-show-notes-for-podcasts-and-videos)March 5, 2025[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/video-symbol-light.svg)![](/logos/tags/video-symbol-dark.svg)Video](/topic/video)

### [Autoshow - Automatic Show Notes for Podcasts and Videos](/podcast/automatic-show-notes-for-podcasts-and-videos)

Anthony is back, join us for a fun chat on coding, dev tools, and AI!

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Anthony Campolo](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/fd761ba9c31650f505efc96d02664fdd6cb7fdf2-460x460.jpg?w=96&h=96&q=82&fit=max&auto=format)Anthony Campolo](/guest/anthony-campolo)[![Video Tap: Automate Your Video Marketing with Chris Sev](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d1d07eed9126f3861849491374fa6b22662bd16c-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/video-tap-automate-your-video-marketing-with-chris-sev)June 3, 2024[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/video-symbol-light.svg)![](/logos/tags/video-symbol-dark.svg)Video](/topic/video)

### [Video Tap: Automate Your Video Marketing with Chris Sev](/podcast/video-tap-automate-your-video-marketing-with-chris-sev)

Join us as Chris Sev shares his dev journey, insights on building Scotch IO, and his exciting new AI tool, Video Tap.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Chris Sev](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e412a938dfbe128ff74bfe5ef870fe4bf440a328-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Chris Sev](/guest/chris-sev)[![Secure Coding - Beyond the Surface with Snyk](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6127d25fa882d60d49af6fb0a4cc236103b9652d-1280x720.jpg?w=1280&q=82&fit=max&auto=format)](/podcast/secure-coding-beyond-the-surface-with-snyk)February 26, 2024[![](/logos/tags/video-symbol-light.svg)![](/logos/tags/video-symbol-dark.svg)Video](/topic/video)

### [Secure Coding - Beyond the Surface with Snyk](/podcast/secure-coding-beyond-the-surface-with-snyk)

Secure your code with Snyk. Explore coding best practices and vulnerabilities in this informative video. Join us for a deep dive. Watch, comment, and share!

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brian Clark](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/7cbd1af3246ce9331253c0d731a5d91e82fb08db-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Brian Clark](/guest/brian-clark)[![VDO Ninja woes and Overlay Setup](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/385d3cd111fde0eda51578e715d0830ba2d695fc-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/vdo-ninja-woes-and-overlay-setup)July 9, 2022[![](/logos/tags/video-symbol-light.svg)![](/logos/tags/video-symbol-dark.svg)Video](/topic/video)

### [VDO Ninja woes and Overlay Setup](/podcast/vdo-ninja-woes-and-overlay-setup)

Trying to setup Video Ninja, I wouldn't watch this if I were you!

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma (Guest)](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e2b1a2cb43955aff95f9cd030bd91a1d46bda126-1000x1000.jpg?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma (Guest)](/guest/brittney-postma-guest)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded