louisandrew/avt-visualization

2nd Programming task for AVT. Audio visualization

Programmieraufgabe 02: Audiomanipulation und -analyse

Einleitung

Nutzen Sie die Vorlage und die in der Übung kennengelernten Technologien (insbesondere die Web-Audio-API) um ein einfaches Audio-Analyse-Tool zu programmieren.

Einen Punkt gibt es für allgemeine Code-Qualität.

Teilaufgabe 1 (3 Punkte)

Entwerfen Sie einen einfachen Audio-Webplayer, welcher es erlaubt ein (statisches) Soundfile abzuspielen und grundlegende Steuermöglichkeiten erlaubt (mindestens Play, Pause, Volume).

Teilaufgabe 2 (3 Punkte)

Erweitern Sie die Funktionalitäten ihres Prototyps um Filtermöglichkeiten, die einen einfachen Dreiband-Equalizer umsetzen. Dieser soll es erlauben die Tiefen, Mitten und Höhen zu verstärken bzw. abzuschwächen. Die Filter sollen über die UI steuerbar sein. Recherchieren / Experimentieren Sie eigenständig nach sinnvollen Grenzwerten für diese 3 Bereiche. Und nutzen Sie die in main.js vorbereiteten Variablen für diese.

Teilaufgabe 3 (3 Punkte)

Erweitern Sie die grafische Oberfläche um eine Visualisierung, welche den aktuellen Peak der 3 Bänder des Equalizers aus Teilaufgabe 2 visualisiert. Die Visualisierung soll auch den aktuellen Zustand der Filter mitberücksichtigen.