音频可视化工具C＃

Question

我正在C＃/ Asp.net / JavaScript（作为网站）中编写音频可视化工具。 由于我的动画应随音乐一起平稳移动，因此我认为在后面的代码中预处理MP3，将值/频率写入文本文件或其他内容，然后使用javascript读取值并相应地修改动画会更有意义。 。 基本上我想做类似这样的酒吧事情： https : //lh4.ggpht.com/Qhm4EeDUgVlvLcX4MiZ1idGDUo5cD5PmLAIZIfnJlilzU789OPXAUK_emJSOT3CK4Vs=h900我需要某种数值来用作酒吧的高度，并且它应该随着酒吧的高度而变化。 我正在为此使用Naudio。 这是我的代码：

using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using NAudio;
using System.IO;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        MP3toWAV(MapPath("~/Music/UctfnI6yUPM.mp3"), MapPath("~/Music/UctfnI6yUPM.wav"));
        Strip(MapPath("~/Music/UctfnI6yUPM.wav"));
    }
    public void MP3toWAV(string file,string output)
    {
        using (NAudio.Wave.Mp3FileReader reader = new NAudio.Wave.Mp3FileReader(file))
        {
            NAudio.Wave.WaveFileWriter.CreateWaveFile(output, reader);
        }
    }
    public void Strip(string path)
    {
        NAudio.Wave.WaveChannel32 wave = new NAudio.Wave.WaveChannel32(new NAudio.Wave.WaveFileReader(path));
        byte[] buffer = new byte[8192];
        int read = 0;
        StreamWriter writer = new StreamWriter(MapPath("~/Result.txt"));
        while (wave.Position < wave.Length)
        {
            read = wave.Read(buffer, 0, 8192);
            for (int i = 0; i < read / 4; i++)
            {
                writer.Write(BitConverter.ToSingle(buffer, i * 4));
            }
        }
    }
}

这是pastebin输出的一部分： http ://pastebin.com/Ve5tym20我无法复制整个内容，因为它是一个大约90mb的文本文件。 我不太确定我应该如何使用这些数据，以及首先是否要使用正确的数据。 这几天我一直在寻找如何执行此操作。 我看过马克·希思（Mark Heath）关于自动调谐的文章，也看过BandedSpectrumAnalyzer项目，该文章提供了很多代码，但是BandedSpectrumAnalyzer项目让我感到困惑（我不知道它的哪一部分做了什么）请帮助？？？

Answer 1

由于要在浏览器中构建EQ可视化，我建议使用WebAudio HTML5 API而不是服务器端方法。 您可以使用WebAudio API轻松操作mp3和其他文件类型

您可以在线找到许多使用API​​的示例。 此处列出了一些很好的示例： http : //webaudio.github.io/demo-list/

目前仅在Chrome，Firefox和Safari中支持该API。 我相信IE会很快跟进。 http://caniuse.com/#feat=audio-api

这是一个对您的情况有用并支持所有浏览器的示例： http : //www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound