javascript - HTML5视频，没有音轨怎么检测？

Question

我正在制作一个 chrome 应用程序，我想对视频播放进行自定义控制，但我在使用静音按钮时遇到了一些困难。大多数将在应用程序中播放的视频都是无声的，因此我希望能够在没有音轨时禁用该按钮，就像 chrome 使用默认控件所做的那样。

尝试使用音量值但它返回“1”，即使没有音轨。检查视频是否静音也没有用。

这是一个 snippet .

有什么建议吗？

Answer 1

根据 upuoth 的答案缩短功能并扩展以支持 IE10+

function hasAudio (video) {
    return video.mozHasAudio ||
    Boolean(video.webkitAudioDecodedByteCount) ||
    Boolean(video.audioTracks && video.audioTracks.length);
}

用法:

var video = document.querySelector('video');
if(hasAudio(video)) {
    console.log("video has audio");
} else{
    console.log("video doesn't have audio");
}