DataFun-上午-1st-腾讯内容创作视频云剪辑技术实战-mingzhixu(徐明志).pdf

1、徐明志徐明志 腾讯腾讯 前端开发工程师前端开发工程师|智影介绍与架构概览智影介绍与架构概览素材上传全链路优化素材上传全链路优化轨道区体验与性能提升轨道区体验与性能提升视频渲染与合成技术探秘视频渲染与合成技术探秘|目录目录|智影介绍与架构概览智影介绍与架构概览|视频云剪辑技术实战视频云剪辑技术实战云服务的便利云服务的便利桌面应用的体验桌面应用的体验云剪辑云剪辑|视频云剪辑技术实战视频云剪辑技术实战丰富的创辅工具数字人播报、文本配音、字幕工具、视频解说、智能横转竖、文章转视频等海量的创作素材腾讯视频版权素材、热门配乐音效、滤镜特效库、贴纸、版权图片库等强大的剪辑能力功能和体验对齐端产品的Web 剪

2、辑工具，云端存储，轻巧便捷，强大好用https:/https:/智影智影|视频云剪辑技术实战视频云剪辑技术实战智影智影|视频云剪辑技术实战视频云剪辑技术实战智影后台智影后台权限管理权限管理合成发布合成发布服务对接服务对接日志监控日志监控素材管理素材管理项目管理项目管理成片管理成片管理用户管理用户管理总体架构总体架构WebWeb端端资源管理资源管理预览播放预览播放属性调节属性调节监控上报监控上报轨道剪辑轨道剪辑数据管理数据管理资源缓存资源缓存资源加载资源加载视频中台视频中台视频上传视频上传视频转码视频转码音频分离音频分离雪碧图抽取雪碧图抽取接入层接入层页面管理页面管理接口鉴权接口鉴权数据处理数据

3、处理花字服务花字服务|视频云剪辑技术实战视频云剪辑技术实战PixianimejsthlsshaderWebGLService WorkerIndexedDBFFmpegTimer时间驱动器SourcePool资源加载管理InstanceList实例管理Store全局数据Metadata素材元信息Config全局配置素材选择素材上传模块素材录制模块编辑操作数据修正模块轨道布局引擎轨道渲染引擎属性调节FormItem 控件集合PropsContext媒体素材基类动画素材基类花字系统滤镜效果合成模块画面渲染引擎预览区预览区属性区属性区轨道区轨道区素材区素材区全局模块全局模块技术依赖技术依赖WebWe

4、b端架构端架构|素材上传全链路优化素材上传全链路优化|视频云剪辑技术实战视频云剪辑技术实战转码存储使用云端Service Worker上传上传提取信息上传等待时间长用户上传操作后，如何立即剪辑？读取到文件后，经过了哪些处理？素材上传素材上传|视频云剪辑技术实战视频云剪辑技术实战素材上传素材上传转码存储使用云端Service Worker上传信息提取计算指纹DB 比较编码格式封装格式宽高时长文件头尾+文件信息 sha1计算耗时从几百毫秒或几秒，下降到几十毫秒|视频云剪辑技术实战视频云剪辑技术实战素材上传素材上传存储使用云端Service Worker上传提取信息不支持的检测带封面的音频H264

5、mp4确定编码格式VP8 webmmp3转码FFmpeg依据是否有透明通道|视频云剪辑技术实战视频云剪辑技术实战HDRHDR 视频色彩失真视频色彩失真使用的开源 FFmpeg 版本不能正确解析 HDR不支持转成基于 zScale 色彩映射的 SDR 视频失真视频原视频素材上传素材上传存储使用云端Service Worker上传提取信息|视频云剪辑技术实战视频云剪辑技术实战重新编译重新编译 FFmpegFFmpeg WasmWasm1.支持 zScale，可以将 HDR 转成 SDR2.禁用不必要的依赖库3.启用编译优化选项包体积下降素材上传素材上传存储使用云端Service Worker上传提

6、取信息原视频智影竞品C|视频云剪辑技术实战视频云剪辑技术实战跨域隔离跨域隔离使用 SharedArrayBuffer 的方式：申请 Chrome origin trials（过渡方案，即将废弃）将站点开启跨域隔离（将站点开启跨域隔离（CrossCross-origin isolationorigin isolation）启用跨域隔离存在这几个问题：cdn 图片资源加载失败 跨域 js 加载失败 登录等使用 iframe 嵌入的页面无法访问解决方法：请资源提供方帮忙设置CORP标头（麻烦）使用官方提供的另一个COEP新值credentialless（兼容性差）只在必须开启的页面开启跨域隔离只在必