feat: 添加音频资源和更新引导对话,提升学习体验

- 在多个场景中引入音频文件,增强互动性和沉浸感。
- 更新引导对话文本,确保信息准确性和一致性。
- 调整组件结构,清理冗余代码,提升可维护性。
- 引入结束窗口,鼓励用户深入了解黄炎培的教育理念。
This commit is contained in:
zhongyidian committed 2026-01-16 00:00:12 +08:00
1 parent 6e106032fd
commit a8723ab4aa
12 files changed
+158 -36

No files matched your search

+11 -4
View File
@@ -7,7 +7,7 @@ import {
StudyGuideModal,
} from "@/components";
import { useNavigate, useParams } from "react-router-dom";
import { getBackgroundImage, getStaticImage } from "@/lib/utils";
import { getBackgroundImage, getPublicPath, getStaticImage } from "@/lib/utils";
import { useState } from "react";
import Cursor from "@/components/cursor";
@@ -119,6 +119,7 @@ const HuangyanpeiPlace1 = () => {
setShowGuideModal(false);
setVisible(true);
}}
audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_01.mp3")}
>
同学你好,欢迎来到“走进故居·对话”学习模块!{"\n"}
此刻你正站在黄炎培先生故居门前,接下来就跟着时光的脉络,拆解黄先生人生里五段滚烫的旅程:思想启蒙、教育实践、创立职教、延安对话、职教传薪。准备好一起走进这段炽热的岁月了吗?
@@ -135,12 +136,17 @@ const HuangyanpeiPlace1 = () => {
}
}}
showMask={false}
highlightSelectors={[]}
>
<GuideStepsItem speaker="student">
<GuideStepsItem
speaker="student"
audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_03.mp3")}
>
小沪,这栋古色古香的江南大院,就是黄炎培先生从小生活、读书的地方吗
</GuideStepsItem>
<GuideStepsItem speaker="guide">
<GuideStepsItem
speaker="guide"
audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_04.mp3")}
>
没错,1878年10月1日,黄炎培先生就出生在当时江苏省川沙县城关镇(现上海市浦东新区川沙镇)的这处“内史第”,宅子原是他外祖父沈树镛家,也是他后来所说的“生于斯、读于斯、长于斯”之地。
</GuideStepsItem>
<GuideStepsItem speaker="guide">
@@ -153,6 +159,7 @@ const HuangyanpeiPlace1 = () => {
visible={showAfterDialogGuide}
onContinue={() => setShowAfterDialogGuide(false)}
ailgn="left"
audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_02.mp3")}
>
1.场景中出现动态光点的展品表示未浏览,可通过点击光点来了解展品背后的故事,通过滚轮可以放大展品,浏览展品后蓝色动态光点会变为已浏览状态。
{"\n"}