如何通过Javascript检查浏览器是否支持流HEVC

Question

我的应用程序使用Javascript和shaka播放器来播放视频流（直播和点播）。我们打算使用 HEVC 流 (h.265)，但据我所知，这是新的，因此浏览器支持不多。

https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs#hevc_h.265

有办法检查浏览器是否支持 HEVC。如果是，我们将运行 HEVC 流，否则我们将使用 H.264。

谢谢你。

Answer 1

使用

canPlayType

，您可以检查

video

元素是否可以播放某种类型的HEVC编解码器，它将返回以下值之一：

"probably"

、

"maybe"

或

""

（空字符串）无法播放这种类型。

function checkHEVCSupport() {
    var video = document.createElement('video');
    var isHEVCSupported = video.canPlayType('video/mp4; codecs="hev1.1.6.L93.B0"') || video.canPlayType('video/mp4; codecs="hvc1.1.6.L93.B0"');

    return isHEVCSupported;
}

const doesGEVCSupported = checkHEVCSupport()

if (doesGEVCSupported ) {
    // here you could check if the value is "maybe" or "probably"
    console.log('HEVC could be supported');
} else {
    console.log('HEVC is not supported, using H.264 instead');
}