html webrtc stubs

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

View File

@ -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>

View File

@ -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

View File

@ -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);
};