marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-08-07 05:38:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add WebGPU renderer (#648)

Browse Source
This commit is contained in:
redphx
2025-02-02 21:37:21 +07:00
parent 39ecef976c
commit fd665b6fcd
31 changed files with 1428 additions and 841 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/utils/screenshot-manager.ts
View File

@@ -2,8 +2,8 @@ import { AppInterface, STATES } from "./global";
import { CE } from "./html";
import { GlobalPref } from "@/enums/pref-keys";
import { BxLogger } from "./bx-logger";
import { StreamPlayerType } from "@/enums/pref-values";
import { getGlobalPref } from "@/utils/pref-utils";
import { StreamPlayerElement } from "@/modules/player/base-stream-player";
export class ScreenshotManager {
@@ -42,36 +42,36 @@ export class ScreenshotManager {
takeScreenshot(callback?: any) {
const currentStream = STATES.currentStream;
const streamPlayer = currentStream.streamPlayer;
const streamPlayerManager = currentStream.streamPlayerManager;
const $canvas = this.$canvas;
if (!streamPlayer || !$canvas) {
if (!streamPlayerManager || !$canvas) {
return;
}
let $player;
if (getGlobalPref(GlobalPref.SCREENSHOT_APPLY_FILTERS)) {
$player = streamPlayer.getPlayerElement();
$player = streamPlayerManager.getPlayerElement();
} else {
$player = streamPlayer.getPlayerElement(StreamPlayerType.VIDEO);
$player = streamPlayerManager.getPlayerElement(StreamPlayerElement.VIDEO);
}
if (!$player || !$player.isConnected) {
return;
}
const canvasContext = this.canvasContext;
if ($player instanceof HTMLCanvasElement) {
streamPlayerManager.getCanvasPlayer()?.updateFrame();
}
canvasContext.drawImage($player, 0, 0);
// Play animation
const $gameStream = $player.closest('#game-stream');
if ($gameStream) {
$gameStream.addEventListener('animationend', this.onAnimationEnd, { once: true });
$gameStream.classList.add('bx-taking-screenshot');
}
const canvasContext = this.canvasContext;
if ($player instanceof HTMLCanvasElement) {
streamPlayer.getWebGL2Player().forceDrawFrame();
}
canvasContext.drawImage($player, 0, 0, $canvas.width, $canvas.height);
// Get data URL and pass to parent app
if (AppInterface) {
const data = $canvas.toDataURL('image/png').split(';base64,')[1];