<!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> <a href="javascript:location.reload()"><img src="logo.webp" width="220dp"></a> </header> <section class="video-section"> <video id="preview" poster="/mjpeg"></video> </section> <div class="container"> <section class="form-section"> <form id="majestic-form"> <h3>Video</h3> <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> <hr class="divider"> <h3>Audio</h3> <div class="row"> <label for="records">Enabled:</label> <input type="checkbox" id="audio" name="majestic.audio.enabled"> </div> <div class="row"> <label for="srate">Sample:</label> <select id="srate" name="majestic.audio.srate"> <option value="8000">8000</option> <option value="48000">48000</option> </select> </div> </form> <hr class="divider"> <div class="button-container"> <button id="apply-video-button">Apply</button> <button id="reset-video-button">Reset</button> </div> </section> <section class="form-section"> <form id="wfb-form"> <h3>Wireless</h3> <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> <hr class="divider"> <h3>Broadcast</h3> <div class="row"> <label for="mcs_index">MCS Index:</label> <select id="mcs_index" name="wfb.broadcast.mcs_index"></select> </div> <hr class="divider"> <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> <hr class="divider"> <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>