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

Test: hide <video> when using WebGL2 renderer

Browse Source
This commit is contained in:
redphx 2024-10-17 20:19:27 +07:00
parent fa19a5a68e
commit 7206d11825
3 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dist/better-xcloud.lite.user.js vendored
View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name Better xCloud (Lite) // @name Better xCloud (Lite)
// @namespace https://github.com/redphx // @namespace https://github.com/redphx
// @version 5.8.5 // @version 5.8.6-beta
// @description Improve Xbox Cloud Gaming (xCloud) experience // @description Improve Xbox Cloud Gaming (xCloud) experience
// @author redphx // @author redphx
// @license MIT // @license MIT
@ -111,7 +111,7 @@ function deepClone(obj) {
if (!obj) return {}; if (!obj) return {};
return JSON.parse(JSON.stringify(obj)); return JSON.parse(JSON.stringify(obj));
} }
var SCRIPT_VERSION = "5.8.5", SCRIPT_VARIANT = "lite", AppInterface = window.AppInterface; var SCRIPT_VERSION = "5.8.6-beta", SCRIPT_VARIANT = "lite", AppInterface = window.AppInterface;
UserAgent.init(); UserAgent.init();
var userAgent = window.navigator.userAgent.toLowerCase(), isTv = userAgent.includes("smart-tv") || userAgent.includes("smarttv") || /\baft.*\b/.test(userAgent), isVr = window.navigator.userAgent.includes("VR") && window.navigator.userAgent.includes("OculusBrowser"), browserHasTouchSupport = "ontouchstart" in window || navigator.maxTouchPoints > 0, userAgentHasTouchSupport = !isTv && !isVr && browserHasTouchSupport, supportMkb = AppInterface || !userAgent.match(/(android|iphone|ipad)/), STATES = { var userAgent = window.navigator.userAgent.toLowerCase(), isTv = userAgent.includes("smart-tv") || userAgent.includes("smarttv") || /\baft.*\b/.test(userAgent), isVr = window.navigator.userAgent.includes("VR") && window.navigator.userAgent.includes("OculusBrowser"), browserHasTouchSupport = "ontouchstart" in window || navigator.maxTouchPoints > 0, userAgentHasTouchSupport = !isTv && !isVr && browserHasTouchSupport, supportMkb = AppInterface || !userAgent.match(/(android|iphone|ipad)/), STATES = {
supportedRegion: !0, supportedRegion: !0,
@ -5219,11 +5219,14 @@ class StreamPlayer {
if (isNativeTouchGame && this.playerType == "webgl2") window.BX_EXPOSED.streamSession.updateDimensions(); if (isNativeTouchGame && this.playerType == "webgl2") window.BX_EXPOSED.streamSession.updateDimensions();
} }
setPlayerType(type, refreshPlayer = !1) { setPlayerType(type, refreshPlayer = !1) {
if (this.playerType !== type) if (type === "webgl2") { if (this.playerType !== type) {
const videoClass = BX_FLAGS.DeviceInfo.deviceType === "android-tv" ? "bx-pixel" : "bx-gone";
if (type === "webgl2") {
if (!this.webGL2Player) this.webGL2Player = new WebGL2Player(this.$video); if (!this.webGL2Player) this.webGL2Player = new WebGL2Player(this.$video);
else this.webGL2Player.resume(); else this.webGL2Player.resume();
this.$videoCss.textContent = "", this.$video.classList.add("bx-pixel"); this.$videoCss.textContent = "", this.$video.classList.add(videoClass);
} else this.webGL2Player?.stop(), this.$video.classList.remove("bx-pixel"); } else this.webGL2Player?.stop(), this.$video.classList.remove(videoClass);
}
this.playerType = type, refreshPlayer && this.refreshPlayer(); this.playerType = type, refreshPlayer && this.refreshPlayer();
} }
setOptions(options, refreshPlayer = !1) { setOptions(options, refreshPlayer = !1) {

13
dist/better-xcloud.user.js vendored
View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name Better xCloud // @name Better xCloud
// @namespace https://github.com/redphx // @namespace https://github.com/redphx
// @version 5.8.5 // @version 5.8.6-beta
// @description Improve Xbox Cloud Gaming (xCloud) experience // @description Improve Xbox Cloud Gaming (xCloud) experience
// @author redphx // @author redphx
// @license MIT // @license MIT
@ -113,7 +113,7 @@ function deepClone(obj) {
if (!obj) return {}; if (!obj) return {};
return JSON.parse(JSON.stringify(obj)); return JSON.parse(JSON.stringify(obj));
} }
var SCRIPT_VERSION = "5.8.5", SCRIPT_VARIANT = "full", AppInterface = window.AppInterface; var SCRIPT_VERSION = "5.8.6-beta", SCRIPT_VARIANT = "full", AppInterface = window.AppInterface;
UserAgent.init(); UserAgent.init();
var userAgent = window.navigator.userAgent.toLowerCase(), isTv = userAgent.includes("smart-tv") || userAgent.includes("smarttv") || /\baft.*\b/.test(userAgent), isVr = window.navigator.userAgent.includes("VR") && window.navigator.userAgent.includes("OculusBrowser"), browserHasTouchSupport = "ontouchstart" in window || navigator.maxTouchPoints > 0, userAgentHasTouchSupport = !isTv && !isVr && browserHasTouchSupport, supportMkb = AppInterface || !userAgent.match(/(android|iphone|ipad)/), STATES = { var userAgent = window.navigator.userAgent.toLowerCase(), isTv = userAgent.includes("smart-tv") || userAgent.includes("smarttv") || /\baft.*\b/.test(userAgent), isVr = window.navigator.userAgent.includes("VR") && window.navigator.userAgent.includes("OculusBrowser"), browserHasTouchSupport = "ontouchstart" in window || navigator.maxTouchPoints > 0, userAgentHasTouchSupport = !isTv && !isVr && browserHasTouchSupport, supportMkb = AppInterface || !userAgent.match(/(android|iphone|ipad)/), STATES = {
supportedRegion: !0, supportedRegion: !0,
@ -7124,11 +7124,14 @@ class StreamPlayer {
if (isNativeTouchGame && this.playerType == "webgl2") window.BX_EXPOSED.streamSession.updateDimensions(); if (isNativeTouchGame && this.playerType == "webgl2") window.BX_EXPOSED.streamSession.updateDimensions();
} }
setPlayerType(type, refreshPlayer = !1) { setPlayerType(type, refreshPlayer = !1) {
if (this.playerType !== type) if (type === "webgl2") { if (this.playerType !== type) {
const videoClass = BX_FLAGS.DeviceInfo.deviceType === "android-tv" ? "bx-pixel" : "bx-gone";
if (type === "webgl2") {
if (!this.webGL2Player) this.webGL2Player = new WebGL2Player(this.$video); if (!this.webGL2Player) this.webGL2Player = new WebGL2Player(this.$video);
else this.webGL2Player.resume(); else this.webGL2Player.resume();
this.$videoCss.textContent = "", this.$video.classList.add("bx-pixel"); this.$videoCss.textContent = "", this.$video.classList.add(videoClass);
} else this.webGL2Player?.stop(), this.$video.classList.remove("bx-pixel"); } else this.webGL2Player?.stop(), this.$video.classList.remove(videoClass);
}
this.playerType = type, refreshPlayer && this.refreshPlayer(); this.playerType = type, refreshPlayer && this.refreshPlayer();
} }
setOptions(options, refreshPlayer = !1) { setOptions(options, refreshPlayer = !1) {

7
src/modules/stream-player.ts
View File

@ -7,6 +7,7 @@ import { StreamPlayerType, StreamVideoProcessing } from "@enums/stream-player";
import { STATES } from "@/utils/global"; import { STATES } from "@/utils/global";
import { PrefKey } from "@/enums/pref-keys"; import { PrefKey } from "@/enums/pref-keys";
import { getPref } from "@/utils/settings-storages/global-settings-storage"; import { getPref } from "@/utils/settings-storages/global-settings-storage";
import { BX_FLAGS } from "@/utils/bx-flags";
export type StreamPlayerOptions = Partial<{ export type StreamPlayerOptions = Partial<{
processing: string, processing: string,
@ -173,6 +174,8 @@ export class StreamPlayer {
setPlayerType(type: StreamPlayerType, refreshPlayer: boolean = false) { setPlayerType(type: StreamPlayerType, refreshPlayer: boolean = false) {
if (this.playerType !== type) { if (this.playerType !== type) {
const videoClass = BX_FLAGS.DeviceInfo.deviceType === 'android-tv' ? 'bx-pixel' : 'bx-gone';
// Switch from Video -> WebGL2 // Switch from Video -> WebGL2
if (type === StreamPlayerType.WEBGL2) { if (type === StreamPlayerType.WEBGL2) {
// Initialize WebGL2 player // Initialize WebGL2 player
@ -184,12 +187,12 @@ export class StreamPlayer {
this.$videoCss!.textContent = ''; this.$videoCss!.textContent = '';
this.$video.classList.add('bx-pixel'); this.$video.classList.add(videoClass);
} else { } else {
// Cleanup WebGL2 Player // Cleanup WebGL2 Player
this.webGL2Player?.stop(); this.webGL2Player?.stop();
this.$video.classList.remove('bx-pixel'); this.$video.classList.remove(videoClass);
} }
} }