#44 添加视频录制支持

使用浏览器前端 API
支持 mjpeg 和 h.264 模式下的视频录制
录制格式为wbem(vp8)
This commit is contained in:
mofeng-git
2024-11-04 13:25:18 +00:00
parent 6fbfc2b343
commit 1a13760df0
8 changed files with 100 additions and 2 deletions

View File

@@ -259,6 +259,11 @@
<button class="row33" data-force-hide-menu id="stream-screenshot-button" i18n="kvm_text21">&bull; Screenshot</button>
<button class="row33" id="stream-reset-button" i18n="kvm_text22">Reset stream</button>
</div>
<div class="text"><b i18n="kvm_text79">Video Record<br></b><sub i18n="kvm_text80">Record video using the browser API, and will be downloaded automatically</sub></div>
<div class="buttons buttons-row">
<button class="row50" data-force-hide-menu id="stream-record-start-button" i18n="kvm_text81">&bull; Start recording</button>
<button class="row50" data-force-hide-menu id="stream-record-stop-button" i18n="kvm_text82">&bull; End recording</button>
</div>
<div class="feature-disabled" id="hid-outputs">
<hr>
<table class="kv">
@@ -897,6 +902,7 @@
</div>
</div>
</div>
<canvas class="hidden" id="stream-mjpeg-canvas"></canvas>
</div>
<div class="window" id="keyboard-window">
<div class="window-header" id="keyboard-window-header">

View File

@@ -71,6 +71,12 @@ li(id="system-dropdown" class="right")
button(data-force-hide-menu data-show-window="stream-window" class="row33" i18n="kvm_text20") &bull; Show stream
button(data-force-hide-menu id="stream-screenshot-button" class="row33" i18n="kvm_text21") &bull; Screenshot
button(id="stream-reset-button" class="row33" i18n="kvm_text22") Reset stream
div(class="text")
b(i18n="kvm_text79") Video Record#[br]
sub(i18n="kvm_text80") Record video using the browser API, and will be downloaded automatically
div(class="buttons buttons-row")
button(data-force-hide-menu id="stream-record-start-button" class="row50" i18n="kvm_text81") &bull; Start recording
button(data-force-hide-menu id="stream-record-stop-button" class="row50" i18n="kvm_text82") &bull; End recording
div(id="hid-outputs" class="feature-disabled")
hr
table(class="kv")

View File

@@ -46,3 +46,4 @@ div(id="stream-window" class="window window-resizable")
div(class="label") Up
div(data-code="down" class="key small rounded-right")
div(class="label") Down
canvas(id="stream-mjpeg-canvas" class="hidden")