mirror of https://github.com/OpenIPC/firmware.git
[no ci] Update wifibroadcast-ng webui
viktorxda
parent
4783f48f09
commit
b2727746fa
|
|
@ -9,17 +9,17 @@
|
|||
<body>
|
||||
|
||||
<header>
|
||||
<img src="logo.svg" width="220px">
|
||||
<a href="javascript:location.reload()"><img src="logo.webp" width="220dp"></a>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<section class="video-section">
|
||||
<video id="preview" poster="/mjpeg"></video>
|
||||
</section>
|
||||
|
||||
<section class="form-section">
|
||||
<h3>Video</h3>
|
||||
<form id="majestic-form">
|
||||
<h3>Video</h3>
|
||||
<div class="row">
|
||||
<label for="fps">FPS:</label>
|
||||
<select id="fps" name="majestic.video0.fps">
|
||||
|
|
@ -41,10 +41,26 @@
|
|||
<select id="bitrate" name="majestic.video0.bitrate"></select>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label for="records">Record:</label>
|
||||
<label for="records">Recording:</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">Samplerate:</label>
|
||||
<select id="srate" name="majestic.audio.srate">
|
||||
<option value="8000">8000</option>
|
||||
<option value="48000">48000</option>
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="button-container">
|
||||
<button id="apply-video-button">Apply</button>
|
||||
<button id="reset-video-button">Reset</button>
|
||||
|
|
@ -52,8 +68,8 @@
|
|||
</section>
|
||||
|
||||
<section class="form-section">
|
||||
<h3>Wireless</h3>
|
||||
<form id="wfb-form">
|
||||
<h3>Wireless</h3>
|
||||
<div class="row">
|
||||
<label for="txpower">TX Power:</label>
|
||||
<select id="txpower" name="wfb.wireless.txpower"></select>
|
||||
|
|
@ -94,14 +110,8 @@
|
|||
<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>
|
||||
|
||||
<hr class="divider">
|
||||
|
||||
<h3>Broadcast</h3>
|
||||
<div class="row">
|
||||
|
|
@ -113,6 +123,8 @@
|
|||
<select id="tun_index" name="wfb.broadcast.tun_index"></select>
|
||||
</div>
|
||||
|
||||
<hr class="divider">
|
||||
|
||||
<h3>Telemetry</h3>
|
||||
<div class="row">
|
||||
<label for="router">Router:</label>
|
||||
|
|
@ -129,6 +141,7 @@
|
|||
</select>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="button-container">
|
||||
<button id="apply-wfb-button">Apply</button>
|
||||
<button id="reset-wfb-button">Reset</button>
|
||||
|
|
|
|||
|
|
@ -1,16 +0,0 @@
|
|||
<svg width="232" height="64" viewBox="0 0 232 64" xmlns="http://www.w3.org/2000/svg" style="background-color:transparent;" fill="#ffffff">
|
||||
<g transform="matrix(1.3333333,0,0,-1.3333333,0,269.13333)">
|
||||
<path d="m 19.092536,161.9099 -2.9415,-3.43102 1.572994,-1.34828 c 2.550878,-2.18732 5.677184,-3.2806 8.804272,-3.2806 3.126332,0 6.253161,1.09354 8.803537,3.27986 l 1.547984,1.32732 -2.9415,3.43102 -1.547984,-1.32732 c -3.397241,-2.91218 -8.327823,-2.9123 -11.724811,3.8e-4 z" />
|
||||
<path d="m 119.62027,183.07744 c -1.15945,0 -2.08151,-0.28614 -2.74032,-0.85104 -0.63647,-0.54532 -1.09357,-1.19728 -1.35895,-1.9382 l -0.005,2.45824 h -4.27544 V 168.0588 h 4.27544 v 9.48392 c 0,0.33242 0.0708,0.62842 0.20963,0.87974 0.1396,0.25358 0.33073,0.47106 0.56749,0.64656 0.23852,0.1762 0.51119,0.30572 0.81022,0.38506 0.30354,0.0804 0.62037,0.121 0.94225,0.121 0.71731,0 1.22047,-0.21326 1.49539,-0.63406 0.28296,-0.4341 0.42662,-1.11842 0.42662,-2.03382 v -8.8484 h 4.27581 v 9.18014 c 0,1.8534 -0.3922,3.30358 -1.1655,4.31038 -0.77957,1.01382 -1.94265,1.52812 -3.45786,1.52812 z" />
|
||||
<path d="m 102.09521,183.07744 c -1.09417,0 -2.08184,-0.1838 -2.935975,-0.54616 -0.85615,-0.36278 -1.58793,-0.88656 -2.17468,-1.55716 -0.58575,-0.66962 -1.03398,-1.48458 -1.331,-2.42258 -0.29601,-0.93422 -0.44611,-1.98918 -0.44611,-3.13532 0,-1.1642 0.15478,-2.23334 0.46009,-3.1776 0.30681,-0.9483 0.76933,-1.7635 1.37365,-2.4233 0.60433,-0.66082 1.35427,-1.18004 2.22875,-1.54284 0.872715,-0.36204 1.879265,-0.54542 2.991515,-0.54542 1.33142,0 2.53741,0.21654 3.58437,0.64362 1.04923,0.42858 1.91178,1.0338 2.56306,1.7988 l 0.0508,0.0588 -2.15923,2.69178 -0.0743,-0.0764 c -0.45344,-0.46726 -0.94969,-0.87268 -1.47443,-1.20486 -0.5162,-0.32664 -1.19643,-0.49208 -2.02095,-0.49208 -1.07282,0 -1.86704,0.27078 -2.36114,0.80506 -0.496615,0.53604 -0.748425,1.27472 -0.748425,2.19564 v 0.125 h 9.307385 v 1.30928 c 0,0.97944 -0.1268,1.93152 -0.3766,2.8286 -0.25082,0.90084 -0.65589,1.70618 -1.20448,2.39462 -0.54985,0.68918 -1.26733,1.24686 -2.13202,1.6561 -0.86569,0.409 -1.91535,0.6164 -3.12024,0.6164 z m 0.0831,-3.19858 c 0.79213,0 1.38471,-0.26106 1.76056,-0.77602 0.38213,-0.52448 0.57558,-1.22602 0.57558,-2.08494 v -0.1544 h -4.893305 v 0.1268 c 0,0.87448 0.2292,1.58366 0.681125,2.10664 0.44891,0.51896 1.08015,0.7819 1.87604,0.7819 z" />
|
||||
<path d="m 87.438468,183.07744 c -0.95432,0 -1.813454,-0.26588 -2.55386,-0.79036 -0.690948,-0.48984 -1.155482,-1.11868 -1.383956,-1.8709 v 2.33026 H 79.22485 v -20.21132 h 4.275802 v 7.87158 c 0.11398,-0.3412 0.278698,-0.66668 0.491354,-0.96872 0.243036,-0.34698 0.543514,-0.65176 0.891498,-0.90584 0.346978,-0.25308 0.741392,-0.45288 1.17248,-0.59324 0.430838,-0.1406 0.89616,-0.21184 1.382484,-0.21184 1.86445,0 3.293182,0.6684 4.246748,1.98602 0.946538,1.30832 1.42625,3.22672 1.42625,5.70278 0,2.4758 -0.479828,4.39 -1.426616,5.68954 -0.953568,1.30858 -2.382182,1.97204 -4.246382,1.97204 z m -1.353062,-3.50236 c 0.741914,0 1.364476,-0.26412 1.850298,-0.78484 0.48733,-0.52274 0.734456,-1.23974 0.734456,-2.13128 v -2.51342 c 0,-0.89204 -0.24701,-1.6088 -0.734088,-2.13128 -0.48557,-0.52072 -1.108248,-0.78484 -1.850666,-0.78484 -0.749196,0 -1.376094,0.184 -1.86317,0.54762 -0.485572,0.36156 -0.721584,0.84714 -0.721584,1.4851 v 4.28058 c 0,0.63722 0.236012,1.12306 0.721584,1.4851 0.487578,0.3633 1.114478,0.54726 1.86317,0.54726 z" />
|
||||
<path d="m 26.529036,186.38636 c -4.714606,0 -8.53616,-3.82156 -8.53616,-8.53616 0,-4.71436 3.821554,-8.53654 8.53616,-8.53654 4.714356,0 8.536531,3.82218 8.536531,8.53654 0,4.7146 -3.822175,8.53616 -8.536531,8.53616 z" />
|
||||
<path d="m 140.56016,187.5239 v -19.4651 h 4.38651 v 6.95912 h 4.82159 c 0.91063,0 1.74071,0.156 2.46706,0.4634 0.72685,0.30756 1.35527,0.7376 1.86795,1.2784 0.51294,0.54082 0.91486,1.20204 1.19455,1.96578 0.27844,0.7615 0.41964,1.61806 0.41964,2.54578 0,0.90862 -0.1412,1.76002 -0.41964,2.53106 -0.27969,0.77228 -0.68136,1.4387 -1.19455,1.97976 -0.51344,0.54104 -1.14185,0.97146 -1.86795,1.27876 -0.72635,0.30706 -1.55643,0.46304 -2.46706,0.46304 z m 4.38651,-3.83374 h 4.32472 c 0.59855,0 1.07466,-0.1546 1.41411,-0.45936 0.33694,-0.30204 0.5079,-0.75704 0.5079,-1.35232 v -1.21514 c 0,-0.59554 -0.17096,-1.05042 -0.5079,-1.35196 -0.33895,-0.3048 -0.81481,-0.45936 -1.41411,-0.45936 h -4.32472 z" />
|
||||
<path d="m 127.5301,187.52426 v -3.53032 h 2.48546 v -12.40556 h -2.48546 v -3.52958 h 9.35742 v 3.52958 h -2.48546 v 12.40556 h 2.48546 v 3.53032 z" />
|
||||
<path d="m 67.953143,187.85526 c -1.276194,0 -2.458982,-0.21608 -3.515238,-0.64214 -1.059016,-0.42758 -1.972046,-1.07252 -2.714212,-1.91686 -0.741914,-0.84386 -1.324402,-1.90488 -1.731138,-3.15372 -0.406232,-1.2458 -0.612352,-2.7097 -0.612352,-4.3512 0,-1.64174 0.20612,-3.10574 0.612352,-4.35156 0.406986,-1.24932 0.989476,-2.31036 1.731138,-3.1537 0.741914,-0.84462 1.655196,-1.48956 2.714212,-1.91688 1.056256,-0.42606 2.239044,-0.64214 3.515238,-0.64214 1.276444,0 2.458864,0.21608 3.514868,0.64214 1.058514,0.42708 1.971913,1.07202 2.714581,1.91688 0.74116,0.84334 1.32365,1.90438 1.731138,3.1537 0.406232,1.24732 0.612352,2.71132 0.612352,4.35156 0,1.64026 -0.20612,3.10414 -0.612352,4.3512 -0.407238,1.24884 -0.989726,2.30986 -1.731138,3.15372 -0.742668,0.84484 -1.656067,1.4898 -2.714581,1.91686 -1.056004,0.42606 -2.238676,0.64214 -3.514868,0.64214 z m 0,-3.91648 c 1.23577,0 2.210436,-0.40706 2.897366,-1.21 0.690446,-0.80744 1.040816,-1.98554 1.040816,-3.50126 v -2.87236 c 0,-1.51596 -0.35037,-2.69392 -1.040816,-3.50162 -0.68718,-0.80268 -1.661596,-1.20962 -2.897366,-1.20962 -1.235772,0 -2.210438,0.40694 -2.897368,1.20962 -0.690444,0.8072 -1.040814,1.98516 -1.040814,3.50162 v 2.87236 c 0,1.51648 0.35037,2.69432 1.040814,3.50126 0.68668,0.80294 1.661596,1.21 2.897368,1.21 z" />
|
||||
<path d="m 166.16055,187.85564 c -1.3136,0 -2.5155,-0.22558 -3.5715,-0.67046 -1.05902,-0.44592 -1.97193,-1.10948 -2.71385,-1.97242 -0.74141,-0.86166 -1.32341,-1.94146 -1.7304,-3.20886 -0.40623,-1.2639 -0.61235,-2.72766 -0.61235,-4.35084 0,-1.64174 0.20612,-3.09674 0.61235,-4.32398 0.40724,-1.2315 0.98996,-2.27414 1.73187,-3.09892 0.74217,-0.82602 1.6552,-1.4569 2.71422,-1.87494 1.0555,-0.41676 2.25656,-0.62816 3.56966,-0.62816 1.79692,0 3.30628,0.40952 4.48581,1.21772 1.17777,0.80694 2.14085,1.96664 2.86243,3.4472 l 0.0382,0.079 -3.59689,2.08826 -0.039,-0.1048 c -0.28822,-0.7738 -0.73945,-1.4444 -1.34202,-1.993 -0.5963,-0.5428 -1.40657,-0.81756 -2.40859,-0.81756 -1.20062,0 -2.17635,0.39406 -2.89994,1.17138 -0.72534,0.77906 -1.09341,1.93278 -1.09341,3.42916 v 3.09304 c 0,1.49638 0.36807,2.65046 1.09341,3.42954 0.72359,0.77756 1.69932,1.17174 2.89994,1.17174 1.02035,0 1.80261,-0.2381 2.32584,-0.7076 0.5275,-0.47454 0.92323,-1.11572 1.17505,-1.90584 l 0.0335,-0.1066 3.79659,1.97056 -0.0368,0.081 c -0.7045,1.57522 -1.65504,2.74604 -2.82528,3.47992 -1.16999,0.73364 -2.67348,1.10556 -4.46889,1.10556 z" />
|
||||
<path d="M 16.140738,191.689 0,177.85056 16.145152,164.0077 l 2.9415,3.43066 -12.1433433,10.4122 12.1389293,10.40742 z" />
|
||||
<path d="m 36.895639,191.70628 -2.941134,-3.43138 12.16026,-10.4247 -12.16541,-10.4295 2.941134,-3.43102 16.167952,13.86052 z" />
|
||||
<path d="m 26.527566,201.85 c -3.126646,-1.2e-4 -6.253276,-1.09352 -8.803906,-3.28022 l -1.574462,-1.35012 2.9415,-3.43064 1.574464,1.35012 c 3.396988,2.91166 8.32819,2.91278 11.725177,3.8e-4 l 1.553502,-1.3321 2.941498,3.43138 -1.5535,1.33172 c -2.55088,2.18644 -5.677627,3.27962 -8.804273,3.27948 z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -99,3 +99,7 @@ loadYAML('/etc/wfb.yaml', (data) => {
|
|||
configData.wfb = data;
|
||||
syncForm(configData.wfb, 'wfb', "setup");
|
||||
});
|
||||
|
||||
if (navigator.userAgent.includes("Android")) {
|
||||
document.querySelector('.video-section').style.display = 'none';
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,15 +19,15 @@ h3 {
|
|||
color: #dee2e6bf;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 20px;
|
||||
.row {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
background-color: #2d2d2d;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 10px #00000080;
|
||||
max-width: 40%;
|
||||
max-width: 60%;
|
||||
padding: 20px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
|
@ -76,6 +76,14 @@ h3 {
|
|||
box-shadow: 0 2px 10px #00000040;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: 100%;
|
||||
max-width: 80%;
|
||||
background-color: #000;
|
||||
box-shadow: 0 2px 10px #00000080;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#apply-video-button, #apply-wfb-button {
|
||||
background-color: #0d4aa5;
|
||||
}
|
||||
|
|
@ -91,15 +99,3 @@ h3 {
|
|||
#reset-video-button:hover, #reset-wfb-button:hover {
|
||||
background-color: #cf1717;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
background-color: #000;
|
||||
box-shadow: 0 2px 10px #00000080;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue