diff options
-rw-r--r-- | web/kvm/index.html | 4 | ||||
-rw-r--r-- | web/kvm/window-stream.pug | 1 | ||||
-rw-r--r-- | web/share/css/kvm/stream.css | 3 |
3 files changed, 6 insertions, 2 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html index 7291c698..67c91bc5 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -512,7 +512,9 @@ <button class="window-button-full-screen">⤢</button> </div> <div id="stream-info"></div> - <div class="stream-box-offline" id="stream-box"><img id="stream-image" src="/share/png/blank-stream.png"></div> + <div class="stream-box-offline" id="stream-box"><img id="stream-image" src="/share/png/blank-stream.png"> + <video class="hidden" id="stream-video" autoplay playsinline muted></video> + </div> <div class="keypad" id="stream-mouse-buttons" align="center"> <div class="keypad-block"> <div class="keypad-row"> diff --git a/web/kvm/window-stream.pug b/web/kvm/window-stream.pug index 802ac87c..3bd7c2d5 100644 --- a/web/kvm/window-stream.pug +++ b/web/kvm/window-stream.pug @@ -10,6 +10,7 @@ div(id="stream-window" class="window window-resizable" data-show-by-button="show div(id="stream-box" class="stream-box-offline") img(id="stream-image" src=`${png_dir}/blank-stream.png`) + video(id="stream-video" class="hidden" autoplay playsinline muted) div(id="stream-mouse-buttons" class="keypad" align="center") div(class="keypad-block") diff --git a/web/share/css/kvm/stream.css b/web/share/css/kvm/stream.css index 2c61bcc9..79b74d09 100644 --- a/web/share/css/kvm/stream.css +++ b/web/share/css/kvm/stream.css @@ -56,7 +56,8 @@ div.stream-box-mouse-enabled { cursor: url("../../svg/stream-mouse-cursor.svg"), pointer; } -img#stream-image { +img#stream-image, +video#stream-video { width: 100%; height: 100%; object-fit: contain; |