javascript - 如何从 JavaScript 获取 HTML5 视频的编解码器信息？

Question

我想知道视频编解码器，主要是用于编码 HTML5 视频的音频编解码器，因为例如，Firefox 支持 MP4 视频，但在其 Windows 版本中，如果音频使用“sowt”编码，则声音不管用。在这种情况下，我可以提供一个 WEBM 源，但我必须先知道 MP4 源是否有问题。

我找到了 this但它是一个尚未在其他浏览器中实现的 IE11 属性。

你怎么看？这可能吗？

提前谢谢你。

Answer 1

媒体元素不提供详细的低级编解码器信息。您可以使用 canPlayType() method 测试浏览器是否可以播放某个文件。以 mime 类型/编解码器作为参数，但这是一个通用查询，不会提供有关特定文件的具体信息，只会提供浏览器的(潜在)功能。

您引用的 audioTracks 属性(也是 supported in Safari )列出了浏览器已经解码的文件中的可用音轨，即。能够阅读和处理。轨道数据更多是“语义”描述类型(轨道类型(主要、翻译、..)、语言等)，与原始数据使用的编码无关。

检测此低级信息的唯一方法是使用 XMLHttpRequest(带有 CORS 要求)或 FileReader 作为字节缓冲区 (ArrayBuffer) 加载视频文件(或其中的一部分)并手动解析它。可行，但它提供了许多陷阱。

一般情况下，当浏览器跳过第一个选择而使用第二个、第三个等选择时，这意味着浏览器无法播放该特定文件，这意味着该文件确实有问题，但对于此浏览器。

最好的方法是选择一种或多种组合适用于大多数浏览器的编解码器，并始终确保视频直接呈现为其中一种格式，或者至少转换为此类格式。