The latest articles on DEV Community by Tyrone Marhguy (@tmarhguy). https://dev.to/tmarhguy https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3251954%2Ff067d7cf-ae1b-41b0-a3b4-0e406dc60058.jpg https://dev.to/tmarhguy en Tyrone Marhguy Sun, 20 Sep 2026 02:56:53 +0000 https://dev.to/tmarhguy/frameport-hdmi-capture-directly-inside-vs-code-474n https://dev.to/tmarhguy/frameport-hdmi-capture-directly-inside-vs-code-474n <p>Hi everyone!</p> <p>I'm a college junior, and I built <strong>FramePort</strong> while working on Tomato, my custom 32-bit computer with a dual-LUT ALU running on an Artix-7 FPGA.</p> <p>I wanted to see its HDMI output beside my assembly code without constantly switching to OBS. So I built a VS Code extension that brings live video capture directly into the editor.</p> <p>FramePort supports HDMI capture cards, cameras, and other compatible video sources, with features including:</p> <ul> <li>Live video preview with adjustable scaling</li> <li>Screenshot capture</li> <li>Silent MP4 recording</li> </ul> <p>Although I originally built it for Tomato, I figured it could also be useful for Raspberry Pi projects, embedded systems, and other hardware-development workflows.</p> <p><strong>Here's FramePort running alongside Tomato's assembly code:</strong></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fc8cp8fczrw1rb7hu170h.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fc8cp8fczrw1rb7hu170h.gif" alt=" " width="480" height="270"></a></p> <p>FramePort is now available on Open VSX as a public preview for macOS. It requires FFmpeg and a compatible capture device.</p> <p><strong>Try FramePort:</strong> <a href="https://open-vsx.org/extension/tmarhguy/frameport" rel="noopener noreferrer">https://open-vsx.org/extension/tmarhguy/frameport</a></p> <p><strong>Source code:</strong> <a href="https://github.com/tmarhguy/frameport" rel="noopener noreferrer">https://github.com/tmarhguy/frameport</a></p> <p>I'd love feedback from anyone interested in testing FramePort or contributing to its development!</p> vscode raspberrypi devtools