0

目的

  • 更改实时流的增益（麦克风音量）。
  • 在演示中，您将能够从低增益 (0.1) 更改为高增益 (1)。当它设置为 0.1 时，您几乎不会听到自己的声音，就像耳语模式一样。

问题

下面的代码适用于 Windows、Android 和 Safari 桌面版本，但是当我尝试在我的 iPhone SE 上的 Safari 中运行它时，我没有听到耳语或低增益。我检查了增益节点的值，单击按钮时它设置为0.1，但似乎没有生效。

演示链接：

https://unrupt.github.io/webrtc-samples/stream-gain-control.html

iPhone 上 Safari 媒体支持的约束

  • 纵横比
  • 设备ID
  • 回声消除
  • 面对模式
  • 帧率
  • 组 ID
  • 高度
  • 相同速率
  • 样本大小
  • 体积
  • 宽度

代码：

    <h2 class="w3-center">Media Stream with Gain Control</h2>
    <p class="w3-center">The aim of this sample is to control the gain of the stream</p>
    <audio id="audio" playsinline="true" controls autoplay></audio><br>
    <button class="btn-fn" onclick="start()">Start!</button>
    <button class="btn-fn" onclick="updateGain(0.001)">Low Gain</button>
    <button class="btn-fn" onclick="updateGain(1)">Default Gain</button>
    <script>
        var AudioContext = window.AudioContext || window.webkitAudioContext;

        var localStream;
        var gainNode;
        var ctx;
        var dst;
        var start = () => navigator.mediaDevices.getUserMedia({audio: true})
          .then(stream => audio.srcObject = modifyGain(stream, 2.5))
          .catch(e => log(e));

        var modifyGain = (stream, gainValue) => {
            localStream = stream;
          ctx = new AudioContext();
          var src = ctx.createMediaStreamSource(stream);
          dst = ctx.createMediaStreamDestination();
          gainNode = ctx.createGain();
          gainNode.gain.value = gainValue;
          src.connect(gainNode);
          gainNode.connect(dst);
          outputStream = dst.stream;
          stream.addTrack(outputStream.getAudioTracks()[0]);
          stream.removeTrack(stream.getAudioTracks()[0]);
          //[src, gainNode, dst].reduce((a, b) => a && a.connect(b));
          return stream;
        };

        var updateGain = (value) => {
          gainNode.gain.value = value;
        };

        var log = msg => div.innerHTML += "<br>" + msg;
    </script>

有什么建议可以尝试吗？

4

0 回答 0