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

互動：當技術變革遇見消費更新

• 從一到萬：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會場。