Rotation de l'affichage d'une camera IP Heden

[skillful]

Bonjour,

Le plugin Camera (version stable) fonctionne parfaitement avec ma caméra HEDEN IP v5.5 .
Par contre, comme ma caméra est fixée sous une planche, l'affichage de la caméra n'est pas droite. Il faudrait que je puisse faire une rotation de 90 degrès vers la gauche.
Quelqu'un connaitrait-il un moyen d'y parvenir à travers le plugin ? Ou peut-etre à travers l'affichage personnalisé de la tuile ?

Merci d'avance.

[maxtone]

Hello,

Je relance ce sujet de skillful qui est resté sans réponse.

Y aurait il quelqu'un qui aurait trouvé depuis le temps un moyen de forcer la rotation de l'image sur le plugin Camera ?

Merci à vous !

[loic]

Bonjour,
Il faut le faire sur la camera directement le plugin camera ne peut pas le faire car cela consomme trop de ressources.

[maxtone]

Merci Loic pour ta réponse.
Je posais cette question parce que ma caméra en question ne supporte pas la rotation.
Dommage... Je vais devoir m'habituer à tourner la tête

[Mavyre]

Bonjour et désolé, je déterre...

Ne serait-il pas possible de faire la rotation côté client ? Ça ne prendra pas beaucoup de ressources, puisque fait seulement côté navigateur (ou app mobile), comme le fait simplement Octoprint ?

[loic]

Bonjour,
Oui ca serai possible je vais y reflechir

[Manticus]

Je viens de me rendre compte également que les snapshot d'octoprint n'était pas dans le bon sens et je pense également que c'est une bonne idée d'intégrer l'option dans le plugin caméra

Un simple rotate en css devrait le faire

[Manticus]

je viens de trouver une solution :

dans "Personnalisation avancée" (engrenages dans la barre en haut de de jeedom)

dans le bloc d'ajout de CSS desktop

Code : Tout sélectionner

[data-eqlogic_id="96"] img,
img[data-camera_id="96"] {
  transform: rotate(180deg)
}

dans le bloc d'ajout de CSS mobile

Code : Tout sélectionner

img[data-eqlogic_id="96"],
[data-eqlogic_id="96"] img {
  transform: rotate(180deg)
}

96 étant l'id de l'équipement pour moi

[Manticus]

je propose l'ajout dans un equipement de type camera, d'un select "Rotation" avec les options 0 / 90 / 180 / 270

qui permet d'ajouter une des classes css sur l'<img>

Code : Tout sélectionner

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

[VinZz]

Merci pour l'astuce.
Cela fonctionne bien avec un widget mais pas dans le design

[mithandir]

Bonjour à tous,

Je me permet de déterrer à nouveau le sujet car j'ai effectivement le problème avec un design.. J'aimerai tourner le flux de la caméra (Plugin Camera) de 180°. Les astuces ci dessus fonctionnent mais pas pour un design...
J'ai recherché avant de poster mais sans succès.. Quelqu'un a une piste ?

Merci d'avance

[Manticus]

Salut,
J'ai modifié mon précédent message avec l'astuce pour ajouter la ligne concernant les designs en desktop