Equipement jeedom: Afficher un encart live sur le panneau de commande

Nous avons créer précédemment un équipement pour commander nos caméras. 

Le mode design est sympa pour nos grands écrans mais pour les smartphones ça devient vite un casse-tête pour trouver les bons rapports de taille.

Sur mon smartphone je n’utilise jamais le mode design mais plutôt des vue avec l’ensemble des équipements par catégorie. Le smartphone sert de télécommande pour tout TV/ECLAIRAGE/ALARME/PORTAIL/KODI mais maintenant aussi pour les caméras, avec cette modification qu’on va voir ensemble de suite et qui va donner:

liveetcommandecam

Reprenons notre équipement Camera 2. Pour rappel on l’a créé ici

ATTENTION: ces modifications interviennent dans le code du widget, donc si vous n’êtes pas sûre de vous… BACKUP et compagnie. 

Ajout d’une « pseudo » Commande live:

Dans les commande de notre équipement créer par le plugin script, on ajoute une nouvelle commande:

ajoutcommandescript

On va la paramétrer comme suit:

commandelive

Nom: Live  Ce nom sera afficher. je ne voulait pas mettre le nom de la camera pour ne pas faire doublon avec le nom de l’équipement.

Type script: HTTP

Type; info.

Requête: ok.  Pourquoi j’ai mi ok? A priori lorsque la requête est vide j’avais des erreurs. N’étant pas un expert…. 🙂

Options: Coché Retour vide et pas d’erreur. (A voir si c’est vraiment nécessaire)

On sauvegarde pour avoir accès ensuite aux paramètres. (Roues crantées à côté de tester).

On entre maintenant dans les paramètres et affichage avancé:

configuration-commande1

Pour ne pas voir le live sur la page design (Sur cette page on ne veux que les commande), j’ai décoché visible et affiché le nom.

Note: Ces paramètres sont valable uniquement pour cette commande. (En même temps c’est ce qu’on souhaite).

 

Onglet code du widget:

configuration-commande2

Activer la personnalisation du widget. (En cas de problème sur votre modification le fait de décoché doit vous faire revenir à la normal)

Dans la partie DASHBOARD:

j’ai ajouté en ligne 3:

<img src= »http://ip:port/cgi-bin/CGIStream.cgi?cmd=GetMJStream&usr=monuser&pwd=monpass »style= »width:225px; height:175px; box-shadow:0 0 15px 5px grey; » />

Note: voir votre API pour le flux de votre caméra. Vous pouvez prendre soit le flux photo soit le live. J’ai préférer le live.

Ajusté la taille de votre encart avec les paramètres width et heigt. (Attention aux proportion. Le box-shadow sert à noté le petit contour brillant à l’affichage.

j’ai ajouté la même ligne avec des tailles différentes (adaptées à mon smartphone) dans la partie MOBILE.

On oublie pas d’enregistrer 😉

Sur le DASHBOARD et sur mobile on aura:

liveetcommandecam

N’hésitez pas pour toutes questions remarques.. ou laisser un petit commentaire. 😉

 

 

 

 

 

LBC Concept

Ancien ingénieur dans le secteur de l industrie, je travaillais sur des systèmes de conduite automatisée de ligne de fabrication. Aujourd'hui, j'utilise mes connaissances au service de la domotique.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *