summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDevaev Maxim <[email protected]>2021-05-17 00:11:56 +0300
committerDevaev Maxim <[email protected]>2021-05-17 00:20:06 +0300
commitf053bd5edecf19aba237c0b08acec461dcdc6171 (patch)
treefed02dcf8ce57de2fc02e08dad3a502cc4a60edf
parent5eb0d71cfd2344d30db24d472a6153a64d81279c (diff)
html webrtc stubs
-rw-r--r--web/kvm/index.html14
-rw-r--r--web/kvm/navbar-system.pug10
-rw-r--r--web/share/js/kvm/stream.js3
3 files changed, 25 insertions, 2 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html
index f35cc4ce..c06f0b3d 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -118,7 +118,7 @@
</td>
</tr>
<tr class="feature-disabled" id="stream-quality">
- <td>Image quality:</td>
+ <td>JPEG quality:</td>
<td>
<input class="slider" disabled type="range" id="stream-quality-slider">
</td>
@@ -131,6 +131,17 @@
</td>
<td class="value" id="stream-desired-fps-value">0</td>
</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>
<hr>
<div class="buttons buttons-row">
@@ -1745,6 +1756,7 @@
<li>Stefan Bautz</li>
<li>Stefan Müller</li>
<li>Stefan Stemmer</li>
+ <li>Stefan Vaillant</li>
<li>Stephan Schmidt</li>
<li>Steve Kerr</li>
<li>Steve Ovens</li>
diff --git a/web/kvm/navbar-system.pug b/web/kvm/navbar-system.pug
index 186bdef7..aa273ff5 100644
--- a/web/kvm/navbar-system.pug
+++ b/web/kvm/navbar-system.pug
@@ -15,13 +15,21 @@ li(class="right")
td Resolution:
td #[select(disabled data-dont-hide-menu id="stream-resolution-selector")]
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(id="stream-quality-value" class="value") 80%
tr
td Max FPS:
td #[input(disabled type="range" id="stream-desired-fps-slider" class="slider")]
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
div(class="buttons buttons-row")
button(data-force-hide-menu id="show-stream-button" class="row33") &bull; Show stream
diff --git a/web/share/js/kvm/stream.js b/web/share/js/kvm/stream.js
index 7371c2e5..7f5e5207 100644
--- a/web/share/js/kvm/stream.js
+++ b/web/share/js/kvm/stream.js
@@ -25,6 +25,8 @@
import {tools, $} from "../tools.js";
import {wm} from "../wm.js";
+
+
var _Janus = null;
@@ -213,6 +215,7 @@ export function Streamer() {
let supported = !!window.RTCPeerConnection;
let set_enabled = function() {
__janus_enabled = (enabled && supported && _Janus !== null);
+ tools.featureSetEnabled($("stream-mode"), __janus_enabled);
tools.info(`Stream: Janus WebRTC state: enabled=${enabled}, supported=${supported}, imported=${!!_Janus}`);
self.setState(__state);
};