Skip to content

Fix/866 backlog audio cleanup #978

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
MakinoharaShoko merged 5 commits into from
Jul 4, 2026
Merged

Fix/866 backlog audio cleanup #978

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
37b0c40
fix(backlog): stop other backlog audio and game vocal on click
CCreative-Od1L Jun 13, 2026
5b5b79d
fix(autoplay): pause auto play while Backlog is open
CCreative-Od1L Jun 13, 2026
c7cd1bc
refactor(backlog): unconditionally pause all backlog audios
CCreative-Od1L Jun 15, 2026
d84a758
Merge branch 'dev' into pr/978
MakinoharaShoko Jul 4, 2026
23181f7
fix: stop auto play when opening backlog
MakinoharaShoko Jul 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions packages/webgal/src/UI/Backlog/Backlog.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import useTrans from '@/hooks/useTrans';
import { compileSentence, EnhancedNode } from '@/Stage/TextBox/TextBox';
import useSoundEffect from '@/hooks/useSoundEffect';
import { WebGAL } from '@/Core/WebGAL';
import { stopAuto } from '@/Core/controller/gamePlay/autoPlay';

export const Backlog = () => {
const t = useTrans('gaming.');
Expand Down Expand Up @@ -127,6 +128,21 @@ export const Backlog = () => {
<div
onClick={() => {
playSeClick();
// 暂停所有 backlog 语音（包括当前；后续会重置并播放当前）
document
.querySelectorAll('[id^="backlog_audio_play_element_"]')
.forEach((audio: any) => {
audio.pause();
audio.currentTime = 0;
});
Comment thread
CCreative-Od1L marked this conversation as resolved.
// 暂停游戏内正在播放的语音，避免与 backlog 语音混合
const currentVocal = document.getElementById('currentVocal') as HTMLAudioElement | null;
if (currentVocal) {
currentVocal.pause();
currentVocal.currentTime = 0;
}
// 卸载 vocal-play perform，避免其 blockingAuto 阻塞自动播放
WebGAL.gameplay.performController.unmountPerform('vocal-play', true);
// 获取到播放 backlog 语音的元素
const backlog_audio_element: any = document.getElementById(
'backlog_audio_play_element_' + indexOfBacklog,
Expand Down Expand Up @@ -165,6 +181,7 @@ export const Backlog = () => {
useEffect(() => {
/* 切换为展示历史记录时触发 */
if (GUIStore.showBacklog) {
stopAuto();
// logger.info('展示backlog');
// 立即清除 防止来回滚动时可能导致的错乱
if (timeRef.current) {
Expand Down
Loading