StreamCap is a lightweight, browser-based application that allows you to easily view, capture screenshots, and record video from your Capture Device. Perfect for streamers, content creators, or anyone who needs quick access to their Capture Device feed without installing additional software.
- Live Preview: View your webcam or capture card feed directly in your browser
- Screenshot Capture: Take instant snapshots with a single click
- Video Recording: Record video from any connected device
- Device Selection: Choose from available audio and video input devices
- Quality Control: Select resolution and framerate for optimal performance
- Responsive Design: Works on desktop and mobile devices
- No Installation: Runs entirely in your web browser
- Node.js
- npm or yarn
-
Clone this repository
git clone https://github.com/taichikuji/streamcap.git cd streamcap -
Install dependencies
npm install # or yarn -
Start the development server
npm run dev # or yarn dev -
Open your browser and navigate to
http://localhost:1234
npm run build
# or
yarn buildThe built files will be available in the dist directory.
This project is set up for easy deployment to Netlify. The included netlify.toml file contains all necessary configuration.
| Browser | Status |
|---|---|
| Chrome / Edge (Linux, Windows, macOS) | Fully supported |
| Firefox (all platforms) | Supported — resolution/framerate detection uses settings fallback since Firefox lacks getCapabilities() |
| Safari 14.6+ (macOS, iOS) | Supported — records to MP4 (Safari doesn't support WebM recording); playsinline enabled for iOS autoplay |
StreamCap relies on
getUserMedia,MediaRecorder, andMediaStreamTrack.getCapabilities(). Chromium-based browsers expose the richest capability data for USB capture devices. Firefox and Safari use graceful fallbacks.
Contributions, issues and feature requests are welcome! Feel free to check the issues page.