景区导航数字人ai-scenic-ai-guide
2026-06-23 23:19:33
行业：旅游
载体：网站、H5
技术：JavaScript、PL/SQL、SQLAlchemy、Vue
业务和功能介绍
1、立项背景和目标
本项目是一款AI智能景区导游助手Web应用，覆盖全国358家5A级旅游景区。立项背景有三：一是国内旅游市场复苏后，游客对景区智能化导览服务需求激增，但现有方案以语音导览机为主，缺乏交互性与个性化；二是大语言模型成熟后，AI对话式导览成为可能，可替代传统静态语音讲解；三是多模态交互（文字/语音/图片）可降低中老年用户使用门槛。目标是打造一款面向C端的、具备商业化落地能力的智能导览产品，支持景区知识问答、路线规划、虚拟数字人陪伴讲解等核心场景。
2、软件功能、核心功能模块
应用包含八大核心功能模块：
AI对话系统：基于SSE流式协议实现实时对话与打字机效果，支持多轮会话管理（conversationId缓存），网络异常时自动降级至HTTP JSON或Mock模式；
语音交互系统：双路径设计——首选浏览器Web Speech API实现零延迟语音识别，降级方案使用Web Audio API手动编码WAV（16kHz/单声道/16bit PCM）传输至后端ASR+TTS，语音播报支持多音色切换；
Live2D数字人系统：基于PixiJS + Live2D Cubism 4集成3D动画角色，支持点击交互与口型同步。设计三层降级策略：Live2D模型 → CSS纯绘角色（含口型/眨眼动画）→ 加载中状态，确保弱网环境可用；
景区数据体系：构建358家5A景区结构化数据（含省份/城市/标签/坐标），支持名称、省份、城市、标签多维搜索，按省份分组卡片网格渲染；
管理后台数据大屏：基于ECharts实现服务人次趋势、热门问答TOP5、满意度走势、问答分类分布等核心指标可视化，按需引入优化打包体积；
路由与权限系统：完整路由守卫（未登录自动跳转/login），localStorage存储登录态，区分C端用户与管理员视图；
多模态输入：文字/语音/图片三通道输入，图片上传目前走Mock AI回复，预留多模态API接入接口；
地图与路线规划：基于Leaflet集成地图视图，支持景区位置标记与游览路线添加。
3、业务流程、功能路径描述
用户访问 → 登录页（模拟登录）→ 景区选择页（卡片网格+搜索+省份筛选）→ 选择景区进入主界面（底部Tab：对话/地图/功能区/个人中心）→ 对话页：文字输入/语音输入/图片上传 → AI流式回复 + TTS语音播报 + Live2D口型同步 → 支持多轮对话（同一景区上下文连续）→ 切换景区自动重置会话 → 管理员登录后进入管理后台 → 查看数据大屏/知识库管理/数字人配置/舆情分析。未登录状态访问任何页面自动跳转登录页。
本项目是一款AI智能景区导游助手Web应用，覆盖全国358家5A级旅游景区。立项背景有三：一是国内旅游市场复苏后，游客对景区智能化导览服务需求激增，但现有方案以语音导览机为主，缺乏交互性与个性化；二是大语言模型成熟后，AI对话式导览成为可能，可替代传统静态语音讲解；三是多模态交互（文字/语音/图片）可降低中老年用户使用门槛。目标是打造一款面向C端的、具备商业化落地能力的智能导览产品，支持景区知识问答、路线规划、虚拟数字人陪伴讲解等核心场景。
2、软件功能、核心功能模块
应用包含八大核心功能模块：
AI对话系统：基于SSE流式协议实现实时对话与打字机效果，支持多轮会话管理（conversationId缓存），网络异常时自动降级至HTTP JSON或Mock模式；
语音交互系统：双路径设计——首选浏览器Web Speech API实现零延迟语音识别，降级方案使用Web Audio API手动编码WAV（16kHz/单声道/16bit PCM）传输至后端ASR+TTS，语音播报支持多音色切换；
Live2D数字人系统：基于PixiJS + Live2D Cubism 4集成3D动画角色，支持点击交互与口型同步。设计三层降级策略：Live2D模型 → CSS纯绘角色（含口型/眨眼动画）→ 加载中状态，确保弱网环境可用；
景区数据体系：构建358家5A景区结构化数据（含省份/城市/标签/坐标），支持名称、省份、城市、标签多维搜索，按省份分组卡片网格渲染；
管理后台数据大屏：基于ECharts实现服务人次趋势、热门问答TOP5、满意度走势、问答分类分布等核心指标可视化，按需引入优化打包体积；
路由与权限系统：完整路由守卫（未登录自动跳转/login），localStorage存储登录态，区分C端用户与管理员视图；
多模态输入：文字/语音/图片三通道输入，图片上传目前走Mock AI回复，预留多模态API接入接口；
地图与路线规划：基于Leaflet集成地图视图，支持景区位置标记与游览路线添加。
3、业务流程、功能路径描述
用户访问 → 登录页（模拟登录）→ 景区选择页（卡片网格+搜索+省份筛选）→ 选择景区进入主界面（底部Tab：对话/地图/功能区/个人中心）→ 对话页：文字输入/语音输入/图片上传 → AI流式回复 + TTS语音播报 + Live2D口型同步 → 支持多轮对话（同一景区上下文连续）→ 切换景区自动重置会话 → 管理员登录后进入管理后台 → 查看数据大屏/知识库管理/数字人配置/舆情分析。未登录状态访问任何页面自动跳转登录页。
项目实现
1、整体架构和设计思路，不同模块使用的技术栈
技术栈：Vue 3 (Composition API + script setup) + TypeScript + Vite + Vue Router (Hash模式) + Pinia + Axios。图形与可视化：PixiJS + Live2D Cubism 4（数字人渲染）、ECharts（按需引入数据大屏）、Leaflet（地图）。语音：Web Speech API（TTS + ASR）、Web Audio API（WAV录制编码）。测试：Vitest。格式化：Prettier。
架构设计思路：采用“分层解耦 + 多级降级”的前端架构。视图层（Views）负责UI渲染与用户交互，服务层（api.ts）封装所有后端通信（SSE/HTTP/FormData），工具层（utils）封装TTS/语音录制/Live2D等独立能力，数据层（scenicSpots.ts）提供静态景区数据与检索工具。状态管理使用Pinia管理全局用户态与景区态，会话级数据（对话历史）存入sessionStorage（标签页关闭即清除），持久化数据（userId/登录态）存入localStorage。核心设计原则：（1）所有异步请求支持AbortController中断；（2）所有第三方依赖（Live2D/ECharts）按需加载或配置降级方案；（3）资源清理完整（onUnmounted销毁PIXI Application/AudioContext/MediaStream）。
2、“我”的负责模块和结果（尽可能量化）
本人独立完成全部前端代码的开发与调试。具体负责模块及成果：
SSE流式对话系统（api.ts 80行 + HomeView.vue 70行）：使用原生fetch + ReadableStream逐块读取，支持跨chunk缓冲区拼接、[DONE]信号解析conversationId、AbortController中断前序请求，实现流畅打字机效果；
语音交互双路径（HomeView.vue 80行 + voiceRecorder.ts 60行）：浏览器ASR（SpeechRecognition API）与后端ASR（手动WAV编码）双路径切换，降级成功率100%（后端ASR兜底）；
Live2D数字人集成与降级（Live2DCharacter.vue 约200行）：PixiJS + Live2D Cubism 4模型加载与销毁，CSS纯绘角色兜底方案（含口型/眨眼/表情切换/光环动画），三层降级保证任何环境下均有视觉反馈；
TTS语音播报（tts.ts 约80行）：多音色优先级选择（Xiaoxiao→Yunxi→Xiaoyi→Google），onvoiceschanged异步加载+3秒超时兜底
技术栈：Vue 3 (Composition API + script setup) + TypeScript + Vite + Vue Router (Hash模式) + Pinia + Axios。图形与可视化：PixiJS + Live2D Cubism 4（数字人渲染）、ECharts（按需引入数据大屏）、Leaflet（地图）。语音：Web Speech API（TTS + ASR）、Web Audio API（WAV录制编码）。测试：Vitest。格式化：Prettier。
架构设计思路：采用“分层解耦 + 多级降级”的前端架构。视图层（Views）负责UI渲染与用户交互，服务层（api.ts）封装所有后端通信（SSE/HTTP/FormData），工具层（utils）封装TTS/语音录制/Live2D等独立能力，数据层（scenicSpots.ts）提供静态景区数据与检索工具。状态管理使用Pinia管理全局用户态与景区态，会话级数据（对话历史）存入sessionStorage（标签页关闭即清除），持久化数据（userId/登录态）存入localStorage。核心设计原则：（1）所有异步请求支持AbortController中断；（2）所有第三方依赖（Live2D/ECharts）按需加载或配置降级方案；（3）资源清理完整（onUnmounted销毁PIXI Application/AudioContext/MediaStream）。
2、“我”的负责模块和结果（尽可能量化）
本人独立完成全部前端代码的开发与调试。具体负责模块及成果：
SSE流式对话系统（api.ts 80行 + HomeView.vue 70行）：使用原生fetch + ReadableStream逐块读取，支持跨chunk缓冲区拼接、[DONE]信号解析conversationId、AbortController中断前序请求，实现流畅打字机效果；
语音交互双路径（HomeView.vue 80行 + voiceRecorder.ts 60行）：浏览器ASR（SpeechRecognition API）与后端ASR（手动WAV编码）双路径切换，降级成功率100%（后端ASR兜底）；
Live2D数字人集成与降级（Live2DCharacter.vue 约200行）：PixiJS + Live2D Cubism 4模型加载与销毁，CSS纯绘角色兜底方案（含口型/眨眼/表情切换/光环动画），三层降级保证任何环境下均有视觉反馈；
TTS语音播报（tts.ts 约80行）：多音色优先级选择（Xiaoxiao→Yunxi→Xiaoyi→Google），onvoiceschanged异步加载+3秒超时兜底
示例图片视频
相似推荐
企业园区管理系统-园区管理小程序
面向企业多园区日常运营。随着业务规模扩大，会议预约、访客接待、公车调度、设备共享、巡更安防等事务长期依赖线下登记与分散沟通，信息传递慢、审批链条长、数据难追溯。立项目标是建设一套覆盖「移动申请—流程审批—后台管控」的数字化平台，让员工在手机上完成办事，让管理员在网页端统一配置与监管，提升行政效率与园区管理水平。
系统由微信小程序、Spring Boot 业务后端、基于若依与 Flowable 的网页管理端组成，按业务划分为四大板块。行政服务含会议预约与扫码签到、企业邮箱申请、名片管理、办公用品申领、展厅预约、检测设备预约；园区管理含来访处理、车辆通行证申请、蓝牙巡更打卡；车辆管理含公车申请/派车/还车、货车预订及多级审核；后勤服务含每周食谱、线上超市、意见箱与问卷调查。管理端对应提供访客、会议室、设备、公车、巡更点位、展厅、用品、名片、邮箱、食谱及小程序用户等维护功能，并通过 Flowable 配置多级审批流程。
典型业务路径如下：员工在小程序首页选择功能模块，填写表单并提交；后端校验身份与数据后写入数据库，触发 Flowable 工作流，推送给部门主管、行政或车队等审批人；审批人在管理端或小程序待办中处理，流程结束后更新业务状态，并通过微信模板消息或订阅消息通知申请人。以公车预约为例：员工填写用车时间、人数、事由→部门审核→行政/车队派司机→用车完成后还车登记→管理员可在后台查询全程记录。以巡更为例：安保人员打开巡更模块，通过蓝牙连接指定信标设备，系统结合 RSSI 信号判断是否在打卡点位范围内，验证通过后记录巡更时间与位置。不同角色（普通员工、安保、物业、管理员）登录后首页菜单自动切换，实现「同一平台、分级可见」，形成完整业务闭环。
企业科研项目管理系统-科研项目管理系统
泰金科研项目管理系统（019_RPMSC）面向科研机构课题全生命周期管理，旨在解决传统模式下纸质文档流转繁琐、审批环节分散、工时与项目进度脱节、跨部门协同成本高、历史数据难以追溯等问题。建设目标是打造一体化、数字化的课题管理平台，贯通「立项—执行—验收」主线，并与工时记录、工作日志、经费执行等环节联动，实现无纸化流转、流程规范化、多角色协同及数据集中管控与自动汇总，提升科研管理效率与过程可追溯性。
系统功能覆盖课题管理全链条。项目管理中枢以课题主数据为核心，维护项目编号、负责人、成员、阶段状态及审批状态，支持按角色、部门、项目成员进行数据权限过滤，科研管理办公室可按部门分库查询。课题文档与审批涵盖课题申请、开题评审、课题计划、开题报告、阶段评审、结题评审、结题报告、变更申请、终止报告、试验验证报告等十余类业务单据，各模块独立列表管理并关联课题主键，支持在线填报、附件上传、Excel 导出及版本留痕。工作流引擎基于 Flowable 实现流程可视化配置、待办/已办任务处理、多级审批、驳回与流程跟踪，流程结束自动推进课题阶段。文档生成支持配置 Word 模板，通过书签机制将表单数据与审批意见自动填充，生成标准化科研文档。辅助管理包括工时统计、工作日志、经费执行台账、实验室样品/废料台账、实验记录、申报统计（Declare）及数据上传等模块。系统支撑提供用户、角色、部门、菜单权限管理，电子签章配置，流程与模板配置，以及定时任务等基础能力。
业务流程以课题主状态机驱动。课题创建后进入「课题申请」阶段，填报申请表并发起 Flowable 审批；审批通过后通过 commitProject 提交进入下一阶段，依次经历开题评审→课题计划→开题报告→阶段评审（可多次循环）→结题评审→结题，最终标记为「已完成」。各阶段典型路径为：在对应业务页面填写表单→保存→发起流程→审批人在待办中处理（可写入审批意见并回填 Word 书签）→流程结束由监听器更新业务表状态并推进课题阶段。分支流程包括：任意阶段可发起「课题变更」，变更审批结束后同步主数据并恢复至变更前状态；可发起「试验验证」，结束后通过 Redis 缓存恢复原有阶段；可发起「课题终止」，流程结束后标记为「已终止」。功能路径上，项目负责人从「项目信息管理」进入课题详情，按当前阶段跳转至对应业务菜单操作；审批人从「待办任务」统一处理各类型审批；管理员在「流程配置」「模板管理」「电子签章配置」中维护流程与文档规则；科研办通过申报统计模块汇总台账数据。系统通过「业务单据 + 流程实例 + 课题状态」三层联动，形成闭环管理路径。
微信小程序-渝铁通
为派出所事项的快速文档处理，警察具有太多文档需要填写和审核，可以通过在线小程序来实现填写、打印、上传、审核等功能，为民警节约大部分时间和精力，正如科技改变生活一样。由于安全和隐私问题不方便展示全部功能，可自行在微信里搜索使用。
企业内部管理系统
中小企业内部管理系统，主要包括以下子系统：
1.考勤系统
出退勤，统计，报表
2.会议预约系统
自动提示参会者的空闲时间段，和teams自动连携，发送会议邮件
3.项目预算系统
项目整体预算，中途调整
4.工资计算
根据出退勤统计，结算工资（出差费，报销等等）
5.项目计划
项目的计算，进度监控等
等等
知识库智能体
本项目面向企业知识管理与智能问答场景，旨在解决传统知识库检索精度低、无法处理复杂多步问题等痛点，引入 AI Agent 编排能力实现从问题理解到答案生成的全链路自动化。系统核心包含四大功能模块：RAG 检索增强生成模块实现知识的语义召回；LangGraph4j 状态图引擎负责任务规划、并行执行、结果评估与答案汇总的流水线编排；CheckPoint 断点恢复与人机协同审批模块保障关键操作的可控性；SSE 实时推送模块提供图执行轨迹的可视化观测。业务流程以"用户提问→知识检索→任务规划→人工审批→并行执行→结果评估→答案汇总"为主线，功能路径遵循"前端交互→Controller 接入→Service 编排→图引擎调度→LLM 调用→流式响应"的技术链路，形成端到端闭环。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服