24 lines
2.2 KiB
HTML
24 lines
2.2 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" id="subtitle">Replace physical cameras</div></header>
|
|
<div class="card"><div class="card-title">Status</div><div id="status-msg" style="font-size:11px;color:#f85149;margin-bottom:6px"></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>
|
|
<div class="row"><div><label>Rotation</label><select id="rotation" class="num"><option value="0">0</option><option value="90">90</option><option value="180">180</option><option value="270">270</option></select></div></div>
|
|
<button id="btn-save" class="primary">Save Config</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-restart" class="btn warning">Restart</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 <span id="log-count" class="log-count"></span></div><div id="console" class="console"></div></div>
|
|
</div><script src="script.js"></script></body></html>
|