如何使用Javascript编写音频可视化工具

// 创建音频上下文
const audioContext = new AudioContext();

// 创建音频源
const audioElement = document.querySelector('audio');
const sourceNode = audioContext.createMediaElementSource(audioElement);

// 创建音频分析器
const analyserNode = audioContext.createAnalyser();
analyserNode.fftSize = 2048; // 设置FFT大小

// 连接节点
sourceNode.connect(analyserNode);
analyserNode.connect(audioContext.destination);

// 获取音频数据
const bufferLength = analyserNode.frequencyBinCount;
const dataArray = new Uint8Array(bufferLength);
analyserNode.getByteFrequencyData(dataArray);

// 可视化音频数据
// 使用dataArray进行可视化操作，例如绘制波形图或频谱图