通过JS脚本检查浏览器对视频编码的支持情况

在开发包含音视频功能的前端项目的时候，很多时候我们需要通过web组件播放一些音视频文件。但是和一些万能的播放器不一样，很多音视频封装格式、编码格式浏览器并不支持。因此，我们在播放视频之前需要检查浏览器是否支持对应的编码格式。这里就介绍一下如何通过js脚本检查当前浏览器是否支持某个编码格式。

在介绍检查方法之前，我们先介绍一下常用的编码格式:

H264编码格式

H.264是一种视频压缩编码标准，也称为Advanced Video Coding(AVC)。H.264 Baseline、H264 Main和H.264 High是H.264编码中的三个不同的配置文件。
H.264 Baseline 配置文件定位为较低的编码复杂度和较低的视频质量要求。它通常用于低性能设备、低带宽网络或对设备功耗要求较高的场景。与其他配置文件相比，它提供了较低的编码效率和功能。
H.264 Main 配置文件提供了更好的压缩效率和更高的视频质量，适用于大多数应用场景。它在编码效率和视频质量之间取得了平衡，可以在具有适度计算能力的设备上实现高质量的视频编码和解码。
H.264 High 配置文件提供了最高的编码效率和视频质量，适用于对视频质量要求非常高的场景，如高清视频和蓝光光盘。然而，编码和解码过程中需要更大的计算资源。

H.264 Baseline 对应的编码编号是codecs=“avc1.42E01E”
H.264 Main 对应的编码编号是codecs=“avc1.4D401E”
H.264 High 对应的编码编号是codecs=“avc1.64001E”

H265编码(HEVC)

HEVC(High Efficiency Video Coding)是一种视频压缩编码标准，也被称为H.265。HEVC Main和HEVC Main 10是HEVC