mirror of
https://github.com/EliasKotlyar/Xiaomi-Dafang-Hacks.git
synced 2025-09-09 15:40:45 +02:00
Finish cam settings, motion detection & soft night
This commit is contained in:
gysmo38
Julian Tatsch
@@ -1,5 +1,7 @@
|
||||
<div class="w3-panel w3-card">
|
||||
<form class="w3-container" onsubmit="saveConfig();return false" id="camera">
|
||||
<h1>Camera configuration</h1>
|
||||
<!-- Tab menu -->
|
||||
<div class="w3-row">
|
||||
<a href="javascript:void(0)" onclick="openTab(event, 'video');">
|
||||
<div class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding w3-border-theme">Video</div>
|
||||
@@ -7,79 +9,264 @@
|
||||
<a href="javascript:void(0)" onclick="openTab(event, 'audio');">
|
||||
<div class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding">Audio</div>
|
||||
</a>
|
||||
<a href="javascript:void(0)" onclick="openTab(event, 'timelapse');">
|
||||
<div class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding">Timelapse</div>
|
||||
</a>
|
||||
<a href="javascript:void(0)" onclick="openTab(event, 'osd');">
|
||||
<div class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding">OSD</div>
|
||||
</a>
|
||||
<a href="javascript:void(0)" onclick="openTab(event, 'led');">
|
||||
<div class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding">LED</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="video" class="w3-container tab">
|
||||
<form class="w3-container" onsubmit="return false;">
|
||||
<p></p>
|
||||
<button class="accordion">Settings</button>
|
||||
<div class="panel">
|
||||
<p></p>
|
||||
<label>Video size</label>
|
||||
<input id="hostname" class="w3-input" type="text">
|
||||
<br />
|
||||
<label>Bitrate</label>
|
||||
<input id="hostname" class="w3-input" type="text">
|
||||
<br />
|
||||
<label>Format</label>
|
||||
<input id="hostname" class="w3-input" type="text">
|
||||
<br />
|
||||
<label>Frame rate (images per secondes)</label>
|
||||
<input id="hostname" class="w3-input" type="text">
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<button class="accordion">Auto Night</button>
|
||||
<div class="panel">
|
||||
<p></p>
|
||||
<label>Auto Night mode</label>
|
||||
<select id="timezone" class="w3-select" name="option">
|
||||
<option>Hardware</option>
|
||||
<option>Software</option>
|
||||
</select>
|
||||
<br />
|
||||
<label>Use average measurement on switching.
|
||||
|
||||
Number of measurements</label>
|
||||
<select id="timezone" class="w3-select" name="option">
|
||||
<option>Hardware</option>
|
||||
<option>Software</option>
|
||||
</select>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<button class="accordion">Timelapse Settings</button>
|
||||
<div class="panel">
|
||||
<p>Lorem ipsum...</p>
|
||||
</div>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<div id="audio" class="w3-container tab" style="display:none">
|
||||
<h2>Audio</h2>
|
||||
<p>Paris is the capital of France.</p>
|
||||
</div>
|
||||
|
||||
<div id="osd" class="w3-container tab" style="display:none">
|
||||
<h2>OSD</h2>
|
||||
<p>Tokyo is the capital of Japan.</p>
|
||||
</div>
|
||||
<div id="pantilt" class="w3-container tab" style="display:none">
|
||||
<h2>PAN/Tilt</h2>
|
||||
<p>Tokyo is the capital of Japan.</p>
|
||||
</div>
|
||||
<div id="led" class="w3-container tab" style="display:none">
|
||||
<h2>led</h2>
|
||||
<p>Tokyo is the capital of Japan.</p>
|
||||
</div>
|
||||
<button class="w3-btn w3-theme" >Save</button>
|
||||
<!-- Tab video -->
|
||||
<div id="video" class="w3-container tab">
|
||||
|
||||
<p></p>
|
||||
<!-- Setting accordion-->
|
||||
<button class="accordion" type='button'>Resolution</button>
|
||||
<div class="panel">
|
||||
<p></p>
|
||||
<label>Video size</label>
|
||||
<select id="videoSize" class="w3-select" name="option">
|
||||
<option value="-W640 -H360">640x360</option>
|
||||
<option value="-W768 -H432">768x432</option>
|
||||
<option value="-W960 -H540">960x540</option>
|
||||
<option value="-W1280 -H720">1280x720</option>
|
||||
<option value="-W1600 -H900">1600x900</option>
|
||||
<option value="-W1920 -H1080">1920x1080</option>
|
||||
</select>
|
||||
<p></p>
|
||||
<label>Bitrate (kbps)</label>
|
||||
<input id="bitRate" class="w3-input" type="text">
|
||||
<p></p>
|
||||
<label>Format</label>
|
||||
<select id="format" class="w3-select" name="option">
|
||||
<option value="0">FixedQp</option>
|
||||
<option value="1">CBR</option>
|
||||
<option value="2">VBR</option>
|
||||
<option value="3">SMART</option>
|
||||
</select>
|
||||
<p></p>
|
||||
<label>Frame rate (images per secondes)</label>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-half">
|
||||
<label>Images</label>
|
||||
<input id="frmRateNum" class="w3-input" type="text">
|
||||
</div>
|
||||
<div class="w3-half">
|
||||
<label>Secondes</label>
|
||||
<input id="frmRateDen" class="w3-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
</div>
|
||||
<!-- Network / Security accordion -->
|
||||
<button class="accordion" type='button'>Network / Security</button>
|
||||
<div class="panel">
|
||||
<p></p>
|
||||
<label>Username</label>
|
||||
<input id="videoUser" class="w3-input" type="text">
|
||||
<br />
|
||||
<label>Password</label>
|
||||
<input id="videoPassword" class="w3-input" type="password">
|
||||
<br />
|
||||
<label>Port</label>
|
||||
<input id="videoPort" class="w3-input" type="number">
|
||||
<p></p>
|
||||
</div>
|
||||
<!-- Auto Night accordion -->
|
||||
<button class="accordion" type='button'>Auto Night</button>
|
||||
<div class="panel">
|
||||
<p></p>
|
||||
<label>Auto Night mode</label>
|
||||
<select id="autoNightMode" class="w3-select" name="option">
|
||||
<option value="hw">Hardware</option>
|
||||
<option value="sw">Software</option>
|
||||
</select>
|
||||
<br />
|
||||
<label>Use average measurement on switching. Number of measurements</label>
|
||||
<select id="avg" class="w3-select" name="option">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="10">10</option>
|
||||
<option value="15">15</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<!-- Tab audio -->
|
||||
<div id="audio" class="w3-container tab" style="display:none">
|
||||
<p></p>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-half">
|
||||
<label>Audio format</label>
|
||||
<select id="audioinFormat" class="w3-select">
|
||||
<option value="OFF">OFF</option>
|
||||
<option value="OPUS">OPUS</option>
|
||||
<option value="PCM">PCM</option>
|
||||
<option value="PCMU">PCMU</option>
|
||||
<option value="MP3">MP3</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-half">
|
||||
<label>Volume</label><br />
|
||||
<input name="audioinVol" step="1" min="-1" max="120" type="range" class="w3-input">
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-half">
|
||||
<label>Sample rate in</label>
|
||||
<select id="audioinBR" class="w3-select" >
|
||||
<option value="8000">8000</option>
|
||||
<option value="16000">16000</option>
|
||||
<option value="24000">24000</option>
|
||||
<option value="44100">44100</option>
|
||||
<option value="48000">48000</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-half">
|
||||
<label>Sample rate out</label>
|
||||
<select id="audiooutBR" class="w3-select">
|
||||
<option value="8000">8000</option>
|
||||
<option value="16000">16000</option>
|
||||
<option value="24000">24000</option>
|
||||
<option value="44100">44100</option>
|
||||
<option value="48000">48000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-third">
|
||||
<label>Filter (low filter)</label>
|
||||
<select id="audioinFilter" class="w3-select" name="option">
|
||||
<option value="0">No filter</option>
|
||||
<option value="1">Filter 1</option>
|
||||
<option value="2">Filter 2</option>
|
||||
<option value="3">NS Filter LOW</option>
|
||||
<option value="4">NS Filter MODERATE</option>
|
||||
<option value="5">NS Filter HIGH</option>
|
||||
<option value="6">NS Filter VERY HIGH</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>Hight pass filter</label>
|
||||
<select id="HFEnabled" class="w3-select" name="option">
|
||||
<option value="false">Deactivate</option>
|
||||
<option value="true">Activate</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>AEC Filter</label>
|
||||
<select id="AECEnabled" class="w3-select" name="option">
|
||||
<option value="false">Deactivate</option>
|
||||
<option value="true">Activate</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<!-- Tab timelapse -->
|
||||
<div id="timelapse" class="w3-container tab" style="display:none">
|
||||
<p></p>
|
||||
<label>Interval (in seconds)</label>
|
||||
<input class="w3-input" id="tlinterval" type="text">
|
||||
<br />
|
||||
<label>Duration (in minutes)</label>
|
||||
<input class="w3-input" id="tlduration" type="text">
|
||||
<br />
|
||||
</div>
|
||||
<p></p>
|
||||
<!-- Tab OSD-->
|
||||
<div id="osd" class="w3-container tab" style="display:none">
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-third">
|
||||
<label>Date formate</label>
|
||||
<input id="osdText" class="w3-input" type="text">
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>OSD Text</label>
|
||||
<select id="osdEnable" class="w3-select" name="option">
|
||||
<option value="false">Deactivate</option>
|
||||
<option value="true">Activate</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>OSD Axis</label>
|
||||
<select id="osdAxis" class="w3-select" name="option">
|
||||
<option value="false">Deactivate</option>
|
||||
<option value="true">Activate</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-third">
|
||||
<label>OSD Text color</label>
|
||||
<select id="osdColor" class="w3-select" name="option">
|
||||
<option value="0">White</option>
|
||||
<option value="1">Black</option>
|
||||
<option value="2">Red</option>
|
||||
<option value="3">Green</option>
|
||||
<option value="4">Blue</option>
|
||||
<option value="5">Cyan</option>
|
||||
<option value="6">Yellow</option>
|
||||
<option value="7">Purple</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>OSD Font name</label>
|
||||
<select id="osdFonts" class="w3-select">
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>OSD Text size</label>
|
||||
<input id="osdSize" class="w3-input" type="number">
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-third">
|
||||
<label>Pixel between chars</label>
|
||||
<input id="osdPixel" class="w3-input" type="text">
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>Y position</label>
|
||||
<input id="osdY" class="w3-input" type="text">
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<label>Fixed width ( only work for "default" fonts)</label>
|
||||
<select id="osdFixW" class="w3-select" name="option">
|
||||
<option value="false">Deactivate</option>
|
||||
<option value="true">Activate</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<button class="w3-btn w3-theme" >Save</button>
|
||||
<p></p>
|
||||
</form>
|
||||
<div id="save_confirm" class="w3-modal">
|
||||
<div class="w3-modal-content">
|
||||
<header class="w3-container w3-theme">
|
||||
<span onclick="document.getElementById('save_confirm').style.display='none'"
|
||||
class="w3-button w3-display-topright">×</span>
|
||||
<h2>Save config</h2>
|
||||
</header>
|
||||
<div class="w3-container">
|
||||
<p id="save_result">Waiting for save result...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user