GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 01:00:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improved media js

Browse Source
This commit is contained in:
Maxim Devaev 2024-12-26 16:56:30 +02:00
parent 647d3f3961
commit 38346bece1
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/share/js/kvm/stream_media.js
View File

@ -39,6 +39,8 @@ export function MediaStreamer(__setActive, __setInactive, __setInfo) {
var __missed_heartbeats = 0;
var __decoder = null;
var __codec = "";
var __canvas = $("stream-canvas");
var __ctx = __canvas.getContext("2d");
var __state = null;
var __frames = 0;
@ -49,13 +51,12 @@ export function MediaStreamer(__setActive, __setInactive, __setInfo) {
self.getMode = () => "media";
self.getResolution = function() {
let el = $("stream-canvas");
return {
// Разрешение видео или элемента
"real_width": (el.width || el.offsetWidth),
"real_height": (el.height || el.offsetHeight),
"view_width": el.offsetWidth,
"view_height": el.offsetHeight,
"real_width": (__canvas.width || __canvas.offsetWidth),
"real_height": (__canvas.height || __canvas.offsetHeight),
"view_width": __canvas.offsetWidth,
"view_height": __canvas.offsetHeight,
};
};
@ -203,12 +204,11 @@ export function MediaStreamer(__setActive, __setInactive, __setInfo) {
__decoder = new VideoDecoder({ // eslint-disable-line no-undef
"output": (frame) => {
try {
let canvas = $("stream-canvas");
if (canvas.width !== frame.displayWidth || canvas.height !== frame.displayHeight) {
canvas.width = frame.displayWidth;
canvas.height = frame.displayHeight;
if (__canvas.width !== frame.displayWidth || __canvas.height !== frame.displayHeight) {
__canvas.width = frame.displayWidth;
__canvas.height = frame.displayHeight;
}
canvas.getContext("2d").drawImage(frame, 0, 0);
__ctx.drawImage(frame, 0, 0);
__frames += 1;
} finally {
frame.close();