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