javascript - 如何在源代码中检查浏览器支持播放率？

Question

我正在构建一个能够改变playbackRate 的视频控制器。但是，一些不支持playbackRate 函数的浏览器想要显示该消息。例如，“此浏览器不支持”。

有没有办法检查playbackRate 函数在JavaScript 中是否正常工作？

这是我尝试的方法：

try{
    player.playbackRate = 0.95;
    // if check here : console.log(player.playbackRate) = 0.95 in not supported browser.

    if (player.playbackRate != 0.95) {
        alert('Not supported in this browser');
    }

    player.playbackRate = 1;
}
catch(e) {
    alert('Not supported in this browser');
}

然而，即使在不支持playbackRate 的浏览器上，实际的playbackRate 值也发生了变化，并且没有输出错误或消息。

我有什么办法吗？

我希望你能帮上大忙。

Answer 1

如果您首先添加该属性，则无法检查本机属性是否存在。

检查是否支持本机属性的方法通常是创建一个干净的新元素，并查看它是否具有该属性以及该属性值是否符合预期

var audio = document.createElement('audio');

if ( 'playbackRate' in audio && audio.playbackRate === 1) {

    // is supported

}