Hi, there👋

lmo-DataVisualization

介绍

lmo-DataVisualization，一款开源可视化数据制作工具。根据提供的模板，将各种业务数据转换为视频动画，使数据更加形象、生动。

内置功能

数据相关
- 支持手动编辑数据
- 上传本地数据
- 可导出模板示例数据
文字 / 主题相关
- 支持配置标题信息、颜色
- 配置图表主题颜色
- 背景颜色
- 标题动画
- 背景图片
音频 / 时间相关
- 背景音乐
- 设置音量大小
合成相关
- 合成帧率设置
- 视频清晰度配置(最高支持4K)
- 动画时间配置

PS：不同的模板配置项可能有些差别，这是根据模板内部提供给编辑器的选项进行的。

主要功能完成情况

功能	介绍	完成情况
合成视频	将模板动画转换为视频	完成
添加音频	视频动画的音频	完成
保存为自定义模板	将当前模板保存为自定义配置	进行中
部署文档	该应用程序在不同操作系统中的部署方式	进行中

*注：由于合成服务无法模拟Animate.css提供的动画，后续将会采用纯JavaScript进行对Animate.css动画的模拟。

开发

本项目服务端文件在/server目录下。合成需要ffmpeg支持，点击这里下载 (为保证合成的视频能兼容H.264编码,建议使用GPL协议编译的ffmpeg)

Github、Gitee同步更新，如果您无法从和GitHub获取代码，请尝试从Gitee。

#clone
git clone https://github.com/ayuanlmo/lmo-data-visualization
#安装模块
yarn
#启动项目
yarn serve
#进入服务端目录
cd serve/
#安装服务端模块
yarn
#运行服务端
yarn start-server

发布

#打包前端
yarn build
#注意部署后 请配置前端的WebSocket 和 API接口的反向代理
#WebSocket默认为：/connectSocket
#API接口默认为：/server
#如果你需要修改以上配置 请到/config/DevProxy.js修改配置
#服务端可直接cp代码 然后通过脚本运行