marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-08-01 10:56:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

Cache screenshot's canvas context

Browse Source
This commit is contained in:
redphx
2024-05-12 11:13:32 +07:00
parent 453a45a995
commit be897848fe
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/utils/screenshot.ts
View File

@@ -3,12 +3,15 @@ import { CE } from "./html";
export class Screenshot {
static #filters: string = '';
static setup() {
const currentStream = STATES.currentStream;
if (!currentStream.$screenshotCanvas) {
currentStream.$screenshotCanvas = CE<HTMLCanvasElement>('canvas', {'class': 'bx-gone'});
currentStream.screenshotCanvasContext = currentStream.$screenshotCanvas.getContext('2d', {
alpha: false,
willReadFrequently: false,
});
}
// document.documentElement.appendChild(currentStream.$screenshotCanvas!);
}
@@ -22,7 +25,7 @@ export class Screenshot {
}
static updateCanvasFilters(filters: string) {
Screenshot.#filters = filters;
STATES.currentStream.screenshotCanvasContext && (STATES.currentStream.screenshotCanvasContext.filter = filters);
}
private static onAnimationEnd(e: Event) {
@@ -40,12 +43,7 @@ export class Screenshot {
$video.parentElement?.addEventListener('animationend', this.onAnimationEnd);
$video.parentElement?.classList.add('bx-taking-screenshot');
const canvasContext = $canvas.getContext('2d', {
alpha: false,
willReadFrequently: false,
})!;
canvasContext.filter = Screenshot.#filters;
const canvasContext = currentStream.screenshotCanvasContext!;
canvasContext.drawImage($video, 0, 0, $canvas.width, $canvas.height);
// Get data URL and pass to parent app