diff options
| author | Devaev Maxim <[email protected]> | 2021-05-03 19:55:10 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2021-05-03 19:55:10 +0300 |
| commit | f2efeb782472ef2a6b0b8175815f7ec2ece7a8bc (patch) | |
| tree | 3f0879713328340ff56382d4dd2acd6a6e01b185 | |
| parent | 407ef134f33f324702c8c799cf2bb03d6b98e16f (diff) | |
video tag
| -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; |