Musikvisualisierung in Echtzeit im Browser
2021
NextJS / React
TailwindCSS
Mit diesem Projekt möchte ich den Benutzern ermöglichen, Musik in Echtzeit im Browser zu visualisieren.
Dies bietet eine interessante Möglichkeit, Musik auf eine andere Art und Weise zu erleben und kann auch als visuelles Element für Musikaufführungen oder DJ-Sets verwendet werden.
Verwendete Technologien
Ich habe eine Reihe von Technologien verwendet, um das Projekt zu realisieren, darunter:
- Howler.js: Eine JavaScript-Bibliothek zur Steuerung von Audiodateien im Browser
- Butterchurn: Eine JavaScript-Bibliothek zur Erstellung von Audio-Visualisierungen
- Next.js: Ein Framework auf Basis von React
- Tailwind CSS: Eine CSS-Bibliothek mit Klassen, die schnell zu Layout- und Design-Zwecken verwendet werden können
- Vercel: Ein cloud-basierter Hosting-Service für Websites
Beispiele für die Ergebnisse
Hier sind ein paar Beispiele für die Art von Audio-Visualisierungen, die mit meinem Projekt erstellt werden können:
Weiterführende Links
Um mehr über das Projekt zu erfahren und es selbst auszuprobieren, besuchen Sie bitte https://music.janpoth.de.
Dort finden Sie weitere Informationen und Anweisungen zur Verwendung der Musikvisualisierung.
- Lines of code
- 2,539
- Effekte
- 472
Über mich
Ich bin ein Softwareentwickler aus Deutschland mit mehr als 12 Jahren Erfahrung. Ich interessiere mich leidenschaftlich für Technik und liebe es, neue Dinge zu lernen. Zurzeit arbeite ich als Senior Softwareentwickler bei einer Firma namens "Engel & Völkers Technology".