LightBox Music Visualizer: 5 βήματα (με εικόνες)

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:36

Το LightBox χρησιμοποιεί το ενσωματωμένο μικρόφωνο του τηλεφώνου ή του tablet σας για να αναλύσει τη μουσική για να δημιουργήσει όμορφα σχέδια φωτός που ταιριάζουν με τη μουσική. Απλώς ξεκινήστε την εφαρμογή, τοποθετήστε το τηλέφωνο ή το tablet σας κάπου κοντά σε μια πηγή ήχου και το κουτί σας θα απεικονίσει τον ήχο σε πραγματικό χρόνο. Το LightBox μπορεί επίσης να χρησιμοποιηθεί πολύχρωμο φως περιβάλλοντος.

Καλα να περνατε!!!

Βήμα 1: Συγκέντρωση υλικών

Θα χρειαστείτε τα ακόλουθα υλικά:

• 1 m ξύλινο πηχάκι 4 x 0,5 cm (για το πλαίσιο)
• 1 m ξύλινο πηχάκι 1,2 x 0,5 cm (για το μπροστινό περίγραμμα)
• 15 εκατοστά τετράγωνο ξύλινο ραβδί 0,8 x 0,8 εκατοστά
• 1 x ξύλινη πλάκα 22 x 18 x 0,3 cm (για την πίσω πλάκα)
• 1 x λευκή ακρυλική γυάλινη πλάκα γάλακτος 22 x 18 x 0,3 cm (για την μπροστινή πλάκα)
• 1 x RGB λωρίδα LED, τύπου WS2812B, 5 Volt, 1 m μήκος, με 60 LED
• 1 x μονάδα ESP8266. Χρησιμοποίησα το Adafruit Huzzah, αλλά μπορείτε να χρησιμοποιήσετε διαφορετική ενότητα.
• 1 βύσμα βαρελιού 5 x 5,5 x 2,1 DC
• Σύρμα (διαφορετικά χρώματα)
• Λίγο ταινία βελουτέ

Εργαλεία που θα χρειαστείτε:

• Πριόνι ξύλου
• Κουτί μίτρα
• Ξυλόκολλα
• Συγκολλητικό σίδερο

Βήμα 2: Φτιάξτε το κουτί

Το πλαίσιο

Αρχικά, χρησιμοποιήστε το κουτί μίτρα για να κόψετε το πηχάκι για το πλαίσιο. Κόψτε τα κομμάτια με γωνία 45 °, ώστε να τα τοποθετήσετε μεταξύ τους για να σχηματίσουν το εξωτερικό πλαίσιο (δείτε εικόνες). Θα χρειαστείτε δύο κομμάτια μήκους 23 cm (για πάνω και κάτω) και δύο κομμάτια μήκους 19 cm (για την αριστερή και τη δεξιά πλευρά). Τα μήκη αναφέρονται στο μεγαλύτερο άκρο.

Συμβουλή: Εάν κόψετε τα κομμάτια με τη σειρά με την οποία θα τοποθετηθούν οι άκρες (π.χ., πρώτα το πάνω κομμάτι, μετά το δεξί κομμάτι, μετά το κάτω κομμάτι, μετά το αριστερό κομμάτι), διασφαλίζετε ότι οι άκρες θα ταιριάζουν απόλυτα Το

Τώρα, κολλήστε τα κομμάτια για το πλαίσιο μαζί. Βεβαιωθείτε ότι μπορείτε να τοποθετήσετε την ακρυλική γυάλινη πλάκα στο κουτί στη μία πλευρά και την πίσω πλάκα στην άλλη πλευρά. Μην ανησυχείτε εάν υπάρχουν μικρά κενά - τα κενά στην μπροστινή πλευρά θα καλυφθούν από το περίγραμμα και η πίσω πλευρά δεν θα είναι ορατή.

Η μπροστινή πλάκα

Στη συνέχεια, κόψτε το τετράγωνο ξύλινο ραβδί σε τέσσερα κομμάτια, καθένα από τα οποία έχει μήκος 3 εκατοστά. Τοποθετήστε την ακρυλική γυάλινη πλάκα στο κουτί, έτσι ώστε να είναι ίδια με το μπροστινό μέρος. Κολλήστε τα κομμάτια τετράγωνου ξύλου στις γωνίες του κουτιού και στην πίσω πλευρά της ακρυλικής πλάκας. Βεβαιωθείτε ότι δεν χρησιμοποιείτε υπερβολική κόλλα, οπότε καμία κόλλα δεν μπαίνει στο ακρυλικό, εκτός από το σημείο που είναι κολλημένο στα ξύλινα κομμάτια.

Το σύνορο

Χρησιμοποιήστε ξανά το κουτί μίτρα για να κόψετε το πηχάκι για το περίγραμμα. Κόψτε τα με γωνία 45 ° (δείτε εικόνες). Και πάλι θα χρειαστείτε δύο κομμάτια μήκους 23 cm και δύο τεμάχια μήκους 19 cm (τα μήκη αναφέρονται και πάλι στο μεγαλύτερο άκρο).

Κολλήστε τα κομμάτια για το περίγραμμα μαζί και κολλήστε το περίγραμμα στο μπροστινό μέρος του κουτιού. Και πάλι, προσέξτε να μην χυθεί κόλλα στο ακρυλικό.

Βήμα 3: Εγκαταστήστε το υλικολογισμικό στον ελεγκτή

Μεταβείτε στον Διαχειριστή βιβλιοθήκης Arduino και βεβαιωθείτε ότι έχει εγκατασταθεί η βιβλιοθήκη FastLED. Θα χρησιμοποιηθεί από το υλικολογισμικό.

Κατεβάστε το υλικολογισμικό για το ESP8266 από το Github.

Χρησιμοποιήστε το Arduino IDE για να ανεβάσετε το υλικολογισμικό στην μονάδα ESP8266.

Σημείωση σχετικά με τη χρήση διαφορετικών αριθμών LED: Δημιούργησα το LightBox με λωρίδα LED 60 LED. Αλλά μπορείτε να χρησιμοποιήσετε όσες λυχνίες LED θέλετε. Το μόνο που πρέπει να κάνετε είναι να αλλάξετε τις NUM_ROWS και NUM_COLUMNS σταθερές στο υλικολογισμικό. Η εφαρμογή θα προσαρμοστεί αυτόματα στον αριθμό των LED που ορίσατε. Με αυτόν τον τρόπο μπορείτε να δημιουργήσετε μεγάλα ή μικρά LightBox, ακριβώς όπως σας αρέσει.

Βήμα 4: Δημιουργήστε την πλάκα πλάτης

Σε αυτό το βήμα, θα κόψουμε τη λωρίδα LED σε μικρότερες λωρίδες, θα τις κολλήσουμε μαζί με λίγο σύρμα και θα τις κολλήσουμε στην πίσω πλάκα για να σχηματίσουμε ένα πλέγμα. Το αποτέλεσμα πρέπει να φαίνεται όπως φαίνεται στις εικόνες.

Προσοχή: Υπάρχουν μικρά βέλη τυπωμένα στη λωρίδα LED. Αυτά τα βέλη υποδεικνύουν την κατεύθυνση στην οποία διαδίδεται το σήμα δεδομένων. Πρέπει να κολλήσετε και να κολλήσετε τις λωρίδες με τέτοιο τρόπο ώστε να μπορείτε να ακολουθήσετε τα βέλη που ξεκινούν από το σύρμα που συνδέεται με τον πείρο της μονάδας ESP8266, κατά μήκος των λωρίδων, μέχρι το τέλος της τελευταίας λωρίδας.

Κόψτε τη λωρίδα LED σε έξι λωρίδες με 10 LED το καθένα. Η λωρίδα LED έχει σημάδια όπου μπορεί να κοπεί και να μεταπωληθεί. Μετρήστε το μέγεθος της μονάδας ESP8266. Χρησιμοποιήστε ένα μολύβι για να σημειώσετε πού πρέπει να πάει κάθε λωρίδα στο πίσω πιάτο. Η απόσταση μεταξύ των ταινιών πρέπει να είναι ίση και πρέπει να αφήσετε ένα περίγραμμα αρκετά μεγάλο για να τοποθετήσετε τη μονάδα ESP8266 εκεί χωρίς να καλύψετε κανένα από τα LED.

Στη συνέχεια, κολλήστε τις λωρίδες στην πίσω πλάκα. Βγάλτε το κολλητήρι σας, λίγο σύρμα και κολλήστε τις λωρίδες LED μαζί. Οι λωρίδες έχουν τρεις γραμμές: +5V, GND και DO. Βεβαιωθείτε ότι συνδέετε πάντα γραμμές που ταιριάζουν. Χρησιμοποιήστε σύρματα διαφορετικού χρώματος για να αποφύγετε λάθη.

Τρυπήστε μια τρύπα για το βύσμα κάννης DC στην πίσω πλάκα. Χρησιμοποίησα λίγη θερμή κόλλα για να κολλήσω το γρύλο στο πιάτο.

Συνδέστε τη γραμμή +5V και τη γραμμή GND της λωρίδας LED στους αντίστοιχους ακροδέκτες της υποδοχής της κάννης. Εάν δεν γνωρίζετε ποιος ακροδέκτης είναι θετικός και ποιος αρνητικός, συνδέστε ένα τροφοδοτικό 5V και χρησιμοποιήστε ένα πολύμετρο για να μάθετε ποιο είναι ποιο.

Συνδέστε τους συνδετήρες 5V και GND της μονάδας ESP8266 στους αντίστοιχους ακροδέκτες της υποδοχής της κάννης. Συνδέστε τον πείρο 5 της μονάδας ESP8266 στη γραμμή δεδομένων της λωρίδας LED. Μπορείτε είτε να χρησιμοποιήσετε καλώδια βραχυκυκλωτήρων, εάν θέλετε να χρησιμοποιήσετε ξανά τη μονάδα αργότερα, είτε να κολλήσετε τα καλώδια στους συνδέσμους της μονάδας απευθείας.

Κολλήστε τη μονάδα ESP8266 στην πίσω πλάκα ή χρησιμοποιήστε κάποια ταινία velcro για να την προσαρτήσετε.

Βήμα 5: Διασκεδάστε

It'sρθε η ώρα να κατεβάσετε την εφαρμογή από το Google Play Store. Είναι δωρεάν, φυσικά!

Συνδέστε το LightBox σας. Θα πρέπει να γίνει μπλε και να μπορείτε να βλέπετε ένα δίκτυο WiFi που ονομάζεται "lightbox" στο τηλέφωνο ή το tablet σας. Εάν το πλαίσιο γίνει κόκκινο όταν το συνδέσετε για πρώτη φορά, πρέπει να επαναφέρετε το EEPROM της μονάδας ESP8266. Κάντε αυτό συνδέοντας τον πείρο 4 της μονάδας στο GND για ένα δευτερόλεπτο. Το κουτί πρέπει να επανεκκινηθεί και τώρα να γίνει μπλε.

Συνδεθείτε στο δίκτυο WiFi "lightbox" (κωδικός πρόσβασης: "lightbox12345") με το τηλέφωνο ή το tablet σας. Ξεκινήστε την εφαρμογή LightBox. Η εφαρμογή συνδέεται αυτόματα με το LightBox.

Στο μενού ρυθμίσεων, μπορείτε να διαμορφώσετε το LightBox ώστε να συνδέεται στο δικό σας δίκτυο WiFi αντί να δημιουργεί το δικό του. Με αυτόν τον τρόπο δεν χρειάζεται να μεταβείτε σε άλλο δίκτυο WiFi όταν θέλετε να χρησιμοποιήσετε το κουτί σας.

Χρησιμοποιήστε το Color Picker για να φωτίσετε το δωμάτιό σας σε ένα χρώμα που ταιριάζει στη διάθεσή σας ή χρησιμοποιήστε τον Αναλυτή ήχου για να μετατρέψετε τη μουσική σε όμορφα μοτίβα χρωμάτων.

Μη διστάσετε να ρωτήσετε στην ενότητα σχολίων εάν έχετε απορίες.

Καλα να περνατε!

Ενημερώσεις:

• 06/03/17: Πρόσθεσα μερικές κοντινές φωτογραφίες της καλωδίωσης της μονάδας ESP8266.
• 06/19/17: Βελτιώνω συνεχώς την εφαρμογή και το υλικολογισμικό. Πρόσθεσα ένα φίλτρο που εξομαλύνει την οπτικοποίηση. Υπάρχει πολύ λιγότερο τρεμόπαιγμα και η απεικόνιση φαίνεται πολύ πιο ωραία. Πρόσθεσα επίσης τη δυνατότητα διαμόρφωσης του αριθμού των γραμμών και στηλών LED στο υλικολογισμικό. Η εφαρμογή προσαρμόζεται αυτόματα στον διαμορφωμένο αριθμό LED. Με αυτόν τον τρόπο μπορείτε να δημιουργήσετε το LightBox σας με περισσότερα ή λιγότερα LED από ό, τι εγώ και θα λειτουργήσει με την εφαρμογή.

Δρομέας στην Πρόκληση του Άπικτου