在jsPsych浏览器实验中解决移动设备启用麦克风时AGC导致音频播放音量过低问题的技术咨询

阿华AIGC实验室

2026-4-7

Hey there! 完全理解你刚接触Web编程就碰到这种和硬件、系统绑定的坑有多头疼——移动设备的音频系统经常会有各种隐藏的OS级限制，尤其是麦克风录制和音频播放同时启用的时候，简直是噩梦现场😂

先针对你已经尝试的方法做个补充，再给几个可能有效的排查和解决方向：

一、先确认你的`getUserMedia`约束是否真的生效

有些移动浏览器（尤其是安卓厂商定制的版本）会强制忽略你设置的autoGainControl: false这类约束，偷偷在OS层面启用AGC。你可以在获取麦克风流之后，手动检查实际的轨道设置，看看你的配置有没有被系统覆盖：

navigator.mediaDevices.getUserMedia({ audio: {
  echoCancellation: false,
  noiseSuppression: false,
  autoGainControl: false,
  channelCount: 1,
  sampleRate: 44100,
  latencyHint: 'interactive' // 新增这个参数，可能减少系统对音频流的干预
}})
.then(stream => {
  // 获取第一个音频轨道，检查实际生效的设置
  const audioTrack = stream.getAudioTracks()[0];
  const actualSettings = audioTrack.getSettings();
  console.log('当前音频轨道实际配置:', actualSettings);
  // 打开浏览器控制台，看autoGainControl是不是真的为false，如果是true，说明系统强制启用了
});

如果控制台显示autoGainControl还是true，那基本就是系统层面的强制限制，这时候就得换其他思路绕开。

二、检查你的GainNode是否正确配置

你提到用了GainNode但没用，大概率是因为你的音频播放没有通过Web Audio Context的链路处理，或者连接顺序错了。一定要确保音频源→GainNode→音频上下文输出的链路是完整的，比如：

// 注意：必须在用户交互（比如点击按钮）中初始化AudioContext，否则移动浏览器会限制
document.getElementById('start-experiment-btn').addEventListener('click', () => {
  // 创建音频上下文
  const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
  // 创建GainNode并设置增益值（2.0就是两倍音量，别超过3避免破音）
  const gainNode = audioCtx.createGain();
  gainNode.gain.value = 2.0;

  // 绑定你的音频元素
  const audioElement = document.getElementById('experiment-audio');
  const audioSource = audioCtx.createMediaElementSource(audioElement);

  // 正确连接链路：音频源 → GainNode → 设备输出
  audioSource.connect(gainNode);
  gainNode.connect(audioCtx.destination);

  // 开始播放
  audioElement.play();
});

如果之前你是直接用HTML5 Audio的volume属性调音量，那很容易被系统AGC压制，用Web Audio的GainNode会更稳定。

三、尝试分离录制和播放的时机（如果实验场景允许）

如果你的实验不是必须同时播放音频和录制麦克风，那可以试试先暂停麦克风轨道再播放音频，播放完成后再恢复录制：

navigator.mediaDevices.getUserMedia({ audio: { /* 你的约束 */ }})
.then(stream => {
  const micTrack = stream.getAudioTracks()[0];
  // 先禁用麦克风轨道
  micTrack.enabled = false;
  // 播放音频
  playYourExperimentAudio().then(() => {
    // 音频播放完成后，再启用麦克风轨道
    micTrack.enabled = true;
  });
});

这个方法能绕过系统“同时录制+播放时自动压低音量”的逻辑，不过如果你的实验需要边播边录，那这个方法就不适用了。