配套的《敦煌艺术精讲》Word 讲义与教学 PPT 均由本任务自动生成,含八章节正文、关键概念、关联文物表与朗读稿。附系统架构与视觉规范说明。
纯前端多页静态站点(HTML5 + 原生 CSS3 + 原生 JS),无后端依赖,可直接部署为静态托管。地图采用 Leaflet 1.9 + CartoDB 暗色瓦片;AI 讲解员与章节朗读使用浏览器原生 SpeechSynthesis(文生语音 / Web Speech API),知识库为本地关键词匹配以保证离线可用。
index.html 首页 · chapters.html 章节总览 · chapter.html?id= 章节详情 · map.html 互动地图 · gallery.html 文物长廊 · archive.html 档案馆
css/style.css 单一设计系统 · js/data.js 种子内容(章节/城市/文物/知识库) · js/common.js 跨页逻辑(导航/音乐/讲解员/渐入) · assets/media/ 生成资源统一存放(封面、章节图、40 文物、立绘、音乐、视频) · assets/downloads/ 讲义与课件
导航、页脚、背景音乐控制、AI 讲解员由 common.js 统一注入,保证六页一致的沉浸式外壳。音乐偏好以 localStorage 跨页记忆。