Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Toute la communauté vous remercie

widget pour images web

Réservé à l'utilisation et la création de widgets dans JEEDOM
Répondre
winhex
Actif
Messages : 2725
Inscription : 23 janv. 2015, 01:41

widget pour images web

Message par winhex » 16 févr. 2017, 22:49

images.png
images.png (88.12 Kio) Consulté 1409 fois
création d'un virtuel info autres
création d'un widget

Code : Tout sélectionner

 
  <head>
<!meta http-equiv="refresh" content="30">
</head>
<style>
.conteneur{

  border: 1px #aaa solid;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
</style>

<div class="conteneur cmd tooltips cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" title="#collectDate#">


<a href="#OnClick#" target="_blank" id="iconCmd#id#"></a>



<script>
$('#iconCmd#id#').append('<img src="#Images#" height=#Hauteur# width=#Largeur#>');
</script>

</div> 
relier le widget au virtuel
2 choix
via widget icone en haut à droite
via paramètres avancee du virtuel
(je préfère la 1 lors de modif celle ci est mieux pris en compte)

paramêtre avancée du virtuel

OnClick = nouvelle onglet qui s'ouvre en cliquant sur l'image
Largeur / Hauteur / (ajouter px à la fin "700px")
Images = lien de l'image

Code : Tout sélectionner

 (ex : http://www.yr.no/place/France/Lorraine/Vagney/meteogram.png) 
param.jpg
param.jpg (48.64 Kio) Consulté 1409 fois
ps
attention à taille de celle ci (le poids selon le projet)
si vous voulez gardé de la fluidité
sinon téléchargement de l'image via script/cron et affichage.

[edit] amelioration du code
vidéo de mise en place
https://youtu.be/S5GlPTVE2eI
Dernière édition par winhex le 21 juin 2018, 22:02, édité 6 fois.

Avatar de l’utilisateur
Theduck38
Actif
Messages : 1872
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: widget pour images web

Message par Theduck38 » 18 févr. 2017, 02:02

Excellent ! Je garde ça bien au chaud pour plus tard...
-- TD38 --
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom - Mon matériel en détails
Le risque électrique

winhex
Actif
Messages : 2725
Inscription : 23 janv. 2015, 01:41

Re: Re : widget pour images web

Message par winhex » 18 févr. 2017, 09:15

si personne ne rencontre de soucis je le mettrai sur le market (le suivi me parrais simple)

jodeolisa
Timide
Messages : 415
Inscription : 02 janv. 2015, 17:31

Re: widget pour images web

Message par jodeolisa » 18 févr. 2017, 09:18

Bonjour,
Marche parfaitement.
Merci

Franck69
Timide
Messages : 6
Inscription : 14 janv. 2017, 09:48

Re: widget pour images web

Message par Franck69 » 26 févr. 2017, 19:44

Bonsoir,
Marche nickel.

Merci !!!!!

Avatar de l’utilisateur
tom74
Actif
Messages : 1643
Inscription : 16 juil. 2014, 09:16
Localisation : Annecy (74)

Re: widget pour images web

Message par tom74 » 26 févr. 2017, 22:39

Pas mal çà, faut que je teste.

ricco2409
Timide
Messages : 38
Inscription : 05 août 2016, 22:15
Localisation : Angers (49)

Re: widget pour images web

Message par ricco2409 » 02 mars 2017, 20:59

Bonjour,

Merci pour la publication.
Malheureusement, cela ne fonctionne pas chez moi...
Une idée pour m'aider à le faire fonctionner ?
météo.png
météo.png (40.17 Kio) Consulté 1146 fois
A noter que les liens fonctionnent lorsque je les copie-colle dans la barre d'adresse.

Au final j'ai juste une dalle vide avec le titre... et c'est tout.
Merci d'avance !
Pi 3 modèle B / Jeedom v2.3.16 /Stick USB Z-Wave Aeon Gen5
4 FGSD-002 / 4 FGFS-101 / 1 FGD-2012 / 2 RGBW / 5 FGMS-001 / 1 FGS-213/ 1 FGBS-001 / 4 FGK-101 / 1 Multisensor 6 / 1 FGR 222 / 2 fils pilote/ 1 FGS-221/ 2 Wall Plug / 1 répéteur

Avatar de l’utilisateur
SBO
Actif
Messages : 1346
Inscription : 17 sept. 2014, 18:31

Re: widget pour images web

Message par SBO » 02 mars 2017, 21:02

Je n'ai pas testé, mais si ton Jeedom est en https et que tu pointes sur un lien image en http cela risque de poser souci avec des navigateurs pas trop vieux.
Ex-Bêta-Testeur | Jeedom | VM Debian 9

Pas de logs, pas d'infos, pas de réponse possible

Charte du forum | Doc jeedom | Trucs et astuces

winhex
Actif
Messages : 2725
Inscription : 23 janv. 2015, 01:41

Re: Re : widget pour images web

Message par winhex » 02 mars 2017, 22:20

jeedom https interne car via https jeedom (pack) ok sur chrome et firefox .
si c'est le cas là moi je ne sais pas

édit
exemple pour webcam public

Code : Tout sélectionner

<head>
<!meta http-equiv="refresh" content="30">
</head>
<style>
.conteneur{

  border: 1px #aaa solid;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
</style>

<div class="conteneur cmd tooltips cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" title="#collectDate#">


<a href="#OnClick#" target="_blank" id="iconCmd#id#"></a>



<script>
$('#iconCmd#id#').append('<img src="#Images#" height=#Hauteur# width=#Largeur#>');
</script>

</div>

Sans titre.png
Sans titre.png (45.02 Kio) Consulté 575 fois
http://www.lepuyenvelay.fr/webcam_corneille/NDF/ndf.jpg

adaptation homebridge possible,
(retour d'un utilisateur)
20180128_161254.jpg
20180128_161254.jpg (280.98 Kio) Consulté 575 fois

Avatar de l’utilisateur
HerveL
Timide
Messages : 403
Inscription : 11 sept. 2015, 22:46
Localisation : Nantes

Re: widget pour images web

Message par HerveL » 18 mars 2018, 22:48

Merci pour le partage.
Très pratique.
Je teste dès que possible
Hervé
Utilisateur Mini+ et SMART passionné
Zwave, IPX800V3, IPX800V4, Rfxcom, RFP1000

winhex
Actif
Messages : 2725
Inscription : 23 janv. 2015, 01:41

Re: widget pour images web

Message par winhex » 19 mars 2018, 16:35

de rien

amélioration à envisager : (j ai gardé ça en tête)
beaucoup de site de webcam (station de ski, bord de route,...)
termine le fichier par date et heure donc impossible de récupéré via widget
j'ai pensé à un scripts tournant
et stock l'image récupéré en interne
et là par le même moyen du widget (droit et permission ok) on pourrait l' affiché.

Avatar de l’utilisateur
HerveL
Timide
Messages : 403
Inscription : 11 sept. 2015, 22:46
Localisation : Nantes

Re: widget pour images web

Message par HerveL » 21 mars 2018, 23:10

Je viens de tester, c'est top !
Le tuto est particulièrement bien fait, il suffit de se laisser guider ;)

J'ai juste un détail qui m'échappe (mais bon il est tard et j'ai sommeil), le bouton rafraichissement n'a pas d'effet. Pour rafraichir l'image il faut recharger la page :roll:

Ce widget me rend bien service car je ne parvenais pas à afficher l'image de la webcam de ma tablette (via l'API de Fully Kiosk) dans Jeedom. J'avais tenté en mettant un iframe en mode design, mais comme l’accès à la camera se fait en HTTP (et pas en HTTPS), l'image n'était pas visible depuis l’extérieur via le DNS Jeedom.

Merci !
Hervé
Utilisateur Mini+ et SMART passionné
Zwave, IPX800V3, IPX800V4, Rfxcom, RFP1000

Avatar de l’utilisateur
HerveL
Timide
Messages : 403
Inscription : 11 sept. 2015, 22:46
Localisation : Nantes

Re: widget pour images web

Message par HerveL » 22 mars 2018, 13:29

Fausse joie
Ca marchait en local, y compris en utilisant un accès via le DNS Jeedom, mais je viens de tester à distance et je n'ai pas d'image :cry:
Hervé
Utilisateur Mini+ et SMART passionné
Zwave, IPX800V3, IPX800V4, Rfxcom, RFP1000

winhex
Actif
Messages : 2725
Inscription : 23 janv. 2015, 01:41

Re: widget pour images web

Message par winhex » 22 mars 2018, 20:14

désolé niveau réseaux et cam je suis incapable de t'aider.

alternative :
utilisation des protocole de ta cam

ftp = le plug ftpd marche ?
si je coche se mode en continue sur foscam il envoie une image à intervalle régulier

tu as d'autres mode j'avais essayé celui avec VLC aussi

au pire du pire une autre piste
tu fais un wget (telechargement) de la page en ssh et si ok tu adaptés en PHP

Avatar de l’utilisateur
HerveL
Timide
Messages : 403
Inscription : 11 sept. 2015, 22:46
Localisation : Nantes

Re: widget pour images web

Message par HerveL » 25 mars 2018, 00:27

Il n'y a aucune alternative possible pour la cam, car j'utilise la camera de ma tablette.
Or l'application Fully Kiosk qui me sert pour l'affichage de Jeedom en mode Kioske l'utilise déja pour allumer l'écran sur détection de mouvement. Et je suis à peu près certain qu'il n'est pas possible d'utiliser simultanément la caméra avec 2 application différentes (genre IP webcam par exemple).
Je ne peux donc pas utiliser autre chose que la fonction getcamshot fournie par l'API de fully.
http://ipdematablette:2323/?cmd=getCams ... onpassword

Mais c'est étonnant que l'on puisse afficher une image en mode http d'un site externe et pas depuis le réseau local via le DNS jeedom :roll:
Hervé
Utilisateur Mini+ et SMART passionné
Zwave, IPX800V3, IPX800V4, Rfxcom, RFP1000

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : fcna et 2 invités