首页 > 代码库 > 双十一 手淘技术用了这几招

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

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


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


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