當前位置:首頁 > 新聞 > 技術社招!揭秘「剪映」技術團隊如何從0到1打造爆款APP?
技術社招!揭秘「剪映」技術團隊如何從0到1打造爆款APP?

8年前,字節跳動誕生在北京錦秋家園的居民樓,如今,我們的産品和服務覆蓋150個國(guó)家和地區。本著(zhe)“ 人才在哪裡(lǐ),就(jiù)把公司開(kāi)到哪裡(lǐ) ”的理念,我們已在全球設立了15個研發(fā)中心。
字節跳動深圳研發(fā)中心2017年成(chéng)立以來,業務發(fā)展迅速,吸引了大批優質人才。 目前,客戶端、多媒體、前後(hòu)端、測試、AI Lab、安全與風控等多個團隊入駐深研,深度支持今日頭條、西瓜視頻、抖音、抖音火山版、飛書、Faceu激萌、輕顔相機、番茄小說(shuō)等衆多産品和業務。
短短幾年中,深研團隊主導打造了多款全新産品,其中就(jiù)包括2019年推出的 「剪映APP」 。

作爲一款移動端視頻剪輯軟件,剪映的出現讓短視頻時(shí)代“人人都(dōu)可以簡單幾步搞定特效大片”。 上線3個月即登頂App Store中國(guó)區免費App榜、作爲工具類應用至今仍位列Top10。
如此受歡迎的産品,卻實實在在誕生于“火線”——立項到上線,隻用了兩(liǎng)個多月。

01 “火線”上的内部創業
2019年3月中,公司拍闆由深圳影像團隊牽頭做這(zhè)款視頻剪輯新産品,開(kāi)始了字節跳動又一次的内部創業。各方出人出力出資源,開(kāi)工一個月就(jiù)開(kāi)發(fā)出内部體驗版,兩(liǎng)個月内完成(chéng)發(fā)版,但技術難題也随之出現。
由于音視頻剪輯的場景比較複雜,剪映的技術框架是爲了滿足産品需求而做的全新開(kāi)發(fā)。 新的框架意味著(zhe)一定的未知性——剪映初期的視頻導出失敗率達到了4%。
這(zhè)顯然達不到團隊對(duì)産品的要求,所有人都(dōu)在反複試用剪映和同類産品,體驗功能(néng)、定位問題。
最終經(jīng)過(guò)我們深入代碼分析,發(fā)現可以采用内存複用,編碼和渲染并行的技術框架,極大地縮短耗時(shí),在對(duì)比測試中,領先行業同類産品。
對(duì)于合成(chéng)成(chéng)功率低的問題,得益于有完善的錯誤數據統計, 我們針對(duì)錯誤原因,快速試錯,叠代了兩(liǎng)個版本,視頻導出的失敗率從4%下降到了1%。
經(jīng)過(guò)優化,剪映在體驗上得到了用戶的肯定,與競品的測試比對(duì)中也達到了top的表現。 團隊内部試用時(shí)零失敗的情況,在業界也很難複現。

視頻導出失敗的case,隻是剪映技術團隊面(miàn)臨的衆多挑戰之一。
在架構設計上,如何保證UI狀态的一緻性?怎樣實現編輯動作靈活的 undo&redo?如此多的編輯Action是如何實現撤銷和恢複的? 貼紙/文字動畫效果局限/生産困難如何解決... ...
這(zhè)些難題,剪映技術團隊都(dōu)一一攻克。其中具有代表性的是 「剪同款」 功能(néng)的實現。
當時(shí)市面(miàn)上的産品已經(jīng)有類似“基于用戶上傳的視頻或照片套用模闆來生成(chéng)視頻”的方式,但是現成(chéng)的模闆都(dōu)是PGC制作,用戶的創作自由度非常有限,剪映技術團隊決定解決這(zhè)個問題。
團隊快速梳理了技術難點,一一對(duì)應找出了解決方法:
剪同款的引擎是基于編輯引擎之上構建的,可以保持能(néng)力的一緻性,這(zhè)樣就(jiù)可以讓剪輯的視頻轉換成(chéng)模闆。
我們使用了跨平台的native技術,來實現剪同款模闆協議的解析和配置,解決雙端一緻的問題。
另外,剪映本身的剪輯功能(néng)和格式的叠代速度很快,如何向(xiàng)前兼容是一個大挑戰。
我們做了一套非常複雜的、自動化的基礎設施,能(néng)夠自動地使用一系列的模闆測試用例來生成(chéng)視頻,會(huì)通過(guò)CV技術來判斷是否有渲染錯誤、兼容性問題或者黑屏/花屏,這(zhè)樣的話每一次代碼更新産生的問題都(dōu)可以快速地回歸。
「剪同款」功能(néng)一經(jīng)推出就(jiù)大受歡迎, 用戶可以更深入地參與視頻制作過(guò)程,視頻模闆庫也豐富多樣 ,整體的使用和傳播數據都(dōu)有很大提升。

02 用創新和細節推動産品
從一開(kāi)始,剪映技術團隊就(jiù)非常重視用戶的即時(shí)體驗—— 作爲小白自學(xué)視頻剪輯、體驗産品;直接和用戶聊手感和bug,跟PM團隊主動交流。
由于許多抖音創作者和用戶迅速成(chéng)爲了剪映的“自來水”,巨大的用戶基數、相對(duì)複雜的機型和運營環境也帶來了“幸福的煩惱”,團隊首先要解決低端機的性能(néng)優化問題。
在不同性能(néng)和價位的手機上,想做到像專業軟件一樣全面(miàn)支持視頻剪輯,這(zhè)非常有挑戰,我們針對(duì)低端機型做了大量的優化。
首先是剪映中有對(duì)機型的性能(néng)、幀率、内存等指标進(jìn)行分析和評估的組件,根據評估結果和打分, 目前機型打分平台沉澱全球數萬款機型,會(huì)定制針對(duì)機器的性能(néng)調優策略。
在這(zhè)樣的基礎設施的支撐下,剪映很快在一個月之内解決了十幾個可能(néng)卡頓的使用場景。
此外,剪映技術團隊 在跨平台、多端上的提前布局 ,也走在了産品的前面(miàn),流暢的使用體驗獲得用戶的一緻好(hǎo)評。

針對(duì)視頻清晰度,剪映也有持續的技術投入和突破,上線僅半年多的時(shí)間就(jiù)支持4K視頻的導出。
4K視頻的支持對(duì)剪映的性能(néng)挑戰非常大,無論是 編解碼的速度、内存或者效果渲染 的壓力都(dōu)增加了很多倍。技術團隊針對(duì)這(zhè)些挑戰在底層做了很多調優,用不到一年的時(shí)間將(jiāng)4K視頻導出的耗時(shí)做到行業最優,用戶體驗明顯提升。
這(zhè)是剪映從一個idea到成(chéng)品的“火線”風格的延續,也是剪映技術團隊以技術推動産品不斷發(fā)展的縮影。
在剪映項目啓動之前,團隊就(jiù)針對(duì)編輯場景進(jìn)行非編架構的重構,讓畫中畫、貼紙等需求在架構上得到支持,也給剪映將(jiāng)來跨多端産品的演進(jìn)做好(hǎo)了技術鋪墊。
得益于重構後(hòu)編輯框架的靈活和可擴展性,在半個月内就(jiù)完成(chéng)了需求的落地。
剪映的技術架構和能(néng)力,經(jīng)過(guò)字節跳動内産品矩陣的驗證,無論效率和質量,都(dōu)在行業内處于領先的位置。
類似的例子比比皆是: 剪映率先支持了高清視頻,最高支持100倍的流暢播放;率先支持了曲線變速等高階變速功能(néng);剪映還(hái)是首款Android端支持矢量字體的APP... ...
剪映中的 「花字」 也是讓用戶眼前一亮的功能(néng),這(zhè)源于團隊在觀看綜藝節目時(shí)冒出的靈感——“大量花字的出現,會(huì)讓視頻的表達非常生動,而當時(shí)市面(miàn)上沒(méi)有任何一款産品有支持花字的能(néng)力。”
于是,團隊對(duì)花字的方案進(jìn)行了調查,發(fā)現制作花字需要掌握非常專業的設計軟件,于是這(zhè)又成(chéng)爲了研發(fā)團隊渴望突破的技術難點。 技術同學(xué)火力全開(kāi),刷了上千個抖音和綜藝視頻、收集了海量的花字素材,和設計師反複探讨實驗,确認了花字的效果如何定義。
字體的渲染是一個消耗很多的功能(néng),經(jīng)過(guò)持續的投入和試驗,我們成(chéng)功研發(fā)了矢量文字, 可以做到在視頻中縮放幾十倍依然保持清晰且占用内存更小,并支持基于矢量文字的特效字。
而且剪映還(hái)配有一個花字設計工具,設計師可以像使用photoshop一樣來設計樣式。
花字功能(néng)無論是從最終的呈現效果,還(hái)是從生産效率都(dōu)做到了行業top,剪映也成(chéng)爲首款雙端支持PC級綜藝字、動畫字的App。

03 做剪映,沉澱了太多方法論
爲了讓交互更便捷、平衡技術和用戶體驗,剪映技術團隊在初期“激進(jìn)”地産出産品和各項功能(néng),拿到基于大量用戶的真實反饋後(hòu),又“耐心”地對(duì)後(hòu)續功能(néng)提出更高的要求,細緻打磨。
剪映Server團隊面(miàn)對(duì)高并發(fā)場景,同時(shí)承載剪映、抖音等多産品線的業務場景,峰值達到5w+ qps,對(duì)系統架構的設計有很高的要求。
還(hái)有我們的跨地域服務面(miàn)臨的安全合規、隐私政策,多區域的數據同步,跨機房調用等等,都(dōu)是足夠刺激又很需要細緻的挑戰。
除了在技術上做到行業領先,對(duì)于如何發(fā)掘技術上的可優化點、持續領先并推動業務發(fā)展,剪映技術團隊有著(zhe)一套明确的方法論 ——
- 數據導向(xiàng),發(fā)現和解決問題都(dōu)以數據爲引導,怎麼(me)解決、解決到什麼(me)程度
- 技術上重視用戶體驗和性能(néng)優化,各項技術指标打磨到業界同類産品top
- 開(kāi)放方案選型,每個人都(dōu)有發(fā)揮的空間、都(dōu)有機會(huì)參與并影響項目的設計和技術的選型
- 不設邊界,出現了問題,各團隊之間緊密配合,不會(huì)計較問題是否出在自己的模塊
- 主題化分享,每雙月一個大topic和相關子topic,自由認領、深入學(xué)習調研,促進(jìn)技術積累
- 技術方案評審,針對(duì)需求成(chéng)立評審委員會(huì)、拉取合作團隊共同評估,提前規避潛在問題,提升方案/架構設計能(néng)力... ...

技術能(néng)力和技術思維并重的氛圍裡(lǐ),參與開(kāi)發(fā)的每個人都(dōu)和剪映一起(qǐ)高速成(chéng)長(cháng)。
“因爲移動端的視頻非編是一個非常新的領域,過(guò)程中遇到的所有要問題幾乎都(dōu)是技術難點。 産品的不斷叠代會(huì)推動著(zhe)我們探索能(néng)力的邊界,技術上的突破也會(huì)驅動産品體驗達到更高的标準。 ”
剪映技術團隊的許立陽同學(xué)加入時(shí)剛畢業不久,憑著(zhe)對(duì)視頻産品和技術的熱愛,一頭紮進(jìn)「花字」這(zhè)個業内沒(méi)人做出來的功能(néng)上。一面(miàn)刷海量綜藝搜集和整理花字呈現的可能(néng)性,一面(miàn)全力補充基礎知識,還(hái)要學(xué)習文字渲染的解決方案、考慮設計師如何所見即所得的設計花字......和團隊反複讨論、實驗方案後(hòu),幾乎是“死磕”出了花字效果。
但效果出來了還(hái)不夠,我們發(fā)現花字在手機上很卡,性能(néng)和兼容性都(dōu)有問題。
就(jiù)反複排查、嘗試各種(zhǒng)黑科技,最終做到了用戶體驗到的流暢的花字效果。
經(jīng)曆過(guò)剪映的花字項目,立陽已經(jīng)能(néng)獨立cover很多高難度的技術攻堅,後(hòu)來繼續負責了很多有趣、有挑戰的需求。
像這(zhè)樣的同學(xué),在我們剪映技術團隊裡(lǐ)非常多。


加入我們,一起(qǐ)創造
關于「剪映」背後(hòu)的技術團隊
音視頻技術團隊 ,是業界目前涵蓋業務最廣,技術積累最深的音視頻技術團隊,團隊分布在北上深杭四地。我們涵蓋的技術領域包括音視頻的錄制編輯渲染合成(chéng),創作和消費端的圖像視頻增強算法、高性能(néng)工程優化。從移動端、雲端、web端到桌面(miàn)端,打造了一套強大的跨平台SDK,滿足各種(zhǒng)業務場景的技術需求。
目前我們支持的業務包括剪映、抖音、西瓜、抖音火山、輕顔等大大小小30+的業務,業務類型涵蓋短視頻剪輯工具,短視頻平台級應用,拍照類應用,社交應用,新聞資訊,教育等。
剪映客戶端團隊 跨深圳、廣州兩(liǎng)地,覆蓋移動端(Android,iOS)和桌面(miàn)端。
從分工上,分别支持剪映編輯模塊,剪映社區,支撐基礎技術優化等;從能(néng)力上,對(duì)技術棧要求全面(miàn),從UI的用戶體驗到具體的渲染優化,都(dōu)依賴客戶端工程師推進(jìn)和解決。和産品、設計、多媒體特效團隊緊密配合,快速敏捷的叠代,讓用戶體驗到有驚喜感的剪輯産品。
剪映server團隊 base深圳,主要緻力于剪映社區、教程、雲能(néng)力的研發(fā)。在社區發(fā)展的過(guò)程中,抽象出很多關鍵模塊,形成(chéng)“同款”中台方案,提升了多款APP接入的效率。在應對(duì)互聯網海量訪問的架構設計、開(kāi)發(fā)上,團隊積累了豐富的經(jīng)驗。團隊技術棧以線上服務golang,離線服務python爲主,擁抱新技術,持續學(xué)習,不斷成(chéng)長(cháng)。
多媒體特效團隊 是互聯網行業最具影響力的圖形圖像技術團隊之一,團隊分布在北京、上海、深圳、杭州和美國(guó)矽谷等多地。技術涵蓋了包括圖形引擎,圖像處理,計算機視覺,物理仿真,特效創作工具等領域。産品功能(néng)包括視頻特效、AR濾鏡、美顔美妝、3D動畫等。團隊以“成(chéng)爲公司的數字化創意引擎”爲願景去建設,“通過(guò)特效開(kāi)放平台連接虛拟和現實”爲使命。
目前支持剪映、抖音、今日頭條、西瓜、輕顔、懂車帝、飛書等大大小小近40個業務線,涉及工具、長(cháng)/短視頻、直播、資訊、拍照、社交、教育、汽車、房産、企業辦公、視頻會(huì)議等不同類型的應用。

字節跳動2021校園招聘已開(kāi)啓
↓點擊登錄校招官網
投遞校招研發(fā)職位
期待在深圳與你相遇~!

↓查看更多急招崗位