Audio-Visualisierer
Visualisieren Sie Ton von Ihrem Mikrofon in Echtzeit
Steuerung
Klicken Sie auf „Mikrofon starten“ und erlauben Sie den Mikrofonzugriff, um die Visualisierung zu starten.
Anleitung
- Audioquelle wählen: Wählen Sie das Mikrofon, einen Ton oder laden Sie eine Audiodatei hoch.
- Darstellung wählen: Wechseln Sie zwischen Balken, Wellenform oder Kreisen.
- Start drücken: Die Visualisierung beginnt sofort.
- Anpassen: Regeln Sie Empfindlichkeit und Farbe nach Ihren Wünschen.
Funktionen
- Echtzeit-Visualisierung über die Web Audio API
- Mehrere Darstellungen: Balken, Wellenform und Kreise
- Eingabe über Mikrofon oder Audiodatei
- Einstellbare Empfindlichkeit und Farbgebung
- Vollständig lokal in Ihrem Browser
Wie die Visualisierung funktioniert
Die Web Audio API zerlegt das eingehende Signal mit einem Analyser-Knoten in einzelne Frequenzbins. Die Visualisierung nutzt eine Fast-Fourier-Transformation, um den Schalldruck über den gesamten Frequenzbereich von den Bässen bis zu den Höhen zu messen. Das Ergebnis wird auf dem Canvas gezeichnet und zeigt, welche Frequenzen gerade dominieren. Darum kann man bei einer Basslastigkeit unten breite Balken sehen, während Sprache eher im mittleren Bereich Energie hat. Weil alles lokal verarbeitet wird, entsteht keinerlei Latenz durch Netzwerkübertragung.
Anwendungsfälle
- Produktion: Tonmischungen und Frequenzverläufe visuell prüfen.
- Vergnügen: Musik als lebendige Grafik erleben.
- Lernen: Darstellen, wie sich Frequenzen im Speicherbild abbilden.
- Präsentation: Effektvolle dynamische Bildschirmhintergründe.
Verwandte Tools
Häufig gestellte Fragen
Zeichnet der Visualisierer mein Audio auf oder speichert er es?
Nein. Die gesamte Audioverarbeitung erfolgt lokal in Ihrem Browser mithilfe der Web Audio API. Es werden keinerlei Audiodaten aufgezeichnet, gespeichert oder an einen Server gesendet. Die Visualisierung wird in Echtzeit generiert und sofort verworfen.
Welche Visualisierungsmodi gibt es?
Es gibt drei Modi: Wellenform zeigt das rohe Audiosignal als Oszilloskop-ähnliche Linie, Frequenzbalken stellt einen Spektrumanalysator mit Balken für jedes Frequenzband dar, und Kreisförmig erzeugt eine radiale Visualisierung, die vom Mittelpunkt der Zeichenfläche ausgeht.
Warum wird in der Visualisierung nichts angezeigt?
Stellen Sie sicher, dass Sie die Mikrofonberechtigung erteilt haben und Ihr Mikrofon funktioniert. Überprüfen Sie, dass Sie nicht stummgeschaltet sind und dass Audio abgespielt wird. Wenn Sie ein Headset verwenden, wählen Sie es als Eingabegerät in Ihren Browsereinstellungen aus.
Welche Browser unterstützen den Audio Visualizer?
Der Visualisierer funktioniert in allen modernen Browsern, die die Web Audio API und getUserMedia unterstützen, einschließlich Chrome, Firefox, Edge und Safari. Mobile Browser werden ebenfalls unterstützt.