乐趣区

关于前端:前端音视频的那些名词

观感度:????????????????????

口味:椒盐小酥肉

烹饪工夫: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。

退出移动版