雙十一 手淘技術用了這幾招

互動：當技術變革遇見消費升級

• 從一到萬：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，當“新技術”與“新零售”碰撞給市場帶來巨大的變革和機會，我們也希望給消費者帶來更多不一樣的體驗，更多對未來的想象。創新比拼已經不僅是創意的優劣更是技術、體驗、規模、商業等全方位的挑戰。手機淘寶技術團隊將在在移動研發各個領域持續深挖，推動了業界移動技術的持續升級。