xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: split soundtrack chapter and drive commands

Browse Source
This commit is contained in:
LucaP
2026-09-04 15:43:41 +03:00
parent 5250a3174c
commit b427d101fa
9 changed files with 170 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/composables/useAudioEngine.ts
View File

@@ -1,5 +1,4 @@
import {
computed,
onMounted,
onUnmounted,
readonly,
@@ -9,17 +8,22 @@ import {
} from 'vue';
import { createAudioController } from '@/audio/create-audio-controller';
import { createBrowserSoundtrackEngine } from '@/audio/soundtrack-engine';
import { resolveJourneyMusicState } from '@/audio/journey-music-state';
import type { AudioController, AudioUiState, SoundtrackSources } from '@/audio/types';
import type {
AudioController,
AudioUiState,
ChapterIntent,
DriveEnergySample,
SoundtrackSources,
} from '@/audio/types';
declare const __PORTFOLIO_TEST_BUILD__: boolean;
const TEST_BUILD = typeof __PORTFOLIO_TEST_BUILD__ !== 'undefined' && __PORTFOLIO_TEST_BUILD__;
export interface AudioEngineSources {
activeSectionId: Readonly<Ref<string>>;
intensity: Readonly<Ref<number>>;
soundtrack: Readonly<Ref<SoundtrackSources | null>>;
volume: Readonly<Ref<number>>;
readonly chapter: Readonly<Ref<ChapterIntent>>;
readonly drive: Readonly<Ref<DriveEnergySample>>;
readonly soundtrack: Readonly<Ref<SoundtrackSources | null>>;
readonly volume: Readonly<Ref<number>>;
setVolume(value: number): void;
}
@@ -38,10 +42,6 @@ export function useAudioEngine(sources: AudioEngineSources): AudioEngineBinding
let controller: AudioController | null = null;
let removeSubscription = (): void => {};
let removePageListeners = (): void => {};
const journeyState = computed(() => resolveJourneyMusicState(
sources.activeSectionId.value,
sources.intensity.value,
));
const ensureController = (): AudioController => {
if (controller) return controller;
@@ -53,13 +53,17 @@ export function useAudioEngine(sources: AudioEngineSources): AudioEngineBinding
},
initialVolume: sources.volume.value,
initiallyVisible: document.visibilityState !== 'hidden',
initialJourneyState: journeyState.value,
initialState: {
chapter: sources.chapter.value,
drive: sources.drive.value,
},
});
removeSubscription = controller.subscribe((next) => { state.value = next; });
return controller;
};
watch(journeyState, (state) => controller?.setJourneyState(state), { flush: 'sync' });
watch(sources.chapter, (intent) => controller?.setChapterIntent(intent), { flush: 'sync' });
watch(sources.drive, (sample) => controller?.setDriveEnergy(sample), { flush: 'sync' });
watch(sources.volume, (value) => controller?.setVolume(value));
onMounted(() => {