BaseAudioContext: phương thức createDynamicsCompressor()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.

Phương thức createDynamicsCompressor() của BaseAudioContext được dùng để tạo một DynamicsCompressorNode, có thể dùng để áp dụng nén lên tín hiệu âm thanh.

Nén làm giảm âm lượng của những phần lớn nhất trong tín hiệu và tăng âm lượng của những phần nhỏ nhất. Nhìn chung, có thể đạt được âm thanh to hơn, giàu hơn và đầy đặn hơn. Điều này đặc biệt quan trọng trong trò chơi và các ứng dụng âm nhạc, nơi có nhiều âm thanh riêng lẻ được phát đồng thời, khi bạn muốn kiểm soát mức tín hiệu tổng thể và giúp tránh hiện tượng clipping (méo) ở đầu ra âm thanh.

Note: Hàm dựng DynamicsCompressorNode() là cách được khuyến nghị để tạo một DynamicsCompressorNode; xem Tạo một AudioNode.

Cú pháp

createDynamicsCompressor()

// Tạo một MediaElementAudioSourceNode
// Đưa HTMLMediaElement vào đó
const source = audioCtx.createMediaElementSource(myAudio);

// Tạo một compressor node
const compressor = audioCtx.createDynamicsCompressor();
compressor.threshold.setValueAtTime(-50, audioCtx.currentTime);
compressor.knee.setValueAtTime(40, audioCtx.currentTime);
compressor.ratio.setValueAtTime(12, audioCtx.currentTime);
compressor.attack.setValueAtTime(0, audioCtx.currentTime);
compressor.release.setValueAtTime(0.25, audioCtx.currentTime);

// kết nối AudioBufferSourceNode với đích
source.connect(audioCtx.destination);

button.onclick = () => {
  const active = button.getAttribute("data-active");
  if (active === "false") {
    button.setAttribute("data-active", "true");
    button.textContent = "Remove compression";

    source.disconnect(audioCtx.destination);
    source.connect(compressor);
    compressor.connect(audioCtx.destination);
  } else if (active === "true") {
    button.setAttribute("data-active", "false");
    button.textContent = "Add compression";

    source.disconnect(compressor);
    compressor.disconnect(audioCtx.destination);
    source.connect(audioCtx.destination);
  }
};