更新时间 : 2021-07-29 15:54:27
该程序提供了一个简易的编辑器,在用户编辑上传好素材后,可以提交任务到 VECloud 提供的渲染服务, 等待渲染完成后,用户可以看到渲染的视频。
测试程序使用了 VECloud 的存储和测试渲染服务,VECloud 会定期清空测试数据和文件
| - dist/ --- 打包后的文件目录
| - node_modules/ --- 项目依赖文件目录
| - public/ --- 静态资源
| - src/ --- 核心代码目录
| - assets --- 图片资源
| - components/ --- 组件存放目录
| - BotSar --- 编辑器底部导航栏
| - EditMain --- 编辑器主文件
| - FontColor --- 字体颜色组件
| - pagehead --- 头部导航
| - models --- models层 + controller层
| - pages/ --- 视图层
| - .umi --- umi运行自动生成, 不可修改
| - compile --- 编辑页面
| - edit --- 模板详情
| - list --- 首页
| -videoPlay --- 渲染完成页面
| - services --- 数据接口层
| - materialList --- 首页接口
| - templateList --- 编辑接口
| - types
| - utils/ --- 工具类
| - lib/ --- 首页接口
| - Affine.js --- 矩阵仿射变换支持
| - Cropper.js --- 截图
| - Exifimage.js --- 修复截图照片
| - ParseConfig.js --- 解析组装数据
| - ReplaceableJson.js --- 替换json
| - Upload.js --- 上传组件
| - commonReducers.js
| - index.js
| - request.js --- 网络请求 + 延迟处理 + 错误处理
| - requestMiddleLayer.js
| - router.js --- 路由列表
| - Storage.js --- 封装localStorage
| - userPrompt.js
| - api.js --- 接口api层
| - env.js --- 环境配置
| - global.css --- 全局css样式
| - .editorconfig
| - .env --- 启动项目自定义端口配置文件
| - .eslintrc --- 自定义eslint配置文件
| - .gitignore
| - .prettierignore
| - .prettierrc
| - .umirc.js --- umi项目配置文件
| - package.json
| - webpack.config.js
使用浏览器(推荐Chrome)打开, 并调出开发工具模拟手机,按步骤操作,即可看到渲染结果
该程序提供了一个简易的编辑器,在用户编辑上传好素材后,可以提交任务到 VECloud 提供的渲染服务, 等待渲染完成后,用户可以看到渲染的视频。
测试程序使用了 VECloud 的存储和测试渲染服务,VECloud 会定期清空测试数据和文件
| - dist/ --- 打包后的文件目录
| - node_modules/ --- 项目依赖文件目录
| - public/ --- 静态资源
| - src/ --- 核心代码目录
| - assets --- 图片资源
| - components/ --- 组件存放目录
| - BotSar --- 编辑器底部导航栏
| - EditMain --- 编辑器主文件
| - FontColor --- 字体颜色组件
| - pagehead --- 头部导航
| - models --- models层 + controller层
| - pages/ --- 视图层
| - .umi --- umi运行自动生成, 不可修改
| - compile --- 编辑页面
| - edit --- 模板详情
| - list --- 首页
| -videoPlay --- 渲染完成页面
| - services --- 数据接口层
| - materialList --- 首页接口
| - templateList --- 编辑接口
| - types
| - utils/ --- 工具类
| - lib/ --- 首页接口
| - Affine.js --- 矩阵仿射变换支持
| - Cropper.js --- 截图
| - Exifimage.js --- 修复截图照片
| - ParseConfig.js --- 解析组装数据
| - ReplaceableJson.js --- 替换json
| - Upload.js --- 上传组件
| - commonReducers.js
| - index.js
| - request.js --- 网络请求 + 延迟处理 + 错误处理
| - requestMiddleLayer.js
| - router.js --- 路由列表
| - Storage.js --- 封装localStorage
| - userPrompt.js
| - api.js --- 接口api层
| - env.js --- 环境配置
| - global.css --- 全局css样式
| - .editorconfig
| - .env --- 启动项目自定义端口配置文件
| - .eslintrc --- 自定义eslint配置文件
| - .gitignore
| - .prettierignore
| - .prettierrc
| - .umirc.js --- umi项目配置文件
| - package.json
| - webpack.config.js
使用浏览器(推荐Chrome)打开, 并调出开发工具模拟手机,按步骤操作,即可看到渲染结果