本系统实现微信聊天界面全要素模拟，包含三大核心模块：

1. 设备状态模拟：支持iOS/Android双系统状态栏设置（电量10%-100%/时间自定义/信号强度3档）

2. 角色管理系统：最大支持8个对话角色（可自定义头像/昵称/手机型号）

3. 消息类型库：文字/语音消息（时长15-60秒）/表情包（含微信原生表情集）

【界面定制方案】

1. 设备参数配置：

• 状态栏样式：iOS毛玻璃效果/Android Material Design

• 时间格式：12小时制/24小时制

• 电量显示：精确到1%变化动画

2. 对话窗口设置：

• 聊天背景：内置20款官方壁纸+自定义上传

• 消息气泡：绿色（对方）/白色（己方）

• 时间戳：支持显示/隐藏消息发送时间

【对话模拟功能】

1. 消息编排系统：

• 对话流程编辑器：拖拽式消息排序

• 发送间隔设置：0-30秒随机/固定延迟

• 已读回执模拟：双蓝勾显示控制

2. 特殊效果支持：

• 语音波形图：自动生成伪随机声纹

• 转账红包：自定义金额（0.01-200元）

• "对方正在输入"状态模拟

【输出与分享】

1. 成品导出格式：

• 静态图片：PNG超清截图（3840×2160）

• 动态视频：MP4格式（25FPS，最长3分钟）

• GIF动图：可调分辨率（480P/720P/1080P）

2. 传播优化功能：

• 抖音适配：9:16竖屏比例预设

• 水印管理：自定义位置/透明度/文字内容

• 批量生成：同时创建多组对话场景

【技术实现方案】
基于Web技术栈开发：

• 前端框架：Vue3 + Canvas绘图引擎

• 图像处理：Fabric.js动态渲染

• 视频合成：FFmpeg.wasm浏览器端转码

• 设备模拟：CSS3媒体查询+Flex布局

【部署配置指南】

1. 服务器环境要求：

• PHP 7.4+ / Nginx 1.18+

• 内存≥2GB / 开启GD库扩展

2. 快速部署步骤：

• 上传源码至网站根目录

• 配置伪静态规则（Nginx示例）：

复制

location / {  
    try_files $uri $uri/ /index.php?$query_string;  
}

• 访问域名完成自动安装

【注意事项】

1. 路径规范：

• 安装目录不得包含中文或特殊字符

• 缓存目录需设置777权限（/runtime）

2. 素材规范：

• 头像图片建议尺寸：200×200像素

• 语音文件需为MP3格式（码率≥128kbps）

• 自定义背景图不超过5MB

3. 浏览器兼容性：

• 推荐Chrome 100+ / Firefox 90+

• iOS Safari需14.5+版本