使用web-audio-draw的麦克风音量(rserota/wad)

<script src="path/to/web-audio-draw.js"></script>

const audioContext = new (window.AudioContext || window.webkitAudioContext)();

navigator.mediaDevices.getUserMedia({ audio: true })
  .then(function(stream) {
    // 麦克风输入获取成功
    // stream是一个MediaStream对象，包含了麦克风的音频数据
  })
  .catch(function(error) {
    // 麦克风输入获取失败
    console.error('Error accessing microphone:', error);
  });

const microphoneNode = audioContext.createMediaStreamSource(stream);

const analyserNode = audioContext.createAnalyser();
microphoneNode.connect(analyserNode);

const dataArray = new Uint8Array(analyserNode.frequencyBinCount);
analyserNode.getByteTimeDomainData(dataArray);

const canvas = document.getElementById('visualization-canvas');
const canvasContext = canvas.getContext('2d');
webAudioDraw.visualizers.waveform(canvasContext, dataArray);