阿里文娱技术

GaiaX跨端模板引擎，是在阿里优酷、淘票票、大麦内广泛使用的Native动态化方案，其核心优势是性能、稳定和易用。本系列文章《GaiaX开源解读》，带大家看看过去三年GaiaX的发展过程。

GaiaX（盖亚），是在阿里文娱内广泛使用的Native动态化方案，其核心优势是性能、稳定和易用。本系列文章《GaiaX开源解读》，带大家看看过去三年GaiaX的发展过程。

本篇中将进一步深入GaiaX的各个细节，深度解读GaiaX团队同学是如何进行方案落地的，看完本篇内容相信你一定会有所收获。

本文内容出自阿里文娱AI大脑北斗星团队，研究成果已发表在ACMMM 2022论文名：Enlarging the Long-time Dependencies via RL-based Memory Network in Movie Affective Analysis

文章会从优酷的业务特色、客户端研发效能的瓶颈问题、提出解决研发效能问题的思路这三个方面分别来进行介绍，带大家进一步了解GaiaX的起源。

播放转化率，是一个平台重要指标。本文关注从数据分析角度，实现C端的播转率优化。

本文聚焦于整体治理思路，以治理实践为依托，讲述瘦身技术、治理模式、治理策略，以及背后的思考与取舍。

跨平台的多媒体渲染引擎OPR的架构设计、基于native UI的弹幕渲染、音视频渲染等技术内容

本文主要聚焦在优酷弹幕穿人渲染相关技术介绍，包括弹幕渲染流程、弹幕穿人渲染实现及工程上的优化实践等相关方面。

弹幕穿人方案主要分为两类：“云端离线人体分割+端侧渲染”和“移动端端侧实时人体分割+端侧渲染”。在这里我们分别简称为云端方案和端侧方案。本系列文章主要聚焦在优酷端侧弹幕穿人的技术实战上，主要包括优酷跨平台多媒体渲染引擎OPR简介、优酷端侧弹幕穿人架构设计与工程实战、淘系端智能PixelAI移动端实时人像分割技术、以及优酷弹幕渲染及弹幕穿人渲染技术的方方面面。...

《大闹天宫》、《黑猫警长》、《舒克和贝塔》……这些儿时的“小伙伴”陪伴我们一起度过难忘的童年时光，让我们看看，如何用【高清修复算法】，让他们的清晰度翻倍，重焕新光彩！

概述优酷是一个多屏、多端，以内容分发及内容消费为主体的文娱生态综合体。 在内容分发场景，存在大量的客户端开发需求，包括视觉升级、各场景的业务需求迭代、大小屏设备需求同步等，为了降低研发在跨端场景中组件重复开发的技术成本，优酷技术团队于2019年底开始探索跨端动态化研发提效解决方案，经过2年多时间的努力，目前跨端动态化能力已经在优酷各业务场景落地，帮助研发团队在分发业务上实现提效30%左右。动态模板技术体系以跨端动态化SDK为中心，通过在设计阶段、研发阶段、联调阶段降低对接、开发、调试等核心工作的技术成

前言优酷客户端是一个多平台【Phone、Pad、OTT、MacPC】的文娱生态综合体，为了降低多端产品迭代的开发成本，并提供给用户高性能、一致的产品体验，优酷技术团队在19年底启动了跨平台动态模板引擎技术方案的攻坚。作为内容分发的主体，优酷客户端在产品展现层的主要特点是组件设计的规范化和卡片化。优酷动态模板引擎在问题定义上将组件作为了我们的问题空间模型，不仅很好的规避了如Weex、React Native等技术方案的复杂度和工程量，让我们可以快速实验及工程化。其次也在根本上让技术方案脱离JS Bridg

《这！就是街舞》第四季大家看了吗？不知道有没有小伙伴跟笔者一样，“DNA”都要跟着舞动了起来。除了炸裂的舞台，堪比跨次元的真实观影体验，让用户在自由视角视频体验效果下身临其境：是不是觉得很炫酷，so 还不赶快上优酷体验一把！自由视角视频作为优酷内一种新颖的观看模式，给用户带来了全新的观影体验，在对外的众多合作中作为优酷的亮点内容也引起了较高的关注度。然而随着产品声量的不断扩大，当前自由视角在整体的播放体验及投放链路上还有很多诸如，播放不流畅、内容不清晰、设备覆盖较低等问题需要优化解决。基于此，优酷技

之前的文章讲过YOHO平台是因营销搭建平台的需求而诞生的，而后我们有了让它能够服务到更多平台的想法。三月底的时候，直播业务的同学找到我们，希望能够借助我们的平台实现编排。彼时的YOHO还不足以承接外来业务，所以在4月份开始了通用性的改造。G6到X6YOHO早前是基于G6开发的，逻辑编排对图形编辑的要求比较高，而G6更加侧重于图形展示、数据可视化，以及基于canvas的高性能。团队的小伙伴最初通过G6实现了一版编排，能力都没问题。后来想要不断优化画布能力的时候，就比较累心了。无论是对齐还是连接线路径计

前言前一篇文章里讲解了逻辑与Runtime&DSL，也提到了逻辑编排三板斧：元件 + 编排器 + Runtime，我在本篇将主要聊一聊元件设计以及YOHO的平台化。元件元件在我们的设计中，分为基础元件和业务元件，业务元件就是我们需要创建仓库、编写源码、提交发布的的元件，它是逻辑片段的实体；除它以外的都是基础元件，我们在设计给好莱坞使用的编排方案中。基础元件只有开始元件和结束元件，只是为了降低非研发人员的使用成本，元件越少越好。虽然分成了基础元件和业务元件，但业务元件实质上是一种特殊类型的基础

背景与价值说到逻辑编排大家应该都不陌生了，目前我们集团有多面向后端的逻辑编排技术专项，且没有统一的标准、沉淀通用的方案。也有前端逻辑编排项目，但均面向前端开发提效的逻辑编排，而我们是要打造一个面向非研发人员，可让他们根据图形化组件搭建出逻辑的平台。为什么要做这个呢，围绕我们团队的好莱坞搭建平台来说，随着页面可视化搭建的蓬勃发展，互动营销类的页面/组件需求日益增长，为了提高开发效率，研发侧不断地沉淀通用的基础库，与服务端商定标准化的接口，以此来减少维护成本，但现有的可视化搭建效率和研发效率都已经达到瓶颈了

从可视化搭建说起页面可视化搭建系统从16年开始如雨后春笋般涌现而出，从活动页搭建到中后台搭建，有开源有仅公司内部使用的，都致力于将前端从繁复的体力劳动中解脱出来，提高页面生产效率。优酷内部也有一套营销活动搭建系统，每年生产2K+活动页；能够满足这么多页面的需求，除了沉淀了大量可复用的组件外，围绕着搭建系统的前端研发每天都在不停地维护升级老的组件，同时生产新的组件。痛点页面生产能力上去了，研发还是一直埋头在组件开发需求中。这些需要都是从哪里来的呢？其实上面也有提到，就是两点：老的组件需要添加新的能力，

一． 背景随着高清在用户观影过程中的深度普及，人们已经不仅仅满足于视的享受，更需要听的保证。如何稳定保障音质，甚至增加更多的音效玩法需要一套强大的系统将数据传输、音频实时处理技术、音频输出有效地整合起来；而作为一个可以商业化应用的系统，其应具有高性能、高复用、高可靠的特点，在本文我们将探讨如何打造一套具备这些特性的音频渲染引擎。二．化繁为简的高复用考虑高复用的一个基本出发点是基于我们面临的问题的复杂性，如图所示：如果想覆盖市面基本的用户群体，我们至少需要支持5种操作系统的6种渲染接口；以更少的改动

“中后台系统”一般是指各种互联网公司研发的面向内部或者ToB用户的运营管理类平台，如各种CMS系统、CRM系统等，它们的特点是交互复杂度高（大量复杂表单、表格、弹框）、碎片化严重（随着业务的发展补全功能，早期的顶层设计缺失）、交互体验相对较低（尤期是对内系统，在性能、卡顿方面要求较低）、迭代频繁（随着业务的诉求随时变动）。前端在中后台系统的业务支撑中往往面临着人少事多、碎片化，需要经常补位支撑的情况。​优酷的运营中后台系统就是具备这些特点的一系列系统，随着用户需求和竞争环境的改变，需要制定灵活的内容和用

ABF平台的配置中心又可以称之为渲染中心，负责所有应用的渲染数据与渲染功能配置。在中后台研发的过程中，我们发现中后台系统存在着普遍性的原则。多个系统在渲染的功能上存在几乎100%的可复用性。例如常见的中后台的页面就是搜索展示表格、表格内容新增、编辑表格内容、删除表格内容等针对不同业务的相同形式页面。所以配置中心的目标就是作为“中后台工厂流水线”的配置器，完成业务系统的高效开发。那么，流水线应该有哪些配置呢？1. 应用配置——大门与钥匙不同于toB与toC的项目，绝大多数中后台项目面向对象都是内部人员

背景我们团队绝大多数工作都是在开发各种中后台应用，也一直在探索如何提升中后台应用开发的效率。为此我们建设了ABF平台，能在ABF平台上一站式完成应用创建、权限控制、开发、部署等，这篇文章将介绍ABF平台中非常重要的一部分——搭建中心。顾名思义，搭建中心是一套中后台低代码开发的解决方案，主要有这些功能：● 可以通过拖入组件、修改配置的可视化交互方式来开发页面● 在编辑器里可以随时拖入物料中心的物料，无需提前确定依赖● 可以搭建页面也可以搭建物料，能通过搭建反向补充物料中心● 对于复杂场景，支持“代

你是否遇到过下面的场景？场景1：新接收了一个项目，想了解一下当前的用户使用习惯和反馈，却没有一个全面、权威的数据支撑来帮助你深入了解，只能从用户口中了解到一些零散的信息；场景2:在讨论产品方案时，产品、开发在一起各抒己见，每个人都感觉自己代表用户，到底谁代表用户？场景3:系统经过多年的迭代，各种热门功能和僵尸功能混在一起，变得十分臃肿，你想精简一下系统功能和代码，却因为不了解哪些功能还在使用、哪些已经废弃，而不敢“轻举妄动”；场景4:用户报了一个线上的BUG，自己操作复现不出来，想知道用户当

概念● 广义上的物料是指与产品生产有关的所有物品，但对于前端开发来讲，物料（或前端物料）就是指组成页面并能够使其能够正常运转所需的元素（如一个按钮、一组按钮等），这里将这些元素统称为前端物料。● 前端物料不是简单的前端展示元素，而是内置了特定的UI展示、约定的行为动作、个性的业务属性、…，正是因为有了这些与业务特色紧密关联的内容，才使得开发内容看上去更像是积木的拼接，而无需大量代码（甚至无需代码）就完成业务诉求，这样不仅前端专业人员可以进行前端开发，也能使非前端人员可以进行“前端开发”。背景● 近几

前言YseraMicroServer 是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。本文将从业务背景、实现思路、运行机制等方面进行阐述。背景在业务中，我们会遇到2种情况： 第一种是要把多个平台整合成一个入口，由于前期平台能力的拆分，或则团队的不同，完整链路上的能力被拆分在不同的平台中，这对于运营来说是低效（需要切换不同的平台），而整合成一个入口，可以有效的降低平台切换的成本；第二种是要将平台

一、前言5G到来后用户的网络速度逐渐提高，同时用户对直播延迟等播放体验的要求也越来越高，在此背景下，优酷技术团队结合业内主流的直播技术架构提出了两种基于HLS（HTTP Live Streaming）的低延迟直播方案（Low Latency HLS），并且正式应用到了优酷直播业务。业内当前主流直播低延时方案优缺点对比如下：1、RTMP（Real-Time Messaging Protocol）优点：1）专门为流媒体开发的协议，对FLASH的支持较好；2）延迟较低，一般在1-3秒；缺点：1）基

文娱妹导读NIPS (Conference and Workshop on Neural Information Processing System)神经信息处理系统大会是机器学习领域的顶级会议。在NIPS 2021，阿里巴巴文娱AI大脑北斗星团队有一文入选，研究成果属于视觉分类领域。Reducing the Covariate Shift by Mirror Samples in Cross Domain Alignment- 作者王敏全赵寅蔡龙军（作者均来自阿里巴巴阿里文娱AI大脑北斗星

构建基于浏览器的Web P2P网络直播摘要在2021年的互联网时代，越来越多的网络直播节目相继涌现。浏览器是用户最易接触的渠道之一，聚集了大量观看直播的用户。当用户们同时观看直播内容时，服务器承受的负载随着用户量的增加而增大，会导致播放的卡顿，延迟等用户体验的下降；而且高昂的服务器带宽成本也不容忽视。那么是否存在一套解决方案，在保证用户体验与服务质量的前提下，又可以有效的降低服务器的负载与带宽呢？那就是接下来要介绍的Web P2P技术了。一、Web P2P的前世今生2010年，Adobe在Flas

看文章前，先看段视频吧！ AI剪辑师制作的剧情介绍作品-《山河令》 阿里妹导读随着用户的时间碎片化程度加剧，视频“由长变短”成为一种趋势，信息流场景下的短视频消费需求日益增长，优酷每年为用户提供大量优质视频资源，具备天然的“由长变短”优势，并通过算法研究在速看短视频的自动化生产方面取得突破。简介相关研究学术界中将该问题命名为 text video alignment：给定vi

文娱妹导读如何来衡量测试有效性，评估体系的建设中有哪些坑和重点？本文分享优酷客户端测试有效性评估能力建设经验，如何辅助测试人员调整方向和策略。本系列文章将陆续发布，感兴趣的朋友持续关注！背景移动互联网浪潮中，To C的移动应用迭代速度非常之快，应用的玩法也是层出不穷，那么相应的对于应用质量的保障也提出了更高的要求：响应迅速、目标明确、手段有效等。质量保障团队为了更好地达成上述要求，需要制定一系列的流程、系统或者工具来辅助测试的展开，但无论测试侧要建立的是什么，都有一个明确的原则贯穿始终，即有效性.

文娱妹导读 随着优酷APP上内容运营方案和玩法的丰富，针对分发和消费业务场景，内容配置平台上的运营组件数量也在增多，移动端的回归测试工作量激增。如何跟随业务发展的脚步，又保证组件测试质量的高效率？本文将分享优酷在该方面的思考和探索本系列文章将陆续发布，感兴趣的朋友持续关注！现状分析组件个数多，回归成本高常用分发消费业务，组件上百个，回归用例中组件部分占比较高，版本回归时需要快速完成覆盖测试，找出其中有问题的组件。运营配置组合多，千人千面，适配工作量大元数据的多样性加上不同的运营策略，端上.

文娱妹导读自动化测试能力建设过程中，自动化框架选型、框架设计核心和思路、自动化能力平台接入，是自动化测试能力建设过程中重要环节。文章分享优酷APP自动化测试能力建设过程中的经验本系列文章将陆续发布，感兴趣的朋友持续关注！前言随着移动端版本迭代的加快，快速测试，快速反馈已经是一个常态化的流程，周期内版本发布频率的增加，各项测试的时间正在急剧缩短，且回归性的任务不断充斥当中，各个阶段都需要回归测试的介入来确保集成之后各个模块的正确性。在当前回归测试中主要集中以下几个痛点问题：测试回归主次模糊，.

文娱妹导读：质量保障贯穿全部研发流程，测试作为质量的构建者和守护者，需要保障的不仅仅是提测后的功能质量，而是整个研发过程的质量和效率。分享优酷通过质量保障建设提升研发效率和质量的实践过程。仔细阅读本文预计需10分钟，开始充电吧！服务端质量保障做什么？回答这个问题之前，先要看看影响服务端质量的因素有哪些？从当前服务端研发流程来看一个需求上线的全部阶段以及每个阶段的主要活动：可以看到质量相关的活动贯穿全部研发流程，测试作为质量的构建者和守护者，需要保障的不仅仅是提测后的功能质量，而是整个研发过程的.

优酷响应式是一套代码、一个App支持多尺寸、多终端设备的显示，针对不同的屏幕尺寸能够动态调整页面布局、容器布局，充分利用整个屏幕，为用户显示更多的内容，提供更好的体验，提升App的开发运营效率，保障多端业务同步发展。

技术人如何成为 KOL？有哪些方法和路线？成为 KOL能为自己带来什么？本文分享阿里文娱前端技术专家狼叔在打造个人技术品牌上的一些经验心得。

架构图是什么？为什么要画架构图？如何画？有哪些方法？本文从架构的定义说起，分享阿里文娱高级技术专家箫逸关于画架构图多年的经验总结，并对抽象这一概念进行了深入地讨论。较长，同学们可收藏后再看。

优酷的多级多模态搜索引擎（MMS）提供了低延迟的跨模态、跨层级搜索能力，支持大规模多模态的索引。在视频分发、视频创作中都有着十分关键的应用场景。MMS技术在更多的智能交互场景也将发挥更广泛的应用场景。

基于图引擎的算法服务框架建设，通过抽象算法业务的通用组件，提供图形化流程编排工具和图执行引擎，实现了0代码、配置化支持算法业务需求。为快速的算法应用，不断提升用户的个性化服务打下了坚实基础。对推荐、搜索、广告等算法应用业务有参考价值。

从图谱化的全新视角，重新组织内容数据的更新，诠释图谱化在业务更新场景的应用。

应用的启动性能，作为和用户体验直接关联的重要指标，一直是各大技术团队花时间花精力去钻研优化的部分。由于在应用启动阶段，iOS 系统和应用本身会做很多事情，包括 binary 加载、二方库启动、框架加载、界面渲染等等，这些事情涉及到 iOS 开发的方方面面。所以，一个应用的启动性能如何，能够直接体现技术团队的水准。淘票票团队经过启动优化专项治理，将启动时间降低了 28.2%。本文将分享在应用点击到应用完成加载这个阶段中，我们的技术优化策略。一、应用点击到应用完成加载一般情况下，我们将启动阶段大概分为四.