ccoreilly / vscode-audio-preview

VS Code Extension to preview and play wav file.

audio-preview

You can play your audio file and preview its info on VS Code.
You can also check waveform and spectrogram.

Supported Audio Files: wav, aac, mp3, ogg, flac, ... 🌟

Features

How to preview wav.

Note: You can play audio without waiting for finish decoding.

If this extension does not open by default, edit settings.json like below.

"workbench.editorAssociations": {
    "*.wav": "wavPreview.audioPreview"
},

Settings

You can configure these options in settings.json or VS Code's GUI.

You can play audio automatically when you open it.

"WavPreview.autoPlay": true

You can analyze audio automatically when you open it.

"WavPreview.autoAnalyze": true

You can configure default value of analyze settings like below.

"WavPreview.analyzeDefault": {
        // fft window sizw. [0,7]
        // 0:256, 1:512, 2:1024, 3:2048, 4:4096, 5:8192, 6:16384, 7:32768
        "windowSizeIndex": 5,

        // range of amplitude displayed on the figure [-100,100]
        "minAmplitude": -1,
        "maxAmplitude": 1,

        // range of frequency displayed on the figure [0,sampleRate/2]
        "minFrequency": 1000,
        "maxFrequency": 8000,
    }
}

Development

Issues

Feel free to report isuues on github.

Build

• Clone this repo
• Install Dependencies: npm install
• Build Container for decoder: docker build -t audio-decoder ./src/decoder/
• Compile decoder.cpp to wasm: docker run -v ${pwd}/src/decoder:/build -it audio-decoder make
• Run Extension: f5

References

Custom Editor: https://code.visualstudio.com/api/extension-guides/custom-editors
Cutrom Editor Example: https://github.com/microsoft/vscode-extension-samples/tree/main/custom-editor-sample