1、优优酷酷 A Ap pp p 业业务务架架构构设设计计与与全全链链路路应应用用实实践践2 20 02 23 3年年2 2月月阿阿里里巴巴巴巴高高级级无无线线开开发发专专家家/郭郭帅帅（卜卜道道）优酷优酷覆盖多端的泛娱乐综合视频平台覆盖多端的泛娱乐综合视频平台剧集 综艺电影体育动漫+少儿 直播覆盖85%以上一线卫视大剧版权剧数十万集 港台剧数百部独家剧近千部国产综艺近千档，覆盖近90%卫视节目海外版权库覆盖韩、英、美等自制/合制综艺数百档院线TOP100新片 覆盖率80%以上电影片库储备近万部网络电影数千部头部IP资源实现80%以上覆盖重大赛事奥运会、世界杯、亚运会篮球CBA、CUBA、3V3搏
2、击WWE、UFC、Glory台球斯诺克、中式黑八、九球动漫少儿内容数千部独家动漫数百部小小优酷数千部高质量中外动画头部品类发布会直播CBA赛事直播来疯秀场直播淘宝直播手机 平板电视机顶盒PCMac车机IoT设备 Web优酷优酷AppApp技术团队支撑业务所面临的挑战技术团队支撑业务所面临的挑战多场景/多品类 低成本/高效率多端/多App极致体验 技术赋能抑制熵增跨团队合作组织变化人才发展业务业务技术技术组织组织业务架构设计是应对挑战的重要手段组织能力技术能力业务能力优酷优酷AppApp业务架构所面临的挑战业务架构所面临的挑战业务发展业务发展矩阵型组织结构（职能矩阵型组织结构（职能*项目）项目）
3、组织发展组织发展适应团队的组织结构和规模的变化，保持较高的战斗力和动员能力，提升协作的效率适应业务发展和行业环境的变化，保持足够的潜力和技术储备，降低试错的成本OS化动态化插件化20162016201720172019201920182018202020202021202120222022信息流直播短视频小程序端智能折叠屏互动视频中视频App工厂XR技术发展技术发展适应近十年来移动平台和视频技术的发展变化，控制熵增、偿还技术债务，保持先进性和时代感操作系统软件技术算法大数据网络技术移动终端2022年2010年2006年优酷网上线优酷移动端上线优酷依然是少年优酷优酷AppApp业务架构一览业务架
4、构一览播放业务框架播放业务框架页面统一架构页面统一架构&组件模型组件模型动态化方案动态化方案互动容器互动容器长视频长视频播放器播放器插件化技术插件化技术图层管理器图层管理器消息中间件消息中间件端容器技术端容器技术网络库网络库埋点体系埋点体系ABAB实验平台实验平台自动埋点自动埋点统一路由统一路由标准插件库标准插件库沉浸流播放器沉浸流播放器信息流框架信息流框架数据协议数据协议布局引擎布局引擎组件模型组件模型少儿播放器少儿播放器定制插件库定制插件库小程序框架小程序框架垂直领域垂直领域插件库插件库互动播放互动播放体系体系直播播放器直播播放器跨端方案跨端方案图文图文/视频视频工具工具活动活动搭投模板搭
5、投模板跨端动态跨端动态模板引擎模板引擎UIUI设计工具设计工具智能智能UIUI二级页平台二级页平台视觉标准化视觉标准化AppApp基础架构基础架构优酷优酷响应式响应式UIUI统一服务框架统一服务框架公共组件库公共组件库组件开发组件开发IDEIDE端智能技术端智能技术互动视频互动视频啄木鸟系列啄木鸟系列工具集工具集集成卡口体系集成卡口体系持续集成持续集成工具链工具链分层架构分层架构优酷优酷AppApp的主要用户动线的主要用户动线首页首页播放页播放页个人中心个人中心历史记录历史记录收藏收藏/下载下载会员会员频道频道搜索搜索社区社区短视频短视频直播间直播间个人主页个人主页内容视角内容视角 长视频 中
6、短视频 直播业务视角业务视角 分发 消费 会员 商业化优酷优酷AppApp的迭代方式的迭代方式优酷优酷AppApp首页首页“子子AppApp”会员会员“子子AppApp”社区社区“子子AppApp”大型大型AppApp的开发方式的开发方式从垂直业务的视角从垂直业务的视角从应用全局的视角从应用全局的视角迭代敏捷资源闭环团队独立流程简化捕捉机会节奏统一体验一致阵型合理规范明确分进合击产品设计阶段：通过组件化、规范化和工具化实现设计标准一体化产品设计阶段：通过组件化、规范化和工具化实现设计标准一体化播放业务框架播放业务框架页面统一架构页面统一架构&组件模型组件模型动态化方案动态化方案互动容器互动容器
7、长视频长视频播放器播放器插件化技术插件化技术图层管理器图层管理器消息中间件消息中间件端容器技术端容器技术网络库网络库埋点体系埋点体系ABAB实验平台实验平台自动埋点自动埋点统一路由统一路由标准插件库标准插件库沉浸流播放器沉浸流播放器信息流框架信息流框架数据协议数据协议布局引擎布局引擎组件模型组件模型少儿播放器少儿播放器定制插件库定制插件库小程序框架小程序框架垂直领域垂直领域插件库插件库互动播放互动播放体系体系直播播放器直播播放器跨端方案跨端方案图文图文/视频视频工具工具活动活动搭投模板搭投模板跨端动态跨端动态模板引擎模板引擎UIUI设计工具设计工具智能智能UIUI二级页平台二级页平台视觉标准化
8、视觉标准化AppApp基础架构基础架构优酷优酷响应式响应式UIUI统一服务框架统一服务框架公共组件库公共组件库组件开发组件开发IDEIDE端智能技术端智能技术互动视频互动视频啄木鸟系列啄木鸟系列工具集工具集集成卡口体系集成卡口体系持续集成持续集成工具链工具链分层架构分层架构产品设计阶段：通过组件化、规范化和工具化实现设计标准一体化产品设计阶段：通过组件化、规范化和工具化实现设计标准一体化建立设计语言的标准和范式，改变设计与开发的生产模式，实现设计与开发的品质及效率的提升。产品设计阶段：通过组件化、规范化和工具化实现设计标准一体化产品设计阶段：通过组件化、规范化和工具化实现设计标准一体化设计导出
9、工具设计导出工具UIUI效果走查工具效果走查工具提供基于设计规范和DesignToken的设计标注导出工具和走查工具，降低流程上设计师与工程师的相互依赖。设计标准一体化的应用范例设计标准一体化的应用范例在此基础能力上能较为方便的实现暗黑模式和响应式布局。研发阶段：建设研发阶段：建设OneOne系列业务架构基座，统一各业务场景研发模式系列业务架构基座，统一各业务场景研发模式播放业务框架播放业务框架页面统一架构页面统一架构&组件模型组件模型动态化方案动态化方案互动容器互动容器长视频长视频播放器播放器插件化技术插件化技术图层管理器图层管理器消息中间件消息中间件端容器技术端容器技术网络库网络库埋点体系
10、埋点体系ABAB实验平台实验平台自动埋点自动埋点统一路由统一路由标准插件库标准插件库沉浸流播放器沉浸流播放器信息流框架信息流框架数据协议数据协议布局引擎布局引擎组件模型组件模型少儿播放器少儿播放器定制插件库定制插件库小程序框架小程序框架垂直领域垂直领域插件库插件库互动播放互动播放体系体系直播播放器直播播放器跨端方案跨端方案图文图文/视频视频工具工具活动活动搭投模板搭投模板跨端动态跨端动态模板引擎模板引擎UIUI设计工具设计工具智能智能UIUI二级页平台二级页平台视觉标准化视觉标准化AppApp基础架构基础架构优酷优酷响应式响应式UIUI统一服务框架统一服务框架公共组件库公共组件库组件开发组件开
11、发IDEIDE端智能技术端智能技术互动视频互动视频啄木鸟系列啄木鸟系列工具集工具集集成卡口体系集成卡口体系持续集成持续集成工具链工具链分层架构分层架构OneOne系列系列播放业务架构播放业务架构OnePlayerOnePlayer播放业务包含长视频、中短视频、直播等，在不同场景有着不同的播放器形态、交互和业务逻辑。OneOne系列系列播放业务架构播放业务架构OnePlayerOnePlayer播放器视图结构播放器视图结构框架示意图框架示意图播放器有一套视频播放相关的基础功能，此外还有许多不同的垂直能力，上层根据不同的内容和业务有更多的变化，由多个团队提供支持。Player Service长视频
12、短视频小视频播放业务框架播放能力APIFeed流广告酷看Player Core事件管理插件管理器层容器管理器数据源管理器配置管理器适配器管理器事件管理器DLNA SDKVIP SDKVR SDK弹幕 SDK广告 SDK免流 SDKOnePlayer 框架消息通道DLNA 插件VIP插件VR 插件广告插件免流 插件弹幕插件标准插件OnePlayer API自定义插件锁屏插件连播插件静音插件插件库领域SDK业务场景OnePlayerOnePlayer的应用范例的应用范例 互动视频系统互动视频系统互动引擎互动引擎互动播放器互动播放器OneOne系列系列统一架构与组件模型统一架构与组件模型OneArc
13、hOneArch精细化运营的内容分发场景所涉及的页面众多、UI多样、逻辑复杂、迭代频繁，由多个团队支持。设计交互不统一端侧通用性差运营能力不足开发体验不一致OneOne系列系列统一架构与组件模型统一架构与组件模型OneArchOneArch标准坑位标准组件标准抽屉标准业务组件播放控制UI主题自动埋点页面路由调试工具通用工具业务场景业务组合播放页播放页首页搜索页配置解析数据管理生命周期事件分发器模型解析器ItemModuleComponentContainer组件模型页面模型核心引擎组件模型基础能力业务服务业务场景标准组件库数据加载器布局管理样式解析器组件工厂配置解析器扩展管理多级缓存预请求适配
14、器管理页面生成器状态管理首页/频道搜索页发现页UITask/DomTask管理器内核会员二级页数据协议数据协议组件模型组件模型页面容器页面容器创建流程创建流程整体树状递归结构分离结构与业务字段单节点自描述页面模型&布局引擎统一生命周期&线程池可配置扩展点组件模型&组件工厂组件复用机制组件扩展机制统一数据请求统一数据解析统一缓存机制对于页面的组成方式、创建流程、组件模型和生命周期给出显式的定义，标准组件可投放到任一标准容器里。基础架构/服务OneArchOneArch的应用范例的应用范例响应式响应式UIUI解决方案解决方案近几年折叠屏、车机等智能屏设备不断涌现，是用户增长的新方向，优酷从业务架构
15、的层面进行了积极探索。一个方案、一套代码、一个团队，以最小边际成本支持多端OneOne系列系列跨端动态模板引擎跨端动态模板引擎设计研发一体，一次编写，双端运行，具备原生的性能体验并兼具动态性。OneOne系列系列跨端动态模板引擎跨端动态模板引擎GaiaXGaiaXIDEIDE使用流程及阶段产物使用流程及阶段产物交付阶段：基于能力图谱的卡口体系，持续集成，监控及预警交付阶段：基于能力图谱的卡口体系，持续集成，监控及预警播放业务框架播放业务框架页面统一架构页面统一架构&组件模型组件模型动态化方案动态化方案互动容器互动容器长视频长视频播放器播放器插件化技术插件化技术图层管理器图层管理器消息中间件消息
16、中间件端容器技术端容器技术网络库网络库埋点体系埋点体系ABAB实验平台实验平台自动埋点自动埋点统一路由统一路由标准插件库标准插件库沉浸流播放器沉浸流播放器信息流框架信息流框架数据协议数据协议布局引擎布局引擎组件模型组件模型少儿播放器少儿播放器定制插件库定制插件库小程序框架小程序框架垂直领域垂直领域插件库插件库互动播放互动播放体系体系直播播放器直播播放器跨端方案跨端方案图文图文/视频视频工具工具活动活动搭投模板搭投模板跨端动态跨端动态模板引擎模板引擎UIUI设计工具设计工具智能智能UIUI二级页平台二级页平台视觉标准化视觉标准化AppApp基础架构基础架构优酷优酷响应式响应式UIUI统一服务框架统一服务框架公共组件库公共组件库组件开发组件开发IDEIDE端智能技术端智能技术互动视频互动视频啄木鸟系列啄木鸟系列工具集工具集集成卡口体系集成卡口体系持续集成持续集成工具链工具链分层架构分层架构多用途打包多用途打包交付阶段：基于能力图谱的卡口体系，持续集成，监控及预警交付阶段：基于能力图谱的卡口体系，持续集成，监控及预警建设能力图谱全面的掌握App各模块的业务归属、负责人、功能描述和文档链接等信
