javascript - VideoJS HTML5 Video JS 如何将音量提高到最大值以上？

Question

这可能没有解决方案，但我还是想问问。有时视频真的很安静，如果我相应地调高计算机的音量，那么其他声音就会变得太大声。如果能够将音量提高到最大值以上就好了。

我在谷歌上进行了搜索，实际上什么也没有找到，事实上什至没有与 videojs 相关的结果。一些视频我的 Mac 几乎是最大音量，以便很好地听到视频的语音，所以从较低的音量开始并相应地调整是不可行的。

我试过:

   var video = document.getElementById("Video1");
   video.volume = 1.0;

并将其设置为 1.0 以上的任何值，但视频根本无法打开:

   var video = document.getElementById("Video1");
   video.volume = 1.4;  /// 2.0 etc

Answer 1

基于:http://cwestblog.com/2017/08/17/html5-getting-more-volume-from-the-web-audio-api/

您可以使用 Web Audio API 调整增益:

function amplifyMedia(mediaElem, multiplier) {
  var context = new(window.AudioContext || window.webkitAudioContext),
    result = {
      context: context,
      source: context.createMediaElementSource(mediaElem),
      gain: context.createGain(),
      media: mediaElem,
      amplify: function(multiplier) {
        result.gain.gain.value = multiplier;
      },
      getAmpLevel: function() {
        return result.gain.gain.value;
      }
    };
  result.source.connect(result.gain);
  result.gain.connect(context.destination);
  result.amplify(multiplier);
  return result;
}

amplifyMedia(document.getElementById('myVideo'), 1.4);

您传递给该函数的乘数与视频音量处于同一水平，1 表示 100% 音量，但在这种情况下您可以传递一个更大的数字。

---

无法发布任何工作演示或 JSFiddle，因为 Web Audio API 需要来自同一来源(或 CORS 兼容)的源。您可以在控制台中看到错误:https://jsfiddle.net/yuriy636/41vrx1z7/1/

MediaElementAudioSource outputs zeroes due to CORS access restrictions

但我已经在本地进行了测试并且它按预期工作。