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

Restore stretch to full screen feature

Browse Source
This commit is contained in:
redphx 2023-09-08 17:15:45 +07:00
parent 6cd2648325
commit 651402a6b4
1 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
better-xcloud.user.js
View File

@ -1314,10 +1314,16 @@ class Preferences {
'max': 5, 'max': 5,
}, },
[Preferences.VIDEO_RATIO]: { [Preferences.VIDEO_RATIO]: {
'default': 16, 'default': '16:9',
'min': 16, 'options': {
'max': 21, '16:9': '16:9',
'steps': 1, '21:9': '21:9',
'16:10': '16:10',
'4:3': '4:3',
'fill': 'Stretch',
'cover': 'Cover',
},
}, },
[Preferences.VIDEO_SATURATION]: { [Preferences.VIDEO_SATURATION]: {
'default': 100, 'default': 100,
@ -2924,12 +2930,20 @@ function updateVideoPlayerCss() {
} }
const PREF_RATIO = PREFS.get(Preferences.VIDEO_RATIO); const PREF_RATIO = PREFS.get(Preferences.VIDEO_RATIO);
if (PREF_RATIO) { if (PREF_RATIO && PREF_RATIO !== '16:9') {
const minRatio = 16 / 9; if (PREF_RATIO.includes(':')) {
let maxRatio = window.innerWidth / window.innerHeight; videoCss += `aspect-ratio: ${PREF_RATIO.replace(':', '/')}; object-fit: unset !important;`;
const ratio = Math.min(maxRatio, PREF_RATIO / 9);
if (ratio > minRatio) { const tmp = PREF_RATIO.split(':');
videoCss += `aspect-ratio: ${ratio}; width: auto !important; object-fit: unset !important;`; const ratio = parseFloat(tmp[0]) / parseFloat(tmp[1]);
const maxRatio = window.innerWidth / window.innerHeight;
if (ratio < maxRatio) {
videoCss += 'width: fit-content !important;'
} else {
videoCss += 'height: fit-content !important;'
}
} else {
videoCss += `object-fit: ${PREF_RATIO} !important;`;
} }
} }
@ -2942,6 +2956,7 @@ div[data-testid="media-container"] {
#game-stream video { #game-stream video {
margin: 0 auto; margin: 0 auto;
align-self: center;
${videoCss} ${videoCss}
} }
`; `;
@ -3243,7 +3258,7 @@ function setupVideoSettingsBar() {
const $wrapper = CE('div', {'class': 'better-xcloud-quick-settings-bar'}, const $wrapper = CE('div', {'class': 'better-xcloud-quick-settings-bar'},
CE('div', {}, CE('div', {},
CE('label', {'for': 'better-xcloud-quick-setting-stretch'}, 'Video Ratio'), CE('label', {'for': 'better-xcloud-quick-setting-stretch'}, 'Video Ratio'),
PREFS.toNumberStepper(Preferences.VIDEO_RATIO, onChange, ':9')), PREFS.toElement(Preferences.VIDEO_RATIO, onChange, ':9')),
CE('div', {}, CE('div', {},
CE('label', {}, 'Clarity'), CE('label', {}, 'Clarity'),
PREFS.toNumberStepper(Preferences.VIDEO_CLARITY, onChange, '', isSafari)), // disable this feature in Safari PREFS.toNumberStepper(Preferences.VIDEO_CLARITY, onChange, '', isSafari)), // disable this feature in Safari