LightBox Music Visualizer - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:20

Die LightBox verwendet das integrierte Mikrofon Ihres Telefons oder Tablets, um Musik zu analysieren, um schöne Lichtmuster zu erzeugen, die zur Musik passen. Starten Sie einfach die App, platzieren Sie Ihr Telefon oder Tablet in der Nähe einer Tonquelle und Ihre Box visualisiert den Ton in Echtzeit. Die LightBox kann auch als buntes Umgebungslicht verwendet werden.

Spaß haben!!!

Schritt 1: Materialien sammeln

Sie benötigen folgende Materialien:

• 1 m Holzlatte 4 x 0,5 cm (für den Rahmen)
• 1 m Holzlatte 1,2 x 0,5 cm (für den vorderen Rand)
• 15 cm quadratischer Holzstab 0,8 x 0,8 cm
• 1 x Holzplatte 22 x 18 x 0,3 cm (für die Rückplatte)
• 1 x milchweiße Acrylglasplatte 22 x 18 x 0,3 cm (für die Frontplatte)
• 1 x RGB-LED-Streifen, Typ WS2812B, 5 Volt, 1 m Länge, mit 60 LEDs
• 1 x ESP8266-Modul. Ich habe das Adafruit Huzzah verwendet, aber Sie können ein anderes Modul verwenden.
• 1 x 5,5 x 2,1 DC Hohlsteckerbuchse
• Draht (verschiedene Farben)
• Etwas Klettband

Werkzeuge, die Sie benötigen:

• Holzsäge
• Gehrungslade
• Holzkleber
• Lötkolben

Schritt 2: Bauen Sie die Box

Der Rahmen

Verwenden Sie zuerst die Gehrungslade, um die Leiste für den Rahmen zu schneiden. Schneiden Sie die Teile mit einem 45°-Winkel zu, damit Sie sie zusammenfügen können, um den äußeren Rahmen zu bilden (siehe Bilder). Sie benötigen zwei 23 cm lange Stücke (für oben und unten) und zwei 19 cm lange Stücke (für linke und rechte Seite). Die Längen beziehen sich auf die längere Kante.

Tipp: Wenn Sie die Teile in der Reihenfolge zuschneiden, in der die Kanten zusammengefügt werden (z. B. zuerst das Oberteil, dann das rechte Teil, dann das Unterteil, dann das linke Teil), stellen Sie sicher, dass die Kanten perfekt passen.

Kleben Sie nun die Teile für den Rahmen zusammen. Achten Sie darauf, dass Sie auf der einen Seite die Acrylglasplatte und auf der anderen Seite die Rückplatte in die Box einpassen können. Machen Sie sich keine Sorgen, wenn kleine Lücken vorhanden sind – Lücken auf der Vorderseite werden durch den Rand verdeckt und die Rückseite ist nicht sichtbar.

Die Frontplatte

Als nächstes schneiden Sie den quadratischen Holzstab in vier Stücke von je 3 cm Länge. Setzen Sie die Acrylglasplatte so in die Box ein, dass sie mit der Front bündig abschließt. Kleben Sie die viereckigen Holzstücke in die Ecken der Box und auf die Rückseite der Acrylplatte. Achte darauf, dass du nicht zu viel Kleber verwendest, damit kein Kleber auf das Acryl gelangt, außer dort, wo er auf die Holzteile geklebt ist.

Die Grenze

Verwenden Sie die Gehrungslade erneut, um die Leiste für den Rand zu schneiden. Schneiden Sie sie mit einem 45°-Winkel (siehe Bilder). Sie benötigen wieder zwei 23 cm lange und zwei 19 cm lange Stücke (die Längen beziehen sich wiederum auf die längere Kante).

Kleben Sie die Teile für den Rand zusammen und kleben Sie den Rand auf die Vorderseite der Schachtel. Achten Sie auch hier darauf, dass kein Kleber auf das Acryl spritzt.

Schritt 3: Firmware auf dem Controller installieren

Gehen Sie zu Ihrem Arduino Library Manager und stellen Sie sicher, dass die FastLED-Bibliothek installiert ist. Es wird von der Firmware verwendet.

Laden Sie die Firmware für Ihren ESP8266 von Github herunter.

Verwenden Sie die Arduino IDE, um die Firmware auf Ihr ESP8266-Modul hochzuladen.

Hinweis zur Verwendung unterschiedlicher Anzahl von LEDs: Ich habe die LightBox mit einem LED-Streifen von 60 LEDs gebaut. Sie können jedoch so viele LEDs verwenden, wie Sie möchten. Sie müssen lediglich die Konstanten NUM_ROWS und NUM_COLUMNS in der Firmware ändern. Die App passt sich automatisch an die von Ihnen definierte Anzahl von LEDs an. So können Sie ganz nach Belieben große oder kleine LightBoxen bauen.

Schritt 4: Bauen Sie die Rückplatte

In diesem Schritt schneiden wir den LED-Streifen in kleinere Streifen, verlöten sie mit etwas Draht und kleben sie auf die Rückplatte, um ein Gitter zu bilden. Das Ergebnis sollte wie auf den Bildern dargestellt aussehen.

Achtung: Auf dem LED-Streifen sind kleine Pfeile aufgedruckt. Diese Pfeile geben die Richtung an, in der sich das Datensignal ausbreitet. Sie müssen die Streifen so kleben und löten, dass Sie den Pfeilen beginnend bei dem Draht, der mit dem Pin des ESP8266-Moduls verbunden wird, entlang der Streifen bis zum Ende des letzten Streifens folgen können.

Schneiden Sie den LED-Streifen in sechs Streifen mit jeweils 10 LEDs. Der LED-Streifen hat Markierungen, an denen er geschnitten und nachgelötet werden kann. Messen Sie die Größe Ihres ESP8266-Moduls. Verwenden Sie einen Bleistift, um zu markieren, wo jeder Streifen auf der Rückplatte hingehen soll. Der Abstand zwischen den Streifen sollte gleich sein und Sie müssen einen Rand lassen, der breit genug ist, um das ESP8266-Modul dort zu platzieren, ohne eine der LEDs abzudecken.

Als nächstes kleben Sie die Streifen auf die Rückplatte. Holen Sie Ihren Lötkolben, etwas Draht heraus und löten Sie die LED-Streifen zusammen. Die Streifen haben drei Leitungen: +5V, GND und DO. Stellen Sie sicher, dass Sie immer passende Leitungen anschließen. Verwenden Sie Drähte unterschiedlicher Farbe, um Fehler zu vermeiden.

Bohren Sie ein Loch für die DC-Buchse in die Rückplatte. Ich benutzte etwas Heißkleber, um die Buchse auf die Platte zu kleben.

Verbinden Sie die +5V- und die GND-Leitung des LED-Streifens mit den entsprechenden Klemmen der Hohlbuchse. Wenn Sie nicht wissen, welcher Anschluss positiv und welcher negativ ist, schließen Sie eine 5-V-Stromversorgung an und verwenden Sie ein Multimeter, um herauszufinden, welcher welcher Anschluss ist.

Verbinden Sie die 5V- und die GND-Anschlüsse Ihres ESP8266-Moduls mit den entsprechenden Anschlüssen der Hohlbuchse. Verbinden Sie Pin 5 des ESP8266-Moduls mit der Datenleitung des LED-Streifens. Sie können entweder Jumperkabel verwenden, wenn Sie das Modul später wiederverwenden möchten, oder die Kabel direkt an die Anschlüsse des Moduls löten.

Kleben Sie das ESP8266-Modul auf die Rückplatte oder verwenden Sie ein Klettband, um es zu befestigen.

Schritt 5: Viel Spaß

Es ist Zeit, die App aus dem Google Play Store herunterzuladen. Es ist natürlich kostenlos!

Schließen Sie Ihre LightBox an. Es sollte blau werden und Sie sollten ein WiFi-Netzwerk namens "Lightbox" auf Ihrem Telefon oder Tablet sehen können. Wenn die Box beim ersten Einstecken rot wird, müssen Sie das EEPROM Ihres ESP8266-Moduls zurücksetzen. Verbinden Sie dazu Pin 4 des Moduls für eine Sekunde mit GND. Die Box sollte neu starten und jetzt blau werden.

Verbinden Sie sich mit Ihrem Telefon oder Tablet mit dem WLAN-Netzwerk "lightbox" (Passwort: "lightbox12345"). Starten Sie die LightBox-App. Die App verbindet sich automatisch mit der LightBox.

Im Einstellungsmenü können Sie die LightBox so konfigurieren, dass sie sich mit Ihrem eigenen WLAN-Netzwerk verbindet, anstatt ein eigenes zu erstellen. Auf diese Weise müssen Sie nicht zu einem anderen WLAN-Netzwerk wechseln, wenn Sie Ihre Box verwenden möchten.

Verwenden Sie den Color Picker, um Ihren Raum in einer Farbe zu beleuchten, die Ihrer Stimmung entspricht, oder verwenden Sie den Audio Analyzer, um Musik in wunderschöne Farbmuster zu verwandeln.

Zögern Sie nicht, im Kommentarbereich zu fragen, wenn Sie Fragen haben.

Spaß haben!

Aktualisierung:

• 03.06.2017: Ich habe einige Nahaufnahmen der Verkabelung des ESP8266-Moduls hinzugefügt.
• 19.06.17: Ich verbessere ständig die App und die Firmware. Ich habe einen Filter hinzugefügt, der die Audiovisualisierung glättet. Es gibt viel weniger Flimmern und die Visualisierung sieht viel schöner aus. Ich habe auch eine Möglichkeit hinzugefügt, die Anzahl der LED-Reihen und -Spalten in der Firmware zu konfigurieren. Die App passt sich automatisch an die konfigurierte Anzahl von LEDs an. Auf diese Weise können Sie Ihre LightBox mit mehr oder weniger LEDs als ich bauen und es funktioniert mit der App.

Zweiter in der Unberührbaren Herausforderung