現象觀察
AcFun 首頁展示視頻縮略圖,點擊跳轉播放頁。直觀上以為是後端從視頻中自動截取關鍵幀。
實際機制
- 人工/算法生成封面:運營或 UP 主上傳時指定專門設計的封面圖(高清、帶標題、吸引點擊)。
- 數據庫存儲:視頻表關聯
cover_url 字段,存儲封面圖 CDN 地址。
- 前端渲染:頁面加載時查詢視頻列表,拼接
<a href="/v/123"><img src="cover.jpg"></a> 結構。
技術流程
- 用戶請求首頁 → 後端查詢推薦視頻列表(含標題、封面 URL、統計數據)。
- 模板引擎渲染 HTML,輸出圖片標簽與跳轉鏈接。
- 瀏覽器並發下載圖片,用戶看到圖文列表。
為什麼不用視頻截幀?
- 截幀質量不可控(可能是黑屏、字幕、過渡幀)。
- 實時截幀消耗大量 CPU/GPU 資源,成本高。
- 封面圖是運營手段,需傳達視頻主題、誘導點擊,自動截幀無法滿足。