前端音視頻的那些名詞

觀感度：🌟🌟🌟🌟🌟

口味：椒鹽小酥肉

烹飪時間：10min

本文已收錄在前端食堂同名倉庫 Github github.com/Geekhyt，歡迎光臨食堂，若是以爲酒菜還算可口，賞個 Star 對食堂老闆來講是莫大的鼓勵。

比特率 Bit rate （碼率、碼流）

表明每秒傳送的比特數。

比特率又稱爲「二進制位速率」，俗稱「碼率」，「碼流」，又稱爲數據信號速率。這大兄弟別名好多。。

從傳輸速度的發展看來，摩爾定律不只應用在晶體管的密度，一樣能夠用在傳輸速度：比特率大概每18個月提升一倍。

單位

比特/秒(bit/s 或 bps)、千比特/秒(kbit/s 或 kbps)、兆比特/秒 (Mbit/s 或 Mbps)

(1Mbps = 1000kbit/s)

比特率越高，表明單位時間傳送的數據就越多。

公式

碼率(kbps) = 文件大小(KB) * 8 / 時間(s)

舉個例子理解：假如視頻文件的容量爲 2.888G，視頻長度100分鐘（6000秒），碼率約等於 4037kbps (3.446 1024 1024 * 8 / 6000 = 4037.717)。

幀率 Frame rate

圖形處理器每秒可以刷新幾回，也就是每秒可以播放多少幀。

人類眼睛的特殊生理結構，若是畫面的幀率高於每秒約10-12幀時，都會認爲是連貫的，也就是所謂的視覺暫留。

低幀率會形成視覺卡頓，幀率越高，流暢度越高。

若是你玩過LOL，那麼遊戲幀數保證穩定在60幀左右或以上，你的遊戲畫面就是流暢的。

單位

每秒顯示的幀數(Frames per Second，FPS）或赫茲（Hz）。

壓縮率 Compression rate

通過壓縮後文件的大小 / 原始文件的大小 * 100% = 壓縮率

壓縮率通常是越小越好，可是壓得越小，解壓時間越長。

分辨率 Image resolution

一般表示稱PPI，用於度量圖像內數據量多少的一個參數。

像素密度越高，說明像素越密集，5PPI表示每英寸有5個像素，500PPI表示每英寸有500個像素。

PPI的數值高，圖片和視頻的清晰度就更高。

公式

分辨率 = 單位長度內的像素數量 / 單位長度

單位

DPI（點每英寸）、LPI（線每英寸）、PPI（像素每英寸）和 PPD（PPPixels Per Degree 角分辨率，像素每度）。

是PPD 不是 PDD。

容器格式

MP4

由國際標準化組織（ISO）和國際電工委員會（IEC）下屬的」動態圖像專家組「（Moving Picture Experts Group，即MPEG）制定。

MP4 十分開放，幾乎能夠用來描述全部的媒體結構。支持流媒體，被普遍用於 H.264/H.265 視頻和 ACC 音頻，是高清視頻的扛把子。

AVI

AVI（Audio Video Interleaved），是微軟用於對抗蘋果 QuickTime 的產物。它能夠跨多個平臺使用，不過體積過於龐大，壓縮標準也不統一。

FLV

FLV（Flash Video）是目前最流行的流媒體格式，其文件體積小、封裝播放簡單，很是適合在網絡場景下應用。各大視頻網站大多都會使用 FLV 格式。

TS,M3U8

HLS 由 TS 和 M3U8 兩部分組成：

• .m3u8 文件：以 UTF-8 編碼的 m3u 文件。
• .ts 視頻文件：一個 m3u8 文件對應着若干個 ts文件。

m3u8 只存放了一些 ts 文件的配置信息和相關路徑，而 ts 文件存放了視頻的數據。當視頻播放時，video 標籤會解析 m3u8 並找到對應的
ts 文件進行播放。

不過 HLS 的延時相對較高，延時包含了 TCP 握手、m3u8 文件下載與解析、ts 文件下載與解析等多個步驟。雖然能夠縮短列表的長度和限制單個 ts 文件的大小來下降延遲，可是會形成請求次數增長，服務器壓力增大。

蘋果官方推薦的 ts 時長是 10s，大概會有 30s 的延遲。

WebM

WebM 由 Google 提出，是一種專爲 Web 設計的開放，免版稅的媒體文件格式。WebM 文件包含使用 VP8 或 VP9 視頻編解碼器壓縮的視頻流和使用 Vorbis 或 Opus 音頻編解碼器壓縮的音頻流。

OGV

OGV 是 HTML5 中的一個名爲 Ogg Theora 的視頻格式，起源於 OGG 容器格式(由 Xiph.Org 開源)，它不受軟件專利的限制。

MOV

MOV 是 QuickTime 中常見的影片格式，擁有着出色的兼容能力，兼容 Macintosh 和 Windows。

編碼格式

H.264 (AVC)

H.264 是由國際電信聯盟和國際標準化組織/國際電工委員會運動圖像專家組聯合開發的視頻壓縮技術或編解碼器(如 MPEG-4 Part 10，高級視頻編碼或 AVC)。它是在 MPEG-4 技術的基礎之上創建起來的。普遍應用於網絡流媒體數據、網絡軟件、高清晰度電視、衛星等。

H.265(HEVC)

用來替代 H.264/AVC 編碼標準。相同視頻文件使用 H.265 編碼方式編碼後的文件體積大約是 MPEG-4 編碼後文件的 1/3。

• 支持 4k 及更高的分辨率，用戶體驗好
• 高壓縮能爲用戶提供更多內容、下降費用、提高下載速度
• 瀏覽器支持較差，業界解決方案：libe265.js, FFMpeg + WebAssembly

VP9

VP9 是 Google 爲了替換 VP8 並與 H.265/HEVC 競爭所開發的免費、開源的影像編碼格式。超過20億個端點支持VP9解碼，包括Chrome，Opera，Edge，Firefox和Android設備以及數百萬臺智能電視。

VP10 視頻編碼的技術被收錄在開放媒體聯盟所領導的 AV1 編碼中，所以 Google 表示不會在內部部署或正式發佈 VP10。

AV1

AV1（Alliance for Open Media Video 1）是由 AOM（Alliance for Open Media，開放媒體聯盟）制定的一個開源、免版權費的視頻編碼格式，專門爲經過網絡進行流傳輸而設計。IETF 也將這項工做標準化爲互聯網視頻編解碼器(NetVC)。

AV1 的目標是解決 H.265 昂貴的專利費用和複雜的專利受權問題併成爲新一代領先的免版權費的編碼標準。它是 Google 制定的 VP9 標準的繼任者，也是 H.265 強有力的競爭者。

• YouTube 已開始嘗試在部分影片使用AV1視頻格式。
• 2020年2月5日，Netflix開始在Android設備上有限度使用AV1視頻格式播放影片，其壓縮效率較本來的VP9提高20%
• 2020年4月30日，愛奇藝宣佈在我的電腦網頁瀏覽器和Android設備上支持AV1視頻格式。

參考

• WebM
• VP9
• AOMedia Video 1
• H.264/MPEG-4 AVC
• 淘系技術多媒體前端手冊

❤️愛心三連擊

1.看到這裏了就點個贊支持下吧，你的贊是我創做的動力。

2.關注公衆號前端食堂，你的前端食堂，記得按時吃飯！

3.本文已收錄在前端食堂Github github.com/Geekhyt，求個小星星，感謝Star。