Complete Next.js application for managing OBS Source Switcher - Stream management with multiple screen layouts - Team management CRUD operations - SQLite database integration - OBS WebSocket API integration - Updated to latest versions (Next.js 15.4.1, React 19.1.0, Tailwind CSS 4.0.0) - Enhanced .gitignore for privacy and development
196 lines
No EOL
5.7 KiB
TypeScript
196 lines
No EOL
5.7 KiB
TypeScript
import { NextRequest, NextResponse } from 'next/server';
|
|
import { getDatabase } from '../../../lib/database';
|
|
import { connectToOBS, getOBSClient, disconnectFromOBS, addSourceToSwitcher } from '../../../lib/obsClient';
|
|
|
|
interface OBSClient {
|
|
call: (method: string, params?: Record<string, unknown>) => Promise<Record<string, unknown>>;
|
|
}
|
|
|
|
interface OBSScene {
|
|
sceneName: string;
|
|
}
|
|
|
|
interface OBSInput {
|
|
inputName: string;
|
|
}
|
|
|
|
interface GetSceneListResponse {
|
|
currentProgramSceneName: string;
|
|
currentPreviewSceneName: string;
|
|
scenes: OBSScene[];
|
|
}
|
|
|
|
interface GetInputListResponse {
|
|
inputs: OBSInput[];
|
|
}
|
|
const screens = [
|
|
'ss_large',
|
|
'ss_left',
|
|
'ss_right',
|
|
'ss_top_left',
|
|
'ss_top_right',
|
|
'ss_bottom_left',
|
|
'ss_bottom_right',
|
|
];
|
|
|
|
async function fetchTeamName(teamId: number) {
|
|
try {
|
|
const baseUrl = process.env.BASE_URL || 'http://localhost:3000';
|
|
const response = await fetch(`${baseUrl}/api/getTeamName?team_id=${teamId}`);
|
|
if (!response.ok) {
|
|
throw new Error('Failed to fetch team name');
|
|
}
|
|
const data = await response.json();
|
|
return data.team_name;
|
|
} catch (error) {
|
|
if (error instanceof Error) {
|
|
console.error('Error:', error.message);
|
|
} else {
|
|
console.error('An unknown error occurred:', error);
|
|
}
|
|
return null;
|
|
}
|
|
}
|
|
|
|
async function addBrowserSourceWithAudioControl(obs: OBSClient, sceneName: string, inputName: string, url: string) {
|
|
try {
|
|
// Step 1: Create the browser source input
|
|
await obs.call('CreateInput', {
|
|
sceneName,
|
|
inputName,
|
|
inputKind: 'browser_source',
|
|
inputSettings: {
|
|
width: 1600,
|
|
height: 900,
|
|
url,
|
|
},
|
|
});
|
|
|
|
console.log(`Browser source "${inputName}" created successfully.`);
|
|
|
|
// Step 2: Wait for the input to initialize
|
|
let inputReady = false;
|
|
for (let i = 0; i < 10; i++) {
|
|
try {
|
|
await obs.call('GetInputSettings', { inputName });
|
|
inputReady = true;
|
|
break;
|
|
} catch {
|
|
console.log(`Waiting for input "${inputName}" to initialize...`);
|
|
await new Promise((resolve) => setTimeout(resolve, 500)); // Wait 500ms before retrying
|
|
}
|
|
}
|
|
|
|
if (!inputReady) {
|
|
throw new Error(`Input "${inputName}" did not initialize in time.`);
|
|
}
|
|
|
|
|
|
// Step 3: Enable "Reroute audio"
|
|
await obs.call('SetInputSettings', {
|
|
inputName,
|
|
inputSettings: {
|
|
reroute_audio: true,
|
|
},
|
|
overlay: true, // Keep existing settings and apply changes
|
|
});
|
|
|
|
console.log(`Audio rerouted for "${inputName}".`);
|
|
|
|
// Step 4: Mute the input
|
|
await obs.call('SetInputMute', {
|
|
inputName,
|
|
inputMuted: true,
|
|
});
|
|
|
|
console.log(`Audio muted for "${inputName}".`);
|
|
} catch (error) {
|
|
if (error instanceof Error) {
|
|
console.error('Error adding browser source with audio control:', error.message);
|
|
} else {
|
|
console.error('An unknown error occurred while adding browser source:', error);
|
|
}
|
|
}
|
|
}
|
|
|
|
export async function POST(request: NextRequest) {
|
|
try {
|
|
const body = await request.json();
|
|
const { name, obs_source_name, url, team_id } = body;
|
|
|
|
if (!name || !obs_source_name || !url) {
|
|
return NextResponse.json({ error: 'Missing required fields' }, { status: 400 });
|
|
}
|
|
|
|
// Connect to OBS WebSocket
|
|
console.log("Pre-connect")
|
|
await connectToOBS();
|
|
console.log('Pre client')
|
|
const obs: OBSClient = await getOBSClient();
|
|
// obs.on('message', (msg) => {
|
|
// console.log('Message from OBS:', msg);
|
|
// });
|
|
let inputs;
|
|
try {
|
|
const response = await obs.call('GetInputList');
|
|
const inputListResponse = response as unknown as GetInputListResponse;
|
|
inputs = inputListResponse.inputs;
|
|
// console.log('Inputs:', inputs);
|
|
} catch (err) {
|
|
if (err instanceof Error) {
|
|
console.error('Failed to fetch inputs:', err.message);
|
|
} else {
|
|
console.error('Failed to fetch inputs:', err);
|
|
}
|
|
throw new Error('GetInputList failed.');
|
|
}
|
|
const teamName = await fetchTeamName(team_id);
|
|
console.log('Team Name:', teamName)
|
|
const response = await obs.call('GetSceneList');
|
|
const sceneListResponse = response as unknown as GetSceneListResponse;
|
|
const { scenes } = sceneListResponse;
|
|
const groupExists = scenes.some((scene: OBSScene) => scene.sceneName === teamName);
|
|
if (!groupExists) {
|
|
await obs.call('CreateScene', { sceneName: teamName });
|
|
}
|
|
|
|
const sourceExists = inputs.some((input: OBSInput) => input.inputName === obs_source_name);
|
|
|
|
if (!sourceExists) {
|
|
await addBrowserSourceWithAudioControl(obs, teamName, obs_source_name, url)
|
|
|
|
console.log(`OBS source "${obs_source_name}" created.`);
|
|
|
|
for (const screen of screens) {
|
|
try {
|
|
await addSourceToSwitcher(screen, [
|
|
{ hidden: false, selected: false, value: obs_source_name },
|
|
]);
|
|
} catch (error) {
|
|
if (error instanceof Error) {
|
|
console.error(`Failed to add source to ${screen}:`, error.message);
|
|
} else {
|
|
console.error(`Failed to add source to ${screen}:`, error);
|
|
}
|
|
}
|
|
}
|
|
|
|
} else {
|
|
console.log(`OBS source "${obs_source_name}" already exists.`);
|
|
}
|
|
|
|
const db = await getDatabase();
|
|
const query = `INSERT INTO streams_2025_spring_adr (name, obs_source_name, url, team_id) VALUES (?, ?, ?, ?)`;
|
|
db.run(query, [name, obs_source_name, url, team_id])
|
|
await disconnectFromOBS();
|
|
return NextResponse.json({ message: 'Stream added successfully' }, {status: 201})
|
|
} catch (error) {
|
|
if (error instanceof Error) {
|
|
console.error('Error adding stream:', error.message);
|
|
} else {
|
|
console.error('An unknown error occurred while adding stream:', error);
|
|
}
|
|
await disconnectFromOBS();
|
|
return NextResponse.json({ error: 'Failed to add stream' }, { status: 500 });
|
|
}
|
|
} |