javascript – HTML5视频,如何在没有音轨时检测?

前端之家收集整理的这篇文章主要介绍了javascript – HTML5视频,如何在没有音轨时检测?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在制作一个Chrome应用程序,我想为视频播放提供自定义控件,但我在使用静音按钮时遇到了一些困难.将在应用程序中播放的大多数视频都是静音的,因此我希望能够在没有音频轨道的情况下禁用按钮,就像Chrome使用默认控件一样.

尝试使用音量值,但即使没有音轨,它也会返回“1”.检查视频是否静音也不起作用.

这是一个snippet.

有什么建议?

解决方法

在某些时候,浏览器可能会开始实现 audioTracks property.现在,您可以将webkitAudioDecodedByteCount用于webkit,将mozHasAudio用于firefox.
document.getElementById("video").addEventListener("loadeddata",function() {
  if (typeof this.webkitAudioDecodedByteCount !== "undefined") {
    // non-zero if video has audio track
    if (this.webkitAudioDecodedByteCount > 0)
      console.log("video has audio");
    else
      console.log("video doesn't have audio");
  }
  else if (typeof this.mozHasAudio !== "undefined") {
    // true if video has audio track
    if (this.mozHasAudio)
      console.log("video has audio");
    else
      console.log("video doesn't have audio");
  }
  else
    console.log("can't tell if video has audio");
});
原文链接:https://www.f2er.com/js/152872.html

猜你在找的JavaScript相关文章