双十一 手淘技术用了这几招

互动:当技术变革遇见消费升级

  • 从一到万:Buy+升级“造物神”

从年初Buy+概念曝光,到7月份的“造物节”提出了“造物神计划”,大家对Buy+和“造物神”的关注由来已久,双11期间3个国家7大场景的VR购物场景更是对未来新消费场景的大胆尝试。双11当天,阿里巴巴资深技术总监庄卓然现身GMLab(阿里创新实验室)首次向大家去解密Buy+和“造物神“背后的技术和思考。“新零售时代的到来,离不开终端硬件的升级,更需要大量的优质3D内容的生产和呈现,我们看到了直播、VR、AI的火爆,消费需求发生了变化,催生我们去创造更多的场景和内容,我们希望通过高技术去降低成本,从而创造新内容,携手合作伙伴一起来共建新商业生态。”

Buy+的使命是探索极致的购物体验,手机淘宝团队通过自主研发的VR UI的SDK和动画系统来展示全景视频中的商品和各种交互,确保消费者在全景视频中有身临其境的体验,并充分的考虑到大众消费者设备现状,即便是cardboard(成本10元左右的VR眼镜)也可以流畅的体验到未来的购物场景。

  • 由静到动:从静态图片展示到交互式多媒体增强技术的应用

造物神的使命是通过创新性的技术,让用户轻松构建更富表现力、互动性的数字化内容。无论3D化的商品和场景表达,还是类似全景空间的图像和视频交互,人们得以借助强大的实时计算能力和数据技术进一步连接线上与线下世界,实现更好的”在线”体验。

DIVA(Digital Interactive Visual Augmentation数字化交互视觉增强)技术由此应运而生。相对传统的复杂3D渲染和建模技术,它利用现有视频和图像工业标准、结合算法识别与机器学习,形成一套日臻成熟稳定的视觉增强技术。在内容采集方面,DIVA特有的基于普通摄像头的环绕拍摄、智能防抖技术,让其在仿3D全景体验的创造上更加简单易用,展示方面更流畅且跨平台兼容;独特的智能选帧技术,让“脏帧”不再影响整体的视觉之美,甚至通过特有的学习和评价体系了解使用者的偏好,逐步具备自身独特的艺术效果。

DIVA的DNA决定了它为“低制作成本强视觉交互”而生,以电商场景为例,允许商家和消费者利用普通的智能手机等常见设备,自由拍摄、制作和分享3D化、可互动的富媒体商品内容,丰富了信息的表达形式、增加了多媒体的娱乐和互动性,让体验“跃然纸上”,为新的商业化奠定了无限的想象空间。DIVA帮助商家打破了便携式移动数字内容创造的壁垒,未来消费者得以在商品表达、标签评价、互动广告、立体货架等业务场景获得更好的体验。

  • 移动营销活动的快速交付体系

创意的背后是扎实技术功底,我们基于移动端技术的创意能力及创意效率两个层面,构建了一套营销的极速研发交付体系。通过Aplatform加速云端开发布署,基于该平台的活动最快可以做到1分钟完成需求并上线提供接口服务;Slience提供的端上自由扩展,不再受客户端版本限制同时可以覆盖到更多的客户端版本。通过Poplayer可以扩展任意客户端UI ,覆盖全局营销通道;通过AFT前端可以将原始的HTML+CSS开发模式变成Javascript API开发,大大提高了动画的开发效率,以及一整套的个性化的业务数据收集和展示模型。

直播:以消费者体验为核心的技术创新

2016年是移动直播爆发年,淘宝直播不仅率先试水电商直播,今年双11又首次上线直播分会场,借助直播技术高实时、强互动的特点,在品牌、主播和消费者(粉丝)之间引入了丰富的玩法,带来了极具创新的导购和互动传播体验。以“九牛与二虎”举例,这种“两位明星大咖+九位人气主播玩转九大品牌”的玩法,在不到3小时的直播时间里,创下了1亿4千万的点赞数,其中,单个品牌直播间点赞数超过千万次。粉丝不仅能除了跟随主播的直播镜头随时观看9个房间9大品牌的直播,甚至完全可以通过自己的点赞和购买行为来实时改变节目的走向。而整个过程中随时根据在线用户情况推送的各种优惠券、红包更是将整个直播间的氛围推向高潮,这对买家来说也是更有乐趣的购物体验。除此之外,淘宝直播也为整个双11会场提供了基于直播间的全民连连看(连麦玩法)、优惠推送(红包、抽奖)、点赞打赏等各类互动玩法,并基于阿里媒体云技术逐步积累和沉淀出包括云直播互动中控台、推流/播放客户端SDK、云转码(窄带高清和H265)服务、互动业务接入服务等一套完整的开放式直播平台体系。

在今年的双11晚会上,淘宝直播继续挑战强实时的交互平台的极限,加入电视直播这一元素。明星、商家、技术人纷纷走进直播间的镜头,多媒体互动平台的开放能力考验升级:既要保证主播和粉丝的直播画面播放流畅,也必须确保在互动时的稳定性,还要实现主播的画面和推送的互动内容的精确同步;即“不卡、不掉、不延迟”而移动网络的带宽波动会对问题带来很大的挑战。为此,我们首先在算法层面引入追帧加速的策略根据视频帧缓冲区的来动态控制播放速度来降低延时,同时将互动的推送机制和视频流的推送进行融合利用关键帧来解决画面和互动的同步问题,确保在多屏互动(电视、手机)的场景下也能实现精确匹配。

Weex:全新移动研发模式护航双11会场秒开实战 

Buy+和淘宝直播等丰富双11创新互动背后离不开跨平台移动开发框架Weex的稳定支持。 Weex开源至今已成Github中国区最受关注的开源项目。 在今年的双11中,Weex会场框架也强有力地支撑住了双11复杂的交互需求,并提供了更好的内存管理;List组件是几乎所有会场页面的标配,高帧率流畅的滚动、高性能的内存复用机制和渲染机制是页面流畅体验的重要基础;动画功能支撑住了会场的垂直弹幕、坑位显隐等动画效果,动画效果细腻;直播组件和全景图组件也支撑住了更为垂直个性化的业务场景。

Weex 在双11会场中的覆盖率接近 99%,页面数量接近2000,覆盖了包括主会场、分会场、分分会场、人群会场在内几乎所有的双11会场业务。在如此庞大的应用场景和应用规模下,Weex通过 iOS 内存治理、会场压测、跨端依赖梳理来保障大规模应用的稳定性;在确保稳定性的大前提下,通过Weex容器层的首屏渲染优化、预加载(zCache),以及业务上的分段懒加载,保证端上的秒开体验,全网络+首屏渲染都小于1秒,实现性能卓越的双11会场。

2016年的双11,当“新技术”与“新零售”碰撞给市场带来巨大的变革和机会,我们也希望给消费者带来更多不一样的体验,更多对未来的想象。创新比拼已经不仅是创意的优劣更是技术、体验、规模、商业等全方位的挑战。手机淘宝技术团队将在在移动研发各个领域持续深挖,推动了业界移动技术的持续升级。

时间: 2025-01-19 13:21:10

双十一 手淘技术用了这几招的相关文章

历届双十一背后的技术合集大礼包(陆续更新ing)

双十一后,我们在不断收获惊喜的同时,小编也为大家准备了一份"历届双十一背后技术大起底"礼包!~ 2016年 2016阿里云数据库双11复盘-自动化备战,0干预 聊一聊双十一背后的技术 - 不一样的秒杀技术, 裸秒 聊一聊双十一背后的技术 - 物流, 动态路径规划 聊一聊双十一背后的技术 - 分词和搜索 聊一聊双十一背后的技术 - 毫秒分词算啥, 试试正则和相似度 道哥揭秘 | 双十一背后的安全战斗力 解密阿里云Redis助力双十一背后的技术 Weex:一个志在满足万物互联的移动端技术解

手淘天施:我眼中的Weex和Weex开源那些事

版权声明 作者:吴志华(花名:天施),阿里资深无线技术专家,淘宝移动平台基础平台部负责人,Weex项目负责人 本文为手淘技术团队投稿. 今天手淘宣布将Weex开源项目捐赠给Apache基金会开始孵化,这是阿里在JStorm.RocketMQ之后的第三个阿里Apache基金会开源项目. Apache基金会有着非常严格的准入机制,这次Weex加入表明它得到了国际上的认可,我们也非常希望看到中国的移动开源项目能够在国际上获得成功. 在今年6月份的GMTC大会的时候我和手淘同学聊到,Weex的开发完全基

手淘双十一系列(一) | 521 性能优化项目揭秘

该文章来自阿里巴巴技术协会(ATA)精选集  亿万用户都会在双十一这一天打开手机淘宝,高兴地在会场页面不断浏览,面对琳琅满目的商品图片,抢着添加购物车,下单付款.为了让用户更顺畅更方便地实现这一切,做到"如丝般顺滑",双十一前夕手机淘宝成立了"521"(我爱你)性能优化项目,在日常优化基础之上进行三个方面的专项优化攻关,分别是: 1)H5页面的一秒法则: 2)启动时间和页面帧率提升20%: 3)Android内存占用降低50%. 优化过程中遇到的困难,思考后找寻的方

打开天窗说“亮话”,手淘这些年的技术大揭秘

中国云计算产业最具影响力的盛会之一--2016杭州云栖大会(https://yunqi.aliyun.com/)将在云栖小镇召开.连续举办七届的云栖大会一直是业界了解阿里云计算生态发展和应用趋势.体验前沿技术和产品的最佳平台,来自海内外的上万名开发者.创业者聚集于此,分享着他们对云计算的思考与实践经验.7年来,从产品发布到行业解决方案展示,从关注技术到技术与服务并重,从单一的客户到生态全景的展现,大会的核心内容一直在"进化",而2016年杭州云栖大会,则以"飞天・进化&quo

15年双11手淘前端技术巡演 - 前言

该文章来自阿里技术协会(ATA)优选文章. 15年双11刚落下帷幕.今年众所周知,是全面"无线化"的一年.数据上我就不说了,可以公开的数据我相信大家多多少少也从各方都了解到了. 在整个阿里体系内,无论技术还是业务,都会把每年的双11当作一个战场,同时也是一个"炼金石".不管是技术还是业务,不经过双11的检验,似乎就没有资格真正的在阿里站得住脚. 此文作为今年双11手淘前端技术巡演的前言,注定会是一篇技术干货含金量偏少的一个引子.笔者也就着第一次作为双11手淘前端的P

114期:阿里云成为MariaDB基金会白金会员,手淘开源安卓客户端容器化框架Atlas!

本期头条   • 阿里云成为MariaDB基金会白金会员:全球唯一入选云计算公司 • 大规模团队移动开发利器:手淘安卓客户端容器化框架Atlas正式开源 • [资料合集]Spark&Hadoop Summit精选PDF,免费下载! • 双11数据大屏背后的秘密:大规模流式增量计算及应用 • 阿里中间件技术专题:大神直播,快来围观!   技术干货   [开源峰会回顾]AliSQL开源功能特性 在2017在线技术峰会"阿里开源项目最佳实践"上,阿里云数据库内核专家赵建伟(冷香)为大

福利!阿里宣布手淘安卓客户端容器化框架Atlas正式开源

继Weex之后,阿里在移动技术领域又有开源大动作. 3月13日,手机淘宝安卓客户端容器化框架Atlas正式宣布开源(https://github.com/alibaba/atlas).Atlas由阿里巴巴移动团队自研,以容器化思路解决大规模团队协作问题,实现并行开发.快速迭代和动态部署,适用于Android 4.x以上系统版本的大小型App开发. Atlas特别适用于大规模团队的协同开发.通过提供组件化.动态性.解耦化的支持,Atlas能够实现每个业务在开发阶段独立编译.独立调试.独立运行,最后

手淘互动动效的探索

内容来源:2017年6月18日,手淘前端技术专家大漠在"2017 iWeb峰会·第六届HTML5峰会 "进行<手淘互动动效的探索>演讲分享.IT大咖说作为独家视频合作方,经主办方和讲者审阅授权发布.阅读字数:3089 | 6分钟阅读 嘉宾演讲视频 http://www.itdks.com/dakashuo/detail/2199 "互动,是连接用户的桥梁" 我们以前访问Web页面是没有动画和动效的,甚至点击跳转的功能都很少.那时是纯粹的文字展示,图片在网

聊一聊双十一背后的技术 - 不一样的秒杀技术, 裸秒

聊一聊双十一背后的技术 - 不一样的秒杀技术, 裸秒 作者 digoal 日期 2016-11-17 标签 PostgreSQL , 秒杀 , 裸秒 , ad lock 双十一背后的技术系列文章 <聊一聊双十一背后的技术 - 物流, 动态路径规划> <聊一聊双十一背后的技术 - 分词和搜索> <聊一聊双十一背后的技术 - 强奸式秒杀技术实现> <聊一聊双十一背后的技术 - 毫秒分词算啥, 试试正则和相似度> 云栖聚能聊 - 聊一聊双十一背后的数据库技术 背景