检测 HTML5 视频的 H264 配置文件和级别

Question

我有一堆 mp4 文件，它们都是用 H264 High profile level 4.x 编码的视频。我们希望将它们与 HTML5 视频一起显示，以便跨设备传输（从手机到联网电视）。我知道这些文件可能无法在所有设备上正常播放，尤其是旧设备，因此我们正在考虑替代方案（例如向用户显示警告消息或为文件创建基线格式）。如果给定的设备可以读取给定的 H264 配置文件和级别，我需要检查 JavaScript，但我不确定它是如何工作的。

我已经阅读了http://diveintohtml5.info/detect.html，它提供了如下功能

function supports_h264_baseline_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}  

这告诉我 H264 基线配置文件 - 例如，如何检测 H264 高配置文件级别 4.1？

Answer 1

在我对 HTML5 视频和 mime 类型的研究过程中，我发现了来自 Whatwg.org 的链接。它说：

视频编解码器

H.264 Baseline: avc1.42E0xx, where xx is the AVC level
H.264 Main: avc1.4D40xx, where xx is the AVC level
H.264 High: avc1.6400xx, where xx is the AVC level 

XX 表示为十六进制值。因此，如您的示例所示，3.0 级是 1E。

如果您想针对 H264 High profile 级别 4.1 进行测试，则要测试的 mime 类型将为 avc1.640029。您可以使用 divintohtml5.info 中的函数来测试您的 mime 类型。

顺便说一句，如果您想要广泛的设备覆盖范围，您可能最好为每个文件只生成一个 H264 主配置文件再现，因为它将在大多数常见设备上播放（这就是我今天的做法，除非我有特定于设备的设备）要求）。