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, ... etc.

Note
VSCode will officially support Audio controls within Notebooks in the near future.
Please consider using the official feature.
Thank you for using this extension.
(However, we will continue to maintain and develop this extension.)

Features

How to preview audio.

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