c28baa9e44
- Refactor Add Stream page to match Teams page layout with glass panels - Rename "Add Stream" to "Streams" in navigation and page title - Add existing streams display with loading states and empty state - Implement unified design system with modern glass morphism styling - Add Header and Footer components with OBS status monitoring - Update global CSS with comprehensive component styling - Consolidate client components into main page files - Add real-time OBS connection status with 30-second polling 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .github/workflows | ||
| app | ||
| components | ||
| lib | ||
| public | ||
| scripts | ||
| styles | ||
| types | ||
| .eslintrc.json | ||
| .gitignore | ||
| CLAUDE.md | ||
| config.js | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| postcss.config.mjs | ||
| README.md | ||
| tailwind.config.js | ||
| tailwind.config.ts | ||
| testObs.js | ||
| tsconfig.json | ||
This is a Next.js app to control multiple OBS Source Switchers
Configuration
The application uses a configurable directory for storing files and the database. To update the directory: create .env.local in the root of the project.
.env.local should look like:
FILE_DIRECTORY=C:\\OBS\\source-switching
If no .env.local file is created, it will default to ./files, as seen in config.js
const config = {
FILE_DIRECTORY: path.resolve('./files'),
};
In the "Source Switcher" properties in OBS, at the bottom, is a setting called Current Source File. Enable that, point it to the location of one of the text files, and put the read interval to 1000ms. Your source will change whenever the text file changes to a source that is defined in the Source Switcher properties
The list of available sources is defined in a SQLite3 DB, location set in the api/setActive.ts route.
npm install and
npm run dev to run it.
This is my first Next.js app and I am not a Javascript Developer professionally, use at your own risk.