一款基于 Vue 3 构建的开源、现代化科幻风格智慧文旅数字人体验平台

前言概述

文旅行业数字化转型需求迫切，传统展示方式已无法满足游客对沉浸式体验的追求。说实话，我一开始也以为数字人就是做个3D模型放PPT里，直到参与这个项目才发现背后涉及复杂的技术整合。基于Vue 3开发的开源数字人平台，正是为解决景区互动性差、信息传播低效等问题而生。

这个项目不是简单的”数字人+景区”拼凑，而是将自然语言处理、3D渲染、实时交互等技术深度整合。踩过的坑是，最初低估了不同浏览器对WebGL的支持差异，导致部分安卓机型出现花屏问题。

项目介绍

scenic-digital 项目定位为轻量级智慧文旅解决方案，核心是通过数字人提供个性化导览服务。区别于传统语音导览，数字人具备视觉交互能力，能根据游客位置和兴趣动态调整讲解内容。

该项目以 Fay 数字人服务和魔珐星云 3D 渲染 SDK 为核心，提供沉浸式的景区全景概览、实时客流监控、景点本地图片上传管理以及与 3D 伴游向导互动的综合性解决方案。

应用场景

• 景区自助导览：游客扫码唤醒数字人，获取实时路线规划
• 虚拟展厅讲解：博物馆文物通过数字人实现动态解说
• 线上云旅游：直播场景中数字人替代真人主播
• 智能客服系统：处理游客常见问题咨询

功能模块

1. 3D建模模块：使用Blender制作高精度数字人模型
2. 语音交互模块：集成科大讯飞语音识别引擎
3. 路径规划模块：基于A*算法的实时导航
4. 内容管理模块：支持景区资料动态更新
5. 数据分析模块：收集游客行为数据生成热力图

功能特点

• 跨平台支持：PC/手机/VR设备无缝切换
• 低延迟交互：响应时间控制在300ms以内
• 多语言支持：已实现中英日三语切换
• 离线模式：核心功能支持本地缓存运行

项目技术栈

前端

• 核心框架: Vue 3 (Composition API)
• 状态管理: Pinia
• 构建工具: Vite
• 样式方案: Tailwind CSS v4
• 网络请求: Axios
• 图标库: Lucide Vue Next

后端

• 核心框架: Python Flask
• 架构模式: 蓝图 (Blueprints) 路由分发 + Service 业务逻辑层
• 环境隔离: python-dotenv
• 跨域处理: Flask-CORS
• 文件处理: Werkzeug (本地安全文件上传)
• 数据库驱动: PyMySQL

数据库

• MySQL 8.0+

功能演示

开源地址

https://gitee.com/fay-community/scenic-digital