firmware/general/package/wifibroadcast-ng/www/index.html

144 lines
4.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>OpenIPC</title>
</head>
<body>
<header>
<img src="logo.svg" width="220px">
</header>
<div class="container">
<section>
<video id="preview" poster="/mjpeg"></video>
</section>
<section class="form-section">
<h3>Video</h3>
<form id="majestic-form">
<div class="row">
<label for="fps">FPS:</label>
<select id="fps" name="majestic.video0.fps">
<option value="30">30</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="120">120</option>
</select>
</div>
<div class="row">
<label for="codec">Codec:</label>
<select id="codec" name="majestic.video0.codec">
<option value="h264">H264</option>
<option value="h265">H265</option>
</select>
</div>
<div class="row">
<label for="bitrate">Bitrate:</label>
<select id="bitrate" name="majestic.video0.bitrate"></select>
</div>
<div class="row">
<label for="records">Record:</label>
<input type="checkbox" id="records" name="majestic.records.enabled">
</div>
</form>
<div class="button-container">
<button id="apply-video-button">Apply</button>
<button id="reset-video-button">Reset</button>
</div>
</section>
<section class="form-section">
<h3>Wireless</h3>
<form id="wfb-form">
<div class="row">
<label for="txpower">TX Power:</label>
<select id="txpower" name="wfb.wireless.txpower"></select>
</div>
<div class="row">
<label for="channel">Channel:</label>
<select id="channel" name="wfb.wireless.channel">
<option value="32">32</option>
<option value="36">36</option>
<option value="40">40</option>
<option value="44">44</option>
<option value="48">48</option>
<option value="52">52</option>
<option value="56">56</option>
<option value="60">60</option>
<option value="64">64</option>
<option value="68">68</option>
<option value="96">96</option>
<option value="100">100</option>
<option value="104">104</option>
<option value="108">108</option>
<option value="112">112</option>
<option value="116">116</option>
<option value="120">120</option>
<option value="124">124</option>
<option value="128">128</option>
<option value="132">132</option>
<option value="136">136</option>
<option value="140">140</option>
<option value="144">144</option>
<option value="149">149</option>
<option value="153">153</option>
<option value="157">157</option>
<option value="161">161</option>
<option value="165">165</option>
<option value="169">169</option>
<option value="173">173</option>
<option value="177">177</option>
</select>
</div>
<div class="row">
<label for="mode">Mode:</label>
<select id="mode" name="wfb.wireless.mode">
<option value="HT20">HT20</option>
<option value="HT40-">HT40-</option>
<option value="HT40+">HT40+</option>
</select>
</div>
<h3>Broadcast</h3>
<div class="row">
<label for="wfb_index">WFB Index:</label>
<select id="wfb_index" name="wfb.broadcast.wfb_index"></select>
</div>
<div class="row">
<label for="tun_index">TUN Index:</label>
<select id="tun_index" name="wfb.broadcast.tun_index"></select>
</div>
<h3>Telemetry</h3>
<div class="row">
<label for="router">Router:</label>
<select id="router" name="wfb.telemetry.router">
<option value="msposd">msposd</option>
<option value="mavfwd">mavfwd</option>
</select>
</div>
<div class="row">
<label for="serial">Serial:</label>
<select id="serial" name="wfb.telemetry.serial">
<option value="ttyS0">ttyS0</option>
<option value="ttyS2">ttyS2</option>
</select>
</div>
</form>
<div class="button-container">
<button id="apply-wfb-button">Apply</button>
<button id="reset-wfb-button">Reset</button>
</div>
</section>
</div>
<script src="js-yaml.min.js"></script>
<script src="script.js"></script>
</body>
</html>