写点什么

ALive:淘宝双 11 直播,技术同学却可以“偷懒”?(一)

  • 2019-12-17
  • 本文字数:1701 字

    阅读完需:约 6 分钟

ALive:淘宝双11直播,技术同学却可以“偷懒”?(一)

✪ “疯狂的”淘宝直播间 ✪

今年直播又火了!


2019 年双 11 淘宝直播带来近 200 亿 成交,以天猫双 11 交易总额 2684 亿计算,直播已经占总成交额的近 7.45%!


✪ 今年的变化 ✪

除了以往的手淘和猫客,现在 UC 浏览器、新浪微博、支付宝、优酷、闲鱼、飞猪、饿了么、口碑等等一系列阿里系 APP 里也可以观看直播、购买商品了,可以想象一下这些场景:


  • 点了一杯奶茶外卖,在本地生活 APP 里通过直播能够看到小哥哥正在制作谁的订单,我排在第几号了,线下门店的卫生情况、制作过程、客流量、商品咨询都可以在直播间里了解到

  • 在支付宝小程序里,边看直播边抢主播发来的口令红包

  • 在阿里健康的消费医疗直播间里,跟今日特约的医师进行线上咨询

  • 最近在计划一趟旅行,在飞猪 APP 里通过直播看着小姐姐介绍航旅套餐,还有小窗合流的当地风景观光片


除了导购直播、客服直播、医疗直播、手艺直播等等,我们还能看到各种风格类型和互动形式的台网联动直播、秀场直播、晚会直播,以下是今年承接的几场大型互动晚会:



这些直播无论内容和互动有什么样的区别,他们都有一个共同的特征:直播间右上角「淘宝直播」的水印


问个问题,所有这些类型的直播间,都是淘宝直播的开发同学支持的吗?这需要一个多么庞大的技术团队呢?答案是这个团队其实很缺人,所以他们「勤奋」地做了一件「偷懒」的事情:ALive 开放,让阿里经济体里需要直播能力的业务能自主接入、自主开发,于是就有了今年百花齐放的直播生态。

✪ ALive 演进 ✪

ALive 的使命是汇集淘宝直播强大的音视频处理能力,提供直播、互动、营销一体化解决方案,实现「生态开放、直播未来」的愿景。


时移到 2018 年 7 月,当时的淘宝直播还是小作坊模式,所有的业务对接都由淘宝直播技术团队承接,各团队都在超负荷工作。随着对接的外部业务越来越多,各类直播间定制化需求越来越高,技术团队开始构思开放之路,解放一方生产力,赋能二方、三方直播能力。

▶ 分析

直播对于观众来讲其实就是两个诉求:观看直播、参与互动。来看下当时的淘宝直播是如何满足用户这两个诉求的:



整体结构分为两部分:一个是直播能力,一个是互动通信能力。通过直播能力,观众能观看直播流;通过互动通信能力,观众能在直播间里参与实时互动。


  • 直播能力:最简单的模型就是“两端加一服”,即推流端、播放端、流媒体服务器。主播通过推流客户端进行直播推流,我们提供了 PC 端推流工具和淘宝主播 APP 进行 ARTP 低延时推流,流媒体服务经过转码、切片、存储、分发等,供播放端拉流播放。

  • 互动通信能力:主播在中控台创建、管理直播,开播后推送互动,经过业务服务调用和消息下发,端上渲染业务组件。当时的架构,每一个组件都跑在独立的 Weex 容器或 H5 容器里。

▶ 问题

直播能力主要由淘宝直播音视频团队提供,依托阿里云构建了完整的音视频端到端闭环,包括音视频编解码、传输通道、网络调度技术,提供超低延时、超高画质、超大并发访问的音视频服务。二、三方业务只需要接入播放器 SDK ,主播使用我们的推流工具,即可支持直播能力。


互动通信能力主要依赖端侧的技术架构,从上图的架构可以看出两个核心痛点问题:


  • 性能低下:每个组件都是独立的 Weex/H5 页面,内存占用较高,直播间流媒体播放已经占用了较高的内存水位,多个 Weex/H5 叠加后加大了 Crash 风险。同时各组件间相互独立,资源重复加载,加载性能也较差

  • 效能低下:前端组件由客户端挖坑位的方式加载 bundle ,开发、调试环境强依赖客户端,直播环境搭建、消息模拟、数据 Mock 、日志查看、代码调试等链路都非常复杂,开发效率极其低下

▶ 解法

前端的技术工作大部分都在解决两个「能」的问题:性能 和 效能。针对上述痛点,技术侧需要做两件事情:一是构建一个 灵活、高效的直播容器,解决性能问题;二是提供一套 直播间组件开发的工程体系,解决效能问题。在性能和效能都得到提升后,将这些能力通过 ALive 开放平台开放给二、三方业务接入,基于这些思考,我们升级了直播架构:



直播容器的核心区别,是由原来每个组件独立为一个 Weex/H5 容器,变成只保留一个 Weex 容器,通过这个直播容器来动态加载组件。


本文转载自淘系技术公众号。


原文链接:https://mp.weixin.qq.com/s/L5lggzXju1ajAjUfaaDGLw


2019-12-17 14:12913

评论

发布
暂无评论
发现更多内容

Fig Player for mac:自带音乐模式的媒体播放器 支持m1/m2

Rose

Mac软件 Fig Player破解下载 多媒体播放器 Fig Player Mac版

RazorSQL for Mac(多功能SQL数据库编辑器)v10.5.3注册激活版

影影绰绰一往直前

用好低代码,再也不用手敲代码

伤感汤姆布利柏

淘宝API接口调用:案例分析与最佳实践

Noah

Eagle文件图片管理工具 Eagle mac破解版 支持m1/m2

Rose

Eagle Eagle下载 图片管理软件

Text Workflow for mac(文本格式转换工具)v1.8.4直装激活版

影影绰绰一往直前

Tipard Screen Capture for mac(超好用的录屏软件)v1.1.26激活版

影影绰绰一往直前

JetBrains PhpStorm 2023 for Mac(PHP集成开发)v2023.3.3中文激活版

iMac小白

平台工程: 用Backstage构建开发者门户 - 1

俞凡

平台工程

淘宝API接口调用:案例分析与最佳实践(续)

Noah

苹果电脑专业测试跑分工具:Geekbench 6 mac破解版 支持m1/m2

Rose

系统跑分 Geekbench 6

互动数字人的使用步骤!

青否数字人

数字人

数字人实时互动速度史无前例!

青否数字人

数字人

Notebooks for Mac(多功能记事本)v3.3.5激活版

影影绰绰一往直前

4K Video Downloader Plus Pro for Mac(4K视频下载器)v1.4.2激活版

影影绰绰一往直前

Vidmore Screen Recorder for Mac(屏幕录制软件) v1.1.26激活版

影影绰绰一往直前

Luminar Neo下载破解——智能AI图像编辑处理工具

Rose

Luminar Neo 图像处理软件

Cheetah3D for mac(3D渲染建模软件)v8.0激活版

影影绰绰一往直前

movistpro在mac怎么破解?Movist Pro for mac中文直装破解版下载

Rose

mac视频播放器 Movist Pro 中文版 Movist Pro 破解

uDock for Mac(Dock栏快速启动程序)v4.1.1激活版

影影绰绰一往直前

Fork for Mac(Git客户端)v2.39激活版

iMac小白

低代码开发会是前端程序员的下一个春天吗?

伤感汤姆布利柏

程序员 前端 低代码 程序员前端

青否交互式数字人正式上线,源码独立部署!

青否数字人

数字人

Microsoft Remote Desktop Beta for Mac(微软远程连接工具)v10.9.6 (2182)激活版

影影绰绰一往直前

4K YouTube to MP3 for Mac(在线视频转Mp3软件)v5.1.2中文激活版

影影绰绰一往直前

每期10万奖金,寻找敢为人先的AI原生应用开发者

科技热闻

EverWeb for Mac(网页设计软件)v4.1.0中文版

iMac小白

JetBrains GoLand For Mac(GO语言集成开发工具环境)v2023.3.3中文激活版

iMac小白

JetBrains pycharm pro 2023 for mac(Python编辑开发)v2023.3.3中文激活版

影影绰绰一往直前

iA Writer for Mac(mac好用的写作软件)v7.0.6中文激活版

iMac小白

SecureCRT for mac(好用的终端SSH仿真工具)v9.4.3正式注册激活版

iMac小白

ALive:淘宝双11直播,技术同学却可以“偷懒”?(一)_文化 & 方法_淘系技术_InfoQ精选文章