jory/root-virtualcam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made some good changes

Browse Source
This commit is contained in:
JorySeverijnse
2026-05-16 09:53:25 +02:00
parent 6bd51ff38b
commit 5176c9fc41
9 changed files with 344 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webroot/index.html
+12 -32
View File
@@ -1,44 +1,24 @@
<!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">
<!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 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>
<button id="btn-save" class="primary">Save</button>
</div>
<div class="card">
<div class="card-title">Controls</div>
<div class="grid">
<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</div>
<div id="console" class="console"></div>
</div>
</div>
<script src="script.js"></script>
</body></html>
</div></div>
<div class="card"><div class="card-title">Device Info <button id="btn-deviceinfo" class="btn-sm">Refresh</button></div><div id="device-info" class="device-info"><p class="muted">Tap Refresh to load</p></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>