Visualiseur de musique LightBox : 5 étapes (avec images)

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:08

La LightBox utilise le microphone intégré de votre téléphone ou tablette pour analyser la musique afin de générer de magnifiques motifs lumineux qui correspondent à la musique. Démarrez simplement l'application, placez votre téléphone ou votre tablette quelque part près d'une source sonore, et votre box visualisera le son en temps réel. La LightBox peut également être utilisée pour une lumière ambiante colorée.

S'amuser!!!

Étape 1: Rassemblez les matériaux

Vous aurez besoin du matériel suivant:

• 1 m de latte de bois 4 x 0,5 cm (pour le cadre)
• 1 m de latte de bois 1,2 x 0,5 cm (pour la bordure avant)
• 15 cm de bâton carré en bois 0,8 x 0,8 cm
• 1 x plaque en bois 22 x 18 x 0,3 cm (pour la plaque arrière)
• 1 x plaque en verre acrylique blanc lait 22 x 18 x 0,3 cm (pour la plaque avant)
• 1 x bande LED RGB, type WS2812B, 5 Volt, longueur 1 m, avec 60 LED
• 1 module ESP8266. J'ai utilisé l'Adafruit Huzzah, mais vous pouvez utiliser un module différent.
• 1 x 5,5 x 2,1 prise de baril CC
• Fil (différentes couleurs)
• Du velcro

Outils dont vous aurez besoin:

• Scie à bois
• Boîte à onglets
• Colle à bois
• Fer à souder

Étape 2: Construisez la boîte

Le cadre

Tout d'abord, utilisez la boîte à onglets pour couper la latte du cadre. Coupez les pièces avec un angle de 45°, afin de pouvoir les assembler pour former le cadre extérieur (voir photos). Vous aurez besoin de deux pièces de longueur 23 cm (pour le haut et le bas) et deux pièces de longueur 19 cm (pour le côté gauche et le côté droit). Les longueurs se réfèrent au bord le plus long.

Astuce: Si vous coupez les pièces dans l'ordre dans lequel les bords seront assemblés (par exemple, d'abord la pièce du haut, puis la pièce de droite, puis la pièce du bas, puis la pièce de gauche), vous vous assurez que les bords s'adapteront parfaitement.

Maintenant, collez les pièces du cadre ensemble. Assurez-vous que vous pouvez installer la plaque en verre acrylique dans la boîte d'un côté et la plaque arrière de l'autre côté. Ne vous inquiétez pas s'il y a de petits espaces - les espaces sur la face avant seront couverts par la bordure et l'arrière ne sera pas visible.

La plaque avant

Ensuite, coupez le bâton carré en bois en quatre morceaux de 3 cm de long chacun. Installez la plaque en verre acrylique dans la boîte, de manière à ce qu'elle affleure la façade. Collez les morceaux de bois carré dans les coins de la boîte et à l'arrière de la plaque acrylique. Assurez-vous de ne pas utiliser trop de colle, afin qu'aucune colle ne pénètre sur l'acrylique, sauf là où elle est collée aux pièces en bois.

La frontière

Utilisez à nouveau la boîte à onglets pour couper la latte pour la bordure. Coupez-les avec un angle de 45° (voir photos). Encore une fois, vous aurez besoin de deux pièces de longueur 23 cm et de deux pièces de longueur 19 cm (les longueurs se réfèrent à nouveau au bord le plus long).

Collez les morceaux de la bordure ensemble et collez la bordure sur le devant de la boîte. Encore une fois, veillez à ce qu'aucune colle ne se renverse sur l'acrylique.

Étape 3: installer le micrologiciel sur le contrôleur

Accédez à votre gestionnaire de bibliothèque Arduino et assurez-vous que la bibliothèque FastLED est installée. Il sera utilisé par le firmware.

Téléchargez le firmware de votre ESP8266 depuis Github.

Utilisez l'IDE Arduino pour télécharger le firmware sur votre module ESP8266.

Remarque sur l'utilisation de différents nombres de LED: j'ai construit la LightBox avec une bande LED de 60 LED. Mais vous pouvez utiliser autant de LED que vous le souhaitez. La seule chose que vous devez faire est de modifier les constantes NUM_ROWS et NUM_COLUMNS dans le micrologiciel. L'application s'adaptera automatiquement au nombre de LED que vous avez défini. De cette façon, vous pouvez construire de grandes ou petites LightBox, comme vous le souhaitez.

Étape 4: Construisez la plaque arrière

Dans cette étape, nous allons couper la bande LED en bandes plus petites, les souder avec du fil et les coller sur la plaque arrière pour former une grille. Le résultat devrait ressembler à celui indiqué sur les images.

Attention: Il y a des petites flèches imprimées sur la bande LED. Ces flèches indiquent la direction dans laquelle le signal de données est propagé. Vous devez coller et souder les bandes de manière à pouvoir suivre les flèches en commençant par le fil qui se connecte à la broche du module ESP8266, le long des bandes, jusqu'au bout de la dernière bande.

Coupez la bande LED en six bandes de 10 LED chacune. La bande LED a des marquages où elle peut être coupée et ressoudée. Mesurez la taille de votre module ESP8266. Utilisez un crayon pour marquer où chaque bande doit aller sur la plaque arrière. L'espacement entre les bandes doit être égal et vous devez laisser une bordure suffisamment large pour y placer le module ESP8266 sans recouvrir aucune des LED.

Ensuite, collez les bandes sur la plaque arrière. Sortez votre fer à souder, du fil et soudez les bandes LED ensemble. Les bandes ont trois lignes: +5V, GND et DO. Assurez-vous de toujours connecter les lignes correspondantes. Utilisez des fils de couleurs différentes pour éviter les erreurs.

Percez un trou pour la prise cylindrique DC dans la plaque arrière. J'ai utilisé de la colle chaude pour coller le cric à la plaque.

Connectez le +5V et la ligne GND de la bande LED aux bornes correspondantes de la prise barillet. Si vous ne savez pas quelle borne est positive et laquelle est négative, branchez une alimentation 5V et utilisez un multimètre pour savoir laquelle est laquelle.

Connectez les connecteurs 5V et GND de votre module ESP8266 aux bornes correspondantes de la prise barillet. Connectez la broche 5 du module ESP8266 à la ligne de données de la bande LED. Vous pouvez soit utiliser des câbles de démarrage, si vous souhaitez réutiliser le module ultérieurement, soit souder directement les câbles aux connecteurs du module.

Collez le module ESP8266 sur la plaque arrière ou utilisez du ruban velcro pour le fixer.

Étape 5: Amusez-vous

Il est temps de télécharger l'application sur le Google Play Store. C'est gratuit, bien sûr !

Branchez votre LightBox. Il devrait devenir bleu et vous devriez pouvoir voir un réseau WiFi appelé "lightbox" sur votre téléphone ou votre tablette. Si le boîtier devient rouge lorsque vous le branchez pour la première fois, vous devez réinitialiser l'EEPROM de votre module ESP8266. Pour ce faire, connectez la broche 4 du module à GND pendant une seconde. La box devrait redémarrer et maintenant devenir bleue.

Connectez-vous au réseau WiFi « lightbox » (mot de passe: « lightbox12345 ») avec votre téléphone ou tablette. Démarrez l'application LightBox. L'application se connecte automatiquement à la LightBox.

Dans le menu des paramètres, vous pouvez configurer la LightBox pour qu'elle se connecte à votre propre réseau WiFi au lieu de créer le sien. Ainsi, vous n'avez pas besoin de basculer sur un autre réseau WiFi lorsque vous souhaitez utiliser votre box.

Utilisez le sélecteur de couleurs pour illuminer votre pièce d'une couleur qui convient à votre humeur, ou utilisez l'analyseur audio pour transformer la musique en de magnifiques motifs de couleurs.

N'hésitez pas à demander dans la section commentaires si vous avez des questions.

S'amuser!

Mises à jour:

• 03/06/17: J'ai ajouté quelques photos en gros plan du câblage du module ESP8266.
• 19/06/17: J'améliore continuellement l'application et le firmware. J'ai ajouté un filtre qui lisse la visualisation audio. Il y a beaucoup moins de scintillement et la visualisation est beaucoup plus agréable. J'ai également ajouté une possibilité de configurer le nombre de rangées et de colonnes de LED dans le firmware. L'application s'adapte automatiquement au nombre de LED configuré. De cette façon, vous pouvez construire votre LightBox avec plus ou moins de LED que moi et cela fonctionnera avec l'application.

Finaliste du Défi des Intouchables