景区导航数字人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秒超时兜底
示例图片视频
相似推荐
智能客服
呼叫中心系统
有来电自动弹屏（接入换热站数据以及收费系统数据，根据来电号码显示用户信息及用户所属换热站信息），智能座席选择、自动语音应答、坐席接答、主动呼叫、电话转接、全程录音、呼叫黑名单、班长座席监控、客服服务评价、话务统计等功能。
客服管理系统
拥有业务受理、智能派单、工单分派、工单跟踪、工单回访、工单审核、催办督办、工单监控、通知公告、工况信息、统计分析、派单短信、热线报表、维修报表、工单分析、测温分析、知识库管理等模块。
客服移动端
有接单、抢单、工单回复、工单审核、工单改派、拍照、测温、录音、录像、客户签字、移动督办、呼叫维修员、维修员GIS分布、运行信息、通知公告、移动端报表等功能。
客户微信端
微信报修、报停申请、复热申请、提交投诉、提交建议、暖费查询、优惠通知、供热公告、催缴信息。
AI智能语音交互
AI客服支持智能呼入和智能外呼，接入换热站数据以及收费系统数据，自动分析用户诉求根据用户语音识别意图，可多轮对话确认业务意图，以自然语言方式告知用户。通话类型包括：
咨询类，通过意图关键词在知识库中检索到对应知识。
查询类，从业务系统中检索用户所需数据。
办理类，确认用户具备所要办理业务的条件，收集办理业务所需数据内容并自动提交。
回访调查类，工单完成后自动呼叫用户，确认问题是否解决，收集满意度评价。
信息核实类，主动呼叫用户，核实完善用户的个人资料信息，如手机号、身份证号、房本面积等。
AI智能微信客服
在微信公众号、网站、App应用里都可以集成AI客服能力，实现在线服务，AI客服会根据用户近期的诉求数据，自动罗列“猜你想问”，以及推荐气泡，提供智能导办，用户快速点击即可了解所需信息和办理所需业务，也可通过输入文字方式和AI客服进行交流。
AI智能质检
服务质检是热线服务运营过程中非常重要的一个品质管控环节。面对大量的电话录音，传统人工听录音抽检的方式效率低、成本高。通过AI智能质检可以更大覆盖率甚至全量地对录音进行质检，并实时反馈质检结果；同时也可提取出用户反馈的热点问题、舆论风险，做到先知先觉，主动干预。
AI运营数据分析
可对指定时间内AI客服的接待人次、对话轮次、解决接待量、转入人工量、用户咨询热点、回访调查等数据进行统计分析。
项目管理后台-项目管理
一、业务背景
这是一个个人使用的项目管理系统，主要用于集中管理多个项目与合作店铺的关联关系，包括店铺注册、项目-店铺关联、计费管理、白名单校验等功能。
数据规模：项目 10-50 个，店铺 100-500 个
适用场景：个人使用 + 云服务器部署
二、用户角色
项目管理员 拥有系统所有权限，管理项目、店铺、关联关系、缴费记录
店铺经理 通过店铺令牌访问，可查看关联项目信息、发起续费支付
三、核心功能模块
1. 登录认证
管理员用户名密码登录
登录后可访问系统
2. 项目管理
项目 CRUD（增删改查）
项目字段：中英文名称、描述、分类（网页/小程序/App）
3. 店铺管理
店铺 CRUD
店铺字段：名称、四字标识（唯一）、联系人、联系方式、规模（小/中/大）
4. 关联管理
项目与店铺多对多关联
设置开通日期、到期日期、白名单开关、关联状态（正常/已过期/已禁用）
5. 计费管理（项目定价）
按店铺规模定价：小/中/大三个档次
不同项目可独立定价
通过 project_pricing 表存储每个项目对应每种规模的年费
规模 默认年费 说明
小 999元/年 适合小型店铺
中 2999元/年 适合中型店铺
大 5999元/年 适合大型店铺
6. 缴费管理
记录店铺缴费历史
字段：店铺、项目、金额、日期、年限、支付方式、微信订单号、支付状态、备注
支付状态：0-待支付，1-已支付，2-已退款，3-已取消
7. 支付管理（微信支付续费）
店铺经理可直接发起微信支付续费
当前使用模拟支付模式，无需真实微信支付 SDK
支付流程：生成订单 → 显示二维码 → 模拟支付成功 → 自动更新白名单状态和到期日期
8. 令牌验证（白名单校验）
店铺使用令牌请求验证接口
系统解析令牌，获取店铺标识和日期信息
校验：店铺是否存在 → 是否关联项目 → 是否在白名单 → 是否过期
返回验证结果
服装、纺织行业ERP管理系统
一、立项背景和目标：服装/鞋帽制造行业存在款式多、尺码颜色组合复杂、物料种类繁杂、外发加工频繁、跟单信息分散等痛点。传统手工或Excel管理下，订单→采购→生产→仓储→发货→对账各环节信息割裂，进度难追踪，库存混乱，对账效率低，客户无法自助查询。心影ERP旨在以销售订单为核心驱动，打通从客户建档、样衣确认、采购物料、工厂生产、入库出库、发货物流到财务对账的全业务链路，实现数据一体化、进度可视化、财务自动化，并为客户提供只读自助门户降低沟通成本。
二、核心功能模块：系统共12大模块——基础资料（客户/供应商档案、尺码动态分类、颜色中英文、跟进类型/发货方式/合同条款自定义配置）；产品管理（产品录入、BOM物料清单、面料辅料加工费用自动成本核算）；订单及进度（样衣版本管理、销售订单9种动态跟进类型跟单、产品明细/工厂信息、发货信息统一模型）；采购管理（采购单录入、合同审核锁定、合同模板动态化、采购与入库数量对比）；辅料管理（分类/入库/出库，采购合同审核后才可入库）；面料仓库（双虚拟仓：原始仓→检验出库→生产仓→再加工出库→销售出库，库存不足禁止出库，销售出库自动生成应收应付）；成品发货申请（申请→审核→出库→生成应收，业务员数据隔离）；成品服装管理（SKU按品级×颜色区分、撤销出入库联动财务单据、检验结果录入）；财务管理（应收应付自动生成、收付款/发票/对账单、年度同比折线图与客户占比饼图）；统计查询（20+维度）；手机端查询；系统管理（RBAC权限、角色/管理员管理、授权管理）。
三、业务流程：核心闭环为"客户建档→样衣确认→销售订单创建→采购物料（面料/辅料采购单→合同审核）→面料入仓原始仓→检验出库→生产仓→辅料入库→成品入库（按SKU）→发货申请→审核→成品出库（扣库存+生成应收）→发货物流→财务结算（应收应付→收付款→发票→对账单）"。客户门户为英文只读门户，提供订单查询、7类跟单进度查看、发货物流查询，不支持自助下单/对账/付款。
泛微OA替代型-智能审批与费控管理平台
1.立项背景和目标：旧有OA系统扩展性差，且无法适应复杂的差旅报销标准。目标自研一套集预算控制、发票验真、多级审批于一体的轻量级费控系统，覆盖全公司2000+员工日常报销。
2.核心功能模块：可视化流程设计器、动态自定义表单、预算冻结与释放、员工报销申请及OCR发票识别、出纳支付打款模块。
3.业务流程与路径：员工填写报销单（OCR识别发票） -> 系统自动校验预算余额并冻结额度 -> 根据金额路由至不同审批链（主管->财务） -> 审批通过后出纳批量支付 -> 支付完成后回传凭证并释放剩余预算。
中债金科pc 端办公网站开发
1.为方便内部人员在线查看各部门问题及解决问题而开发 作用是在线提出部门遇到的问题，监测问题状态审批流转，显示不同角色登录查看问题提出或者解答及对问题答案是否认同的情况和对应的问题数据反显
2.提供可视化数据显示方案
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服