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

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

  • 从一到万: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-31 21:38:44

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

推进"五通一平":手淘技术"三大容器 五大方案"首次整体亮相 百川开放升级

在云栖大会上,马云提出五个"新",新零售.新制造.新金融.新技术和新能源,称将对各行各业造成巨大的影响,成为决定未来成败的关键.而五个新的实现,也必须是各行各业共同推进,整个生态共同受益的结果.继10月14号阿里巴巴资深总监庄卓然宣布手淘技术核心之一的Atlas即将开源之后,淘宝移动平台基础平台部负责人吴志华向业界公布了手淘技术核心"三大容器五大方案",后续阿里百川将会承接手淘核心技术,产品化的向业界开放.在10月15日的"淘宝移动技术实践&开放&

探秘手淘高可用平台(一)——度量指标及数据平台

系列文章根据手机淘宝客户端基础架构高级开发工程师非台在安卓绿色联盟开发者大会上的分享,共分三篇,介绍手淘技术团队性能和稳定性系统化提升方案EMAS-MOTU的设计原理以及实现思路. 本文重点介绍手淘高可用平台的定义及指标.自动化测试框架和性能稳定性数据平台. 非台 手机淘宝客户端基础架构高级开发工程师 主要负责手机淘宝性能和稳定性的提升 高可用的定义及度量指标 移动端高可用定义 移动端高可?旨在通过设计关键的度量指标,以期望能够客观反映和量化用户在使?过程的真实感受,同时通过指标,建?一系列的工

探秘手淘高可用平台(三)——热修复和开发流程

本系列文章根据手机淘宝客户端基础架构高级开发工程师非台在安卓绿色联盟开发者大会上的分享,共分三篇,介绍手淘技术团队性能和稳定性系统化提升方案EMAS-MOTU的设计原理以及实现思路. 本文重点介绍手淘高可用平台的热修复方案和如何全开发流程保障性能及稳定性. 热修复方案 热修复有三个场景,手淘EMAS-MOTU平台可以根据场景选择相应的方案进行热修复. 第一个场景是由于代码本身不够健壮,从而导致APP发生崩溃.针对这个问题,手淘开发了Dexpatch框架,可以实时快速对线上问题进行修复. 第二个场

15年双11手淘前端技术巡演 - H5性能最佳实践(转载,好文)

转载:原文链接 前言 2015年是全面『无线化』的一年,在BAT(财报)几家公司都已经超过50%的流量来自移动端,这次 双11 更是占到了68.67%无线交易 (天猫微博). 手淘中大量的业务采用H5的方式开发,H5体验好坏全面影响着手淘的使用体验. 今年手机淘宝在技术上重点解决“顿”,“卡”,“慢”的问题,并提出了“521法则” ,具体指: App内存节省50% 绘制帧率,滑动体验提升20% App全链路实现 1S 法则 强网(4G/Wifi)实现1S首屏(包括图片)加载 3G 1S首包返回

从手淘搜索到优酷短视频,阿里巴巴是如何在搜索推荐领域下应用深度学习的?

摘要:深度学习是一个既可以处理特征.学习特征又可以实现最后的排序打分的一套整体解决方案,借助深度学习的解决方案,搜索推荐的工作方式将发生巨大的变化.想知道阿里巴巴如何将在搜索推荐领域下应用深度学习技术的吗?想知道手淘和优酷搜索结果的个性化又是如何实现的吗?本文不容错过! 本节视频地址:http://click.aliyun.com/m/48161/ PDF下载:http://click.aliyun.com/m/49207/ 演讲嘉宾简介: 孙修宇(花名:翎翀),阿里巴巴机器智能技术实验室算法专

手淘flexible.js框架使用和源代码讲解

手淘框架是一个用来适配移动端的js框架,下面我们来讲解一下如何使用手淘的这套框架. 其实手淘框架的核心原理就是根据不同的width给网页中html跟节点设置不同的font-size,然后所有的距离大小都用rem来代替,这样就实现了不同大小的屏幕都适应相同的样式了,首先我们来说一下常用的移动设备. iphone6:    375px*667px  实际像素:750px*1334px iphone5:   320px*568px   实际像素:640px*1136px iphone4:   320p

云栖大会上宣布即将开源的手淘Atlas什么来头?

在刚刚过去的云栖大会上,手淘宣布其移动容器化框架Atlas将于2017年年初开源,对这个框架,在过去团队对外部做过一些分享,外界也一直对其十分关注,到现在它终于即将开源了. 本文将介绍Atlas的设计思路和手淘对容器化.组件化和动态化上的思考,主要内容来自阿里巴巴资深技术专家倪生华(玄黎)在云栖大会上的分享. Atlas是什么 2013年,手淘航母战略的制定,带来了业务和开发人员的翻倍膨胀.从不到100人猛增四五倍,同时业务数量大增,整个客户端的架构和发版节奏受到极大挑战,Atlas作为之前手淘

0的整合5月份已经升级手淘分享二:秦奋——手机淘宝商家工具

淘宝安全交易平台 www.xunjie36.com 淘宝店铺出售www.360feiyue.com 淘宝店铺交易www.360feiyue.com[关键词]淘宝安全交易平台 www.xunjie36.com 淘宝店铺出售www.360feiyue.com 淘宝店铺交易www.360feiyue.com店铺 一是流量,刚才谈到的"码上淘",也是流量运营方面很重要的工作. 第一,互动管理.也就是说,扫码之后,你希望里面承载怎么样的互动和游戏内容. 一是流量,刚才谈到的"码上淘&q

解密阿里云Redis助力双十一背后的技术

摘要: Redis是一个使用范围很广的NOSQL数据库,阿里云Redis同时在公有云和阿里集团内部进行服务,本文介绍了阿里云Redis双11的一些业务场景:微淘社区之亿级关系链存储.天猫直播之评论商品游标分页和菜鸟单据履行中心之订单排序. 双11如火如荼的结束了,阿里云Redis(ApsaraDB for Redis原KVStore)也圆满完成了双11Redis的保障工作.目前阿里云Redis提供了单机版本和集群版本的Redis. 单机版本Redis具有很高的兼容性,并且支持Lua脚本及地理位置