《2019年基于數據建模的高性能彈幕設計解決方案.pdf》由會員分享,可在線閱讀,更多相關《2019年基于數據建模的高性能彈幕設計解決方案.pdf(25頁珍藏版)》請在三個皮匠報告上搜索。
1、基于數據建模的高性能彈幕設計實踐字節跳動視頻架構前端負責人目錄1.彈幕的場景分析 2.數學建模之虛擬軌道思想與“碰撞檢測”3.彈幕的并發調度設計 4.動畫渲染&內存優化 5.Q&A彈幕的場景分析彈幕場景VODLIVE彈幕的場景分析彈幕特性實時性不確定性復雜性彈幕的場景分析場景分析字號顏色高度寬度不遮擋彈幕1彈幕2彈幕3彈幕4彈幕5數學建模之虛擬軌道思想與“碰撞檢測”彈幕示意圖數學建模之虛擬軌道思想與“碰撞檢測”傳統方案一數學建模之虛擬軌道思想與“碰撞檢測”傳統方案二數學建模之虛擬軌道思想與“碰撞檢測”改進方案數學建模之虛擬軌道思想與“碰撞檢測”數學建模數學模型會幫助解釋一個系統,研究不同組成部
2、分的影響,以及對行為做出預測數學建模之虛擬軌道思想與“碰撞檢測”數學建模之虛擬軌道思想與“碰撞檢測”虛擬軌道示意圖軌道1軌道2軌道3軌道4軌道5我是很長的彈幕我是很高的彈幕我是很長的彈幕虛擬軌道數學建模之虛擬軌道思想與“碰撞檢測”虛擬軌道流程圖2.計算是否可以容納,如果是將相鄰軌道標記為虛擬軌道3.消費完釋放虛擬軌道軌道1軌道2軌道3軌道4軌道5彈幕2正在播放我是很高的彈幕彈幕1正在播放虛擬軌道1.計算彈幕需要軌道的數量數學建模之虛擬軌道思想與“碰撞檢測”數學模型物理軌道數量(count)=幕布高度(height)/最小字號彈幕高度(h)虛擬軌道所需物理軌道數量(count)=幕布字號高度(h
3、eight)/最小字號彈幕高度(h)數學建模之虛擬軌道思想與“碰撞檢測”機場示意圖數學建模之虛擬軌道思想與“碰撞檢測”機場調度模型塔臺跑道飛機數學建模之虛擬軌道思想與“碰撞檢測”機場調度模型啟動彈幕請求數據數據轉換數據緩存數據讀取播放器播放時刻彈幕隊列軌道播放時刻+2s彈幕進場定時器 2s 循環播放時刻軌道申請彈幕退場彈幕退場動畫渲染&內存優化性能問題發熱卡頓動畫渲染&內存優化瀏覽器工作原理動畫渲染&內存優化性能瓶頸DOMCSSOMJavaScriptRender TreeLayoutPaint動畫渲染&內存優化GPU加速動畫渲染&內存優化啟用GPU加速transformopacityfilterwill-change動畫渲染&內存優化內存優化DOM絕對定位計算高度定時銷毀