44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<!DOCTYPE html><html lang="en"><head>
|
|
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<title>Virtual Camera</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head><body>
|
|
<div class="container">
|
|
<header><div class="title">Virtual Camera</div><div class="subtitle">Replace physical cameras</div></header>
|
|
<div class="card">
|
|
<div class="card-title">Status</div>
|
|
<div class="dashboard" id="status-dash"></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-title">Video Source</div>
|
|
<div class="source-selector">
|
|
<button class="src-btn active" data-src="rtsp">RTSP</button>
|
|
<button class="src-btn" data-src="mp4">MP4</button>
|
|
</div>
|
|
<div id="rtsp-config"><label>RTSP URL</label><input type="text" id="rtsp-url" placeholder="rtsp://192.168.1.100:8554/stream"></div>
|
|
<div id="mp4-config" class="hidden"><label>MP4 Path</label><input type="text" id="mp4-path" placeholder="/sdcard/Download/video.mp4"></div>
|
|
<div class="row">
|
|
<div><label>Width</label><input type="number" id="res-w" value="1920" class="num"></div>
|
|
<div><label>Height</label><input type="number" id="res-h" value="1080" class="num"></div>
|
|
<div><label>FPS</label><input type="number" id="fps" value="30" class="num"></div>
|
|
</div>
|
|
<button id="btn-save" class="primary">Save</button>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-title">Controls</div>
|
|
<div class="grid">
|
|
<button id="btn-start" class="btn">Start Provider</button>
|
|
<button id="btn-stop" class="btn danger">Stop</button>
|
|
<button id="btn-feed" class="btn">Start Feeder</button>
|
|
<button id="btn-unfeed" class="btn danger">Stop Feeder</button>
|
|
<button id="btn-refresh" class="btn">Refresh</button>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-title">Log</div>
|
|
<div id="console" class="console"></div>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body></html>
|