mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
Sameh Khamis
3a750c9021
RecordingControls publishes the safe frame a recording composes in, 16:9 or 9:16 (null while none records), to the new recording store, and the scene chrome renders the overlay's active and ratio classes from it instead of the controls writing them. Any frame but 9:16, even none named, records in 16:9 as before.
82 lines
2.5 KiB
JavaScript
82 lines
2.5 KiB
JavaScript
/**
|
|
* Own recording chrome, safe frames and the pre-recording HUD snapshot. The
|
|
* safe frame a recording composes in goes to `publishSafeFrame` ('16:9',
|
|
* '9:16', or null while none records); the scene chrome renders it.
|
|
*/
|
|
export class RecordingControls {
|
|
constructor({
|
|
syncShareState,
|
|
syncHudControls,
|
|
publishSafeFrame = () => {},
|
|
}) {
|
|
this._syncShareState = syncShareState;
|
|
this._publishSafeFrame = publishSafeFrame;
|
|
// Shows the HUD's visibility and layout on the Display controls.
|
|
this._syncHudControls = syncHudControls;
|
|
this.destroyed = false;
|
|
this._recordingMode = false;
|
|
this._recordingConfig = {
|
|
hidePanels: true,
|
|
hudMode: 'minimal',
|
|
safeFrame: '16:9',
|
|
};
|
|
this._preRecordingHudState = null;
|
|
this.hud = null;
|
|
}
|
|
_initRecordingOverlay() {
|
|
if (!this.destroyed) this._publishSafeFrame(null);
|
|
}
|
|
|
|
setRecordingMode(enabled, options = {}) {
|
|
if (this.destroyed) return;
|
|
const {
|
|
hidePanels = true,
|
|
hudMode = 'minimal',
|
|
safeFrame = '16:9',
|
|
} = options;
|
|
this._recordingMode = !!enabled;
|
|
this._recordingConfig = { hidePanels, hudMode, safeFrame };
|
|
|
|
document.body.classList.toggle(
|
|
'recording-mode',
|
|
this._recordingMode && hidePanels,
|
|
);
|
|
|
|
this._publishSafeFrame(this._recordingMode ? (safeFrame ?? '16:9') : null);
|
|
|
|
if (this._recordingMode) {
|
|
// Snapshot the user's HUD state once per recording session so exit can
|
|
// restore it (re-entrant calls must not capture mid-recording state).
|
|
if (!this._preRecordingHudState) {
|
|
this._preRecordingHudState = {
|
|
mode: this.hud.getMode(),
|
|
variant: this.hud.getVariant(),
|
|
};
|
|
}
|
|
if (hudMode === 'off') {
|
|
this.hud.setMode('off');
|
|
} else if (hudMode === 'full' || hudMode === 'minimal') {
|
|
this.hud.setMode('on');
|
|
this.hud.setVariant(hudMode === 'minimal' ? 'minimal' : 'tactical');
|
|
} else {
|
|
this.hud.setMode('auto');
|
|
}
|
|
} else {
|
|
const saved = this._preRecordingHudState;
|
|
this._preRecordingHudState = null;
|
|
if (saved) {
|
|
this.hud.setVariant(saved.variant);
|
|
}
|
|
this.hud.setMode(saved ? saved.mode : 'auto');
|
|
}
|
|
this._syncHudControls();
|
|
this._syncShareState();
|
|
}
|
|
destroy() {
|
|
if (this.destroyed) return;
|
|
// Restore an active session while its supplied HUD is still alive.
|
|
if (this._recordingMode) this.setRecordingMode(false);
|
|
this.destroyed = true;
|
|
}
|
|
}
|