使用说明

访问网页

　　用电脑或手机的浏览器（推荐 Chrome / Edge）打开即可，无需安装任何软件。

一、开始上课

  1. 打开网页，先出现时钟广场封面。
  2. 点击 「开始时光之旅 →」，音乐响起，进入第一个互动场景（再点一次顶栏 ▶ 可暂停，空格键也能控制播放 / 暂停）。

二、四个场景（共 4 页）

场景 内容 课堂互动建议
① 时钟广场 星空下的广场与大钟 让学生点天上的大钟，听”嘀嗒”声，感受时间脚步
② 小马车 马车随音乐奔跑 跟着音乐拍拍手、踏踏步，感受二拍子强弱规律
③ 时间飞逝 昼夜交替、四季轮转 点「⏵ 让时间飞起来」，或拖动滑块手动”拨时间”，观察一天与四季变化
④ 时光老人 AI 互动问答 点时光老人或「💬 和时光老人聊一聊」，让学生提问

　　翻页方式：屏幕下方左右箭头 ‹ ›，或直接点中间的圆点。

三、顶栏按钮

  • ▶ 播放 / 暂停歌曲（空格键同效）
  • 🔊 时光老人朗读开关（问答回答是否读出声）
  • ⛶ 全屏投影（上课推荐，再按一次或 Esc 退出）
  • ⚙ AI 设置（见下）

四、时光老人 AI 问答（可选配置）

  • 不配置也能用：内置小知识库，能回答拍子、珍惜时间等常见问题（界面显示”知识库模式”）。
  • 想要更聪明的回答：点顶栏 ⚙，选择服务商（智谱 GLM 有免费模型 / DeepSeek / Kimi / 自定义），填入接口地址、模型名和 API Key，点「测试连接」→「保存」。
  • 安全说明：API Key 只保存在当前这台电脑的浏览器里，不会上传到课件；给学生机使用建议单独申请一个 Key。

五、常见问题

  • 没有声音？ 检查顶栏 ▶ 是否在播放、电脑音量；首次点击页面后浏览器才允许发声。
  • 画面卡住？ 刷新网页（Ctrl+F5）即可重新开始。
  • 手机能用吗？ 可以，页面自适应；投屏上课建议用电脑全屏模式。
  • 断网能用吗？ 歌曲和画面都在网页内，打开后基本不依赖网络；只有 AI 问答需要联网。

六、总结

　　本课件为课程作业作品，是基于 AI 生成 3D 模型制作的音乐互动教学网页。经过实测，课件在电脑浏览器访问体验更佳；手机端虽然可以正常打开、体验全部功能，但受屏幕尺寸限制，视觉效果会大打折扣。
　　本次作品整体完成度比较粗糙，尤其是时光老人的 3D 形象效果欠佳。受两方面条件限制：一是模型资源渠道不足，暂时无法获取更适配教学场景的人物模型，后续计划更换品质更好的模型；二是制作成本有限，AI 生成 3D 素材与网页交互内容会消耗大量 token，存在一定资源开销。
　　网页课件的开发、调试仍需要持续投入时间迭代优化，后续我会继续调整画面、交互逻辑，完善课堂使用体验。