GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-01-29 00:51:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

html webrtc stubs

Browse Source
This commit is contained in:
Devaev Maxim
2021-05-17 00:11:56 +03:00
parent 5eb0d71cfd
commit f053bd5ede
3 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/kvm/index.html
View File

@@ -118,7 +118,7 @@
</td> </td>
</tr> </tr>
<tr class="feature-disabled" id="stream-quality"> <tr class="feature-disabled" id="stream-quality">
<td>Image quality:</td> <td>JPEG quality:</td>
<td> <td>
<input class="slider" disabled type="range" id="stream-quality-slider"> <input class="slider" disabled type="range" id="stream-quality-slider">
</td> </td>
@@ -131,6 +131,17 @@
</td> </td>
<td class="value" id="stream-desired-fps-value">0</td> <td class="value" id="stream-desired-fps-value">0</td>
</tr> </tr>
<tr class="feature-disabled" id="stream-mode">
<td>Video mode:</td>
<td>
<div class="radio-box">
<input checked type="radio" id="stream-mode-radio-mjpeg" name="stream-mode-radio" value="mjpeg">
<label for="stream-mode-radio-mjpeg">MJPEG / HTTP</label>
<input type="radio" id="stream-mode-radio-janus" name="stream-mode-radio" value="janus">
<label for="stream-mode-radio-janus">H.264 / WebRTC</label>
</div>
</td>
</tr>
</table> </table>
<hr> <hr>
<div class="buttons buttons-row"> <div class="buttons buttons-row">
@@ -1745,6 +1756,7 @@
<li>Stefan Bautz</li> <li>Stefan Bautz</li>
<li>Stefan Müller</li> <li>Stefan Müller</li>
<li>Stefan Stemmer</li> <li>Stefan Stemmer</li>
<li>Stefan Vaillant</li>
<li>Stephan Schmidt</li> <li>Stephan Schmidt</li>
<li>Steve Kerr</li> <li>Steve Kerr</li>
<li>Steve Ovens</li> <li>Steve Ovens</li>

10
web/kvm/navbar-system.pug
View File

@@ -15,13 +15,21 @@ li(class="right")
td Resolution: td Resolution:
td #[select(disabled data-dont-hide-menu id="stream-resolution-selector")] td #[select(disabled data-dont-hide-menu id="stream-resolution-selector")]
tr(id="stream-quality" class="feature-disabled") tr(id="stream-quality" class="feature-disabled")
td Image quality: td JPEG quality:
td #[input(disabled type="range" id="stream-quality-slider" class="slider")] td #[input(disabled type="range" id="stream-quality-slider" class="slider")]
td(id="stream-quality-value" class="value") 80% td(id="stream-quality-value" class="value") 80%
tr tr
td Max FPS: td Max FPS:
td #[input(disabled type="range" id="stream-desired-fps-slider" class="slider")] td #[input(disabled type="range" id="stream-desired-fps-slider" class="slider")]
td(id="stream-desired-fps-value" class="value") 0 td(id="stream-desired-fps-value" class="value") 0
tr(id="stream-mode" class="feature-disabled")
td Video mode:
td
div(class="radio-box")
input(checked type="radio" id="stream-mode-radio-mjpeg" name="stream-mode-radio" value="mjpeg")
label(for="stream-mode-radio-mjpeg") MJPEG / HTTP
input(type="radio" id="stream-mode-radio-janus" name="stream-mode-radio" value="janus")
label(for="stream-mode-radio-janus") H.264 / WebRTC
hr hr
div(class="buttons buttons-row") div(class="buttons buttons-row")
button(data-force-hide-menu id="show-stream-button" class="row33") &bull; Show stream button(data-force-hide-menu id="show-stream-button" class="row33") &bull; Show stream

3
web/share/js/kvm/stream.js
View File

@@ -25,6 +25,8 @@
import {tools, $} from "../tools.js"; import {tools, $} from "../tools.js";
import {wm} from "../wm.js"; import {wm} from "../wm.js";
var _Janus = null; var _Janus = null;
@@ -213,6 +215,7 @@ export function Streamer() {
let supported = !!window.RTCPeerConnection; let supported = !!window.RTCPeerConnection;
let set_enabled = function() { let set_enabled = function() {
__janus_enabled = (enabled && supported && _Janus !== null); __janus_enabled = (enabled && supported && _Janus !== null);
tools.featureSetEnabled($("stream-mode"), __janus_enabled);
tools.info(`Stream: Janus WebRTC state: enabled=${enabled}, supported=${supported}, imported=${!!_Janus}`); tools.info(`Stream: Janus WebRTC state: enabled=${enabled}, supported=${supported}, imported=${!!_Janus}`);
self.setState(__state); self.setState(__state);
}; };