Creé un Audio Visualizer para WinUI 3 usando NAudio, Win2D y FFT — Aquí te explico cómo funciona

WinUI 3 es una plataforma moderna y potente, Por eso decidí crear AudioVisualizer, un control de visualización de audio en tiempo real que combina NAudio, FFT y Win2D para ofrecer una experiencia fluida y eficiente.

Repositorio: https://github.com/williamprogramer/AudioVisualizer
Nuget: https://www.nuget.org/packages/AudioVisualizer

Demo

El control captura el audio del sistema y muestra un espectro de 16 bandas en tiempo real.

¿Qué es AudioVisualizer?

AudioVisualizer es un control personalizado para WinUI 3 que permite visualizar audio en tiempo real mediante análisis FFT.

Está pensado para aplicaciones como:

• Reproductores multimedia
• Herramientas de monitoreo
• Aplicaciones educativas
• Interfaces modernas con animaciones
• Software que requiera visualización de audio

El control está disponible como paquete NuGet para facilitar su integración.

Características principales

• Visualización en tiempo real basada en FFT
• Renderizado acelerado con Win2D
• Captura de audio del sistema mediante NAudio
• Diseño adaptable a cualquier tamaño
• Colores personalizables mediante recursos de tema
• Construido con WinUI 3 y .NET 8

Instalación

Instalar desde NuGet:

dotnet add package AudioVisualizer --version 1.0.0

Uso rápido

Agregar el control en XAML:

<Page
    xmlns:local="using:AudioVisualizer">
    <Grid>
        <local:AudioVisualizer 
            VisualizerBackgroundBrush="{ThemeResource CardBackgroundFillColorDefaultBrush}"
            VisualizerBarsBrush="{ThemeResource AccentFillColorDefaultBrush}" />
    </Grid>
</Page>

Personalización

<local:AudioVisualizer 
    VisualizerBackgroundBrush="Black"
    VisualizerBarsBrush="Cyan" />