Contrôlez vos lumières LED RGB depuis votre téléphone ou votre navigateur web.

Bienvenue dans mon guide sur la façon de contrôler les lumières LED RGB depuis un smartphone ou un navigateur web en utilisant le protocole DMX.
J'ai commencé ce projet en février 2015 car je souhaitais trouver une meilleure solution pour contrôler les bandes LED RGB que cette horrible télécommande, tout en conservant le décodeur DMX que nous utilisions pour les alimenter.
Pour plus de contexte et de détails, je vous serais reconnaissant de consulter l'article original sur mon blog.
Vous pouvez également visionner la vidéo ci-dessus pour en savoir plus sur les effets visuels.
Commencez par accéder à l'adresse IP de l'Arduino (carte Ethernet).
Depuis le navigateur de votre choix, vous verrez un appareil mobile à ce moment-là.
Une page web prête à l'emploi qui ressemble à ceci : quelques boutons pour vos couleurs préférées et trois champs de texte, entrez la valeur RVB de votre choix.
Quoi qu'il en soit, vous choisissez une couleur, puis le logiciel code la combinaison de couleurs RGB sous forme de requête HTTP GET afin de renvoyer les valeurs R, G et B à l'Arduino, comme vous pouvez le constater en vérifiant l'adresse URL : après réception de cette requête, l'Arduino génère le signal DMX correspondant pour le décodeur, dont la seule fonction est d'alimenter la bande LED à la couleur souhaitée.
Commençons.
Parlons des détails.
Voici la liste la plus complète de tous les projets nécessaires à la construction de ce système : Commençons par la puissance des choses.
Généralement dans les niveaux supérieurs
Installation de la LED haute puissance : vous pouvez connecter la lampe à une alimentation 12 V de votre choix et l’utiliser.
Dans ce cas précis, nous allons cependant insérer le décodeur DMX entre les deux ; l’alimentation est donc branchée sur le boîtier DMX, puis la bande lumineuse LED est branchée sur sa sortie.
Mon décodeur DMX spécifique possède 3 broches d'entrée DMX correspondant à la tension de référence GND et aux signaux D.
Ceci est 3-
Des fils et des câbles permettent de connecter le boîtier à l'Arduino et aux appareils électroniques.
L'autre côté du dispositif est constitué du microcontrôleur géant Arduino connecté à la carte Ethernet.
La carte est également connectée à une plaque d'essai qui contient tous les composants électroniques, ainsi qu'une alimentation 9 V et un câble Cat-
5 câbles Ethernet.
La prochaine étape est l'électronique.
Il n'y a pas de soudure ni rien de ce genre, seuls quelques cavaliers permettent de fixer ces composants sur la plaque d'essai.
Le circuit complet est représenté sur la figure.
Comme expliqué ici et là, cette combinaison de l'émetteur-récepteur maxsfp, de la résistance de 100 Ω et de plusieurs cavaliers gérera la sortie numérique de l'Arduino vers le RS conforme aux normes électriques.
485dmx5 12 signaux.
Enfin, maintenant que nous avons terminé le travail sur le matériel, nous pouvons nous concentrer sur le logiciel qui s'exécute sur le microcontrôleur.
Si vous souhaitez utiliser gitClone pour copier
Vous pouvez le faire facilement en collant le code, car celui-ci peut désormais être utilisé comme dépôt sur GitHub.
L'élément central est la bibliothèque DmxMaster (
Original DmxSimple) par TinkerKit.
Après l'avoir installé en le téléchargeant.
Fichier Zip, qui sera responsable de la génération de la sortie numérique de la broche 3 insérée dans l'émetteur-récepteur pour générer le signal DMX ci-dessus.
Son nom est ainsi : la page web elle-même est simplement un fichier HTML stocké sur une carte microSD et j'ai écrit ce fichier en utilisant jQuery Mobile parce que je suis paresseux et que je n'aime pas écrire du CSS.
Notez que le nom du fichier est index.
HTML et pas d'index.html.
Ce n'est en aucun cas un hasard, car il s'avère que la bibliothèque de carte SD Arduino a des problèmes de lecture des fichiers dont l'extension dépasse 3 caractères lorsqu'elle utilise le format traditionnel 8.
3. Convention de nommage des fichiers.
Comme vous pouvez le voir ci-dessus, il est fabriqué par 9 accès direct à
Des boutons de couleur, un formulaire avec 3 champs de texte pour la saisie RVB personnalisée et un bouton surdimensionné pour éteindre les lumières.
Voici le code complet (
(Surlignage syntaxique, cliquez ici)
Enfin, vous pouvez constater que les scripts et les styles jQuery sont téléchargés depuis un CDN et non depuis une carte SD.
C'est parce que cette méthode est tout simplement beaucoup plus rapide.
Si un jour la connexion internet est interrompue, la page web continuera de fonctionner ;
Ça n'a pas l'air très chic.
Tout ce code est inclus dans le programme Arduino.
Le script « C » à compiler sur le microcontrôleur.
Si vous êtes novice dans le monde d'Arduino, c'est comme utiliser un système ouvert.
Source ide, insérez la carte mère avec USB Type-A vers type-
B. Câble, sélectionnez le modèle de carte et le port série appropriés, puis cliquez sur « télécharger ».
Lors de la programmation, il suffit de se rappeler quelles bibliothèques inclure (
Ethernet, SD)
Et si votre code doit s'exécuter une fois (dans la fonction setup) ou indéfiniment (dans la boucle) ?
, Ou disponible dans le monde entier (
En dehors de toute fonctionnalité).
Voici le code complet avec des commentaires supplémentaires (
(Surlignage syntaxique, cliquez ici)
Le code de « production » est enfin disponible.
Lors du débogage, ino.
Si certaines conditions ne sont pas remplies, ino génère davantage d'erreurs.
Si vous avez suivi ces instructions jusqu'ici, votre système devrait déjà être pleinement fonctionnel. La dernière étape, facultative, est…
L'étape consiste à allumer la lumière en utilisant votre son.
Pour ce faire, vous devez installer l'application Google sur votre téléphone Android.
Vous devrez également télécharger Tasker et le plugin vocal automatique.
C'est mieux expliqué dans la vidéo, mais voici un résumé : tout d'abord, assurez-vous que « OK, détectez et ouvrez les deux premières options en ouvrant l'application Google > Paramètres > Voix > OK Google » est activé sur votre téléphone.
De plus, autorisez l'accès vocal automatique pour permettre l'intégration de Google Now en allant dans Paramètres > accessibilité.
Si vous n'avez jamais utilisé Tasker auparavant, voici une introduction. Et étape par étape…
Étape : Vous pouvez maintenant répéter la même étape pour la commande d’extinction des lumières et pour toute autre commande de votre choix.
Une fois terminé, vous devriez voir quelque chose comme ceci dans l'onglet Profil. Et voilà !
La prochaine fois que vous voudrez ajouter un peu de lumière d'ambiance, il vous suffira de crier « Allumez les lumières ! »...
Il y aura de la lumière.
En suivant ce guide, vous devriez être en mesure de construire un système qui contrôle facilement les LED RVB depuis votre navigateur Web ou votre téléphone portable via le protocole DMX.
Si vous rencontrez des problèmes, n'hésitez pas à me le faire savoir dans les commentaires ci-dessous afin que je puisse voir ce que je peux faire.
J'utilise cette configuration depuis plus d'un an maintenant et elle est d'une fiabilité à toute épreuve.
Jusqu'à présent, c'est uniquement dû à une panne de courant ou à quelqu'un (comprenez : pas moi).
La carte Arduino a reçu des coups de pied et certains fils ont été déconnectés.
Je ne peux rien faire contre la panne de courant, mais qu'elle soit en 3D...
Imprimez le châssis du système (
plaque d'essai Arduino)
Ou bien, le souder sur un circuit imprimé le rendra plus résistant à la poussière.
N'oubliez pas de consulter l'article de blog complet pour plus d'informations...
Si vous avez des idées pour améliorer ce système, n'hésitez pas à me le faire savoir dans les commentaires ou à me contacter sur Twitter !
Continuez à pirater comme d'habitude.