19 mars 2006

Netvibes : The Image Module



I added this module this night. Hope it will be usefull... At least for me it is ! This module displays an image (photo, webcam, traffic info...) on your netvibes page using they new mini api. To use it the module, just add your image url after the module url like this :
http://www.paris.free.fr/netvibes/img.php

You can personalize your module with these options : width, title and link

Ex : A live cam on the river Seine (Paris) :
http://www.paris.free.fr/netvibes/img.php?title=La%20Seine%20%20%28Paris%29&url=http://webcam.ville.woob2.com/cgi-bin/nph-mjprox?4

My PHP code for this module is GPL. Feel free to ask for new options.

The module is described in the Netvibes Ecosystem here.
* See this module in its context : on my netvibes page (screenshot)

40 commentaires:

Mr.J!M a dit…

Salut,tout d'abord bravo pour ton module!

Par contre je n'ai pas reussi a le faire fonctionner :/

Je voulais faire un module sur le traffic routier en region paris en me basant sur SIRIUS de sytadin

Peus tu diffuser le code source de ton module image pour accelerer la creation de module sur Netvibes (en retard par rapport a google IG par exemple ) et aussi pour que je vois comment faire mes premiers pas dans ce monde merveilleux qu'est Netvibes ;)

Stéphane a dit…

Voila mon module avec le traffic de sytadin justement ! Je l'ai créé pour ça aussi :
http://www.paris.free.fr/netvibes/img.php?title=Paris%20traffic&url=http://www.sytadin.tm.fr/tempsreel/parisint.gif

Qu'est ce que tu n'arrives pas à faire fonctionner ?

Mr.J!M a dit…

Lorsque je colle l'url dans http://preview.netvibes.com et bien la page reste sur "loading..."

un conseil:
Tu devrais sortir plusieurs module plutot que 1 qu'il faut bidouiller.

1 pour sytadin avec un mini menu en choisissant la partie de region parisienne que tu souhaite monitorer. 1 joli sytadin favicon et hop tu le diffuse.
1 autre pour la webcam sur la bastille etc...

Stéphane a dit…

tu ne me dis pas quelle url ne fctn pas. Laquelle colles-tu dans mon module ?

Je comprends ta demande de différents modules, mais je n'ai aucun droits sur ces url (sytadin pas plus que les webcam...). Ce ne sont que des exemples... Je ne sais pas trop si je peux les utiliser autrement que pour des exemples...

Everybody can propose its own good url.

I can add these for you :
- St Sulpice, Paris
- La bourse de Paris
- L'hotel de ville

- Qualité de l'air à Paris

Mr.J!M a dit…

J'ai tester les 2 urls que tu donnait (la webcam de la bastille et sytadin)
Elles fonctionnent en direct mais pas dans la preview netvibes.

En ce qui concerne les droits de ces url je pense que "a part augmenté leur traffic" ecla ne doit pas les gené.

Stéphane a dit…

La webcam de bastille ne fonctionne pas ce dimanche, l'url de la webcam est cassée pour l'instant (donc aussi bien HORS que DANS netvibes). En qui concerne sytadin, je ne comprends pas comment tu l'utilises puisque chez moi cela fonctionne parfaitement en preview.netvibes.com. Regarde mon screenshot d'origine, on voit bien sytadin. Tu utilises bien cette url : http://www.paris.free.fr/netvibes/img.php?title=Paris%20traffic&url=http://www.sytadin.tm.fr/tempsreel/parisint.gif ?

Stéphane a dit…

The module isn't functionnal under IE. I'll try to fix it soon.

ZuEm a dit…

Hello,
Thanks for your module! I like it very much.
But is there a possibility to have the module make automatic updates? I have a webcam installed into your module, but i always get the same image, it never updates. Probably because the website from the image never updates.
So could it be done that your module will update automatically, like every 10 or 5 seconds?
Thanks

Anonyme a dit…

Super module Image.
Comment faire pour afficher l'image provenant de ma caméra IP.
Je posséde d'une adresse DynDns.
J'arrive à me connecter dessus en tapant son adresse via IE, mais quand je rajoute cette même adresse à ton API, cela ne fonctionne pas.

Stéphane a dit…

I added the update every x seconds tonight. To use it, just add a parameter named "reload". It is in seconds.
Usage :
http://www.paris.free.fr/netvibes/img.php?url=http://www.sytadin.tm.fr/tempsreel/parisint.gif&reload=5

Stéphane a dit…

ta caméra ip génère t elle une image ? Peux tu me passer le lien que je teste ?

dixer77 a dit…

Super module!

merci beaucoup

dixer77 a dit…

J'ai fait le lien vers une webcam, qui diffuse une image jpg à intervalle régulier. (http://sensemat.free.fr/image31.jpg)

Hors, même quand j'active la fonction reload de ton module, firefox continue de réafficher la même image (qui est présent dans le cache). La nouvelle image n'apparait donc jamais.

J'aimerai avoir ton avis pour résoudre ou contourner ce pb. (j'ai cherché une extension qui refuse le cache pour une url spécifique, mais je n'ai pas trouvé).

Merci pour tout en tout cas.

dixer77 a dit…

au fait, l'url de départ de la webcam est celle ci: http://www.le31.com/

radars a dit…

bonjour
hyper plaisant et pratique modules
merci stéphane....
comme dixers77... je n'arrive pas à rafraichir la web cam de toulouse-capitol, même avec &reload=1 ou &reload=5 ou en cliquant sur l'icone de rafraichissement....
aurais tu un conseil dans ce cas?
merci.
de la même facon,
impossible de dénicher l'adresse de la cam lyonnaise dans le source de la page sur
http://www.grandlyon.com/la-webcam-du-grand-lyon.150.0.html*
y a t'il un tutorial qq part a votre connaissance??

merci en tout cas

Zen Alien a dit…

salut super ton module...

le top serait que l'on puisse donner un nom à la fenetre, ....maniere de se rappeller du nom de la vue....


sinon tip top !!

Stéphane a dit…

pour Zen Alien : Afficher un titre c'est prévu, faut ajouter title=lalala dans la liste des paramètres.

pour Dixen77 et Radars : l'option RELOAD fonctionne enfin. Elle fonctionnait mal effectivement, mais vous pouvez essayer maintenant !
Par exemple avec :
http://www.paris.free.fr/netvibes/img3.php?url=http://sensemat.free.fr/image31.jpg&reload=2

dixer77 a dit…

Merci Stéphane.

Vraiment impecable.

Bravo à toi.

juste une petite suggestion: sur le module, ajouter un lien vers ton site ou vers un readme pour ces éléments explicatifs (reload, title...)

++

Zen Alien a dit…

PAs moyen de faire en sorte de mettre le titre en passant par "edit", de meme que de mettre un champ popur regler le rafraichissement ?

radars a dit…

rebonjour
effectivement reload fonctionne... MERCI

comme exemple d'utilisation (avec une image .png):
http://www.paris.free.fr/netvibes/img.php?title=Radars%20automatiques&url=http://www.securiteroutiere.gouv.fr/data/radars/rhonealpes.png

sinon peux tu m'expliquer l'usage de l'option link, s'il te plait!!

reMERCI.. reBRAVO... mes tab sont bp plus beau grace a toi

Art a dit…

thank you for the module. I have one problem - I see the first image of the webcam, but on reload the module window reduces size to minimized version, and shows no image. If I then go and click on the "reload" icon of the module, the next webcam image returns, and the module is the same size again. And same routine (next reload of image, screenmodule closes tominimize, I have to click on reload icon etc..) Any suggestions?

Anonyme a dit…

Je viens de découvrir ton module qui est vraiment très pratique, j'ai tenté (en vain) d'utiliser le paramètre link... Etant programmeur PHP (entre autres) j'ai regardé la source et j'ai trouvé ça :

if ($_GET['link']) { echo "a href='" . $_GET['url'] . "'"; }

Je suppose que tu vois où se trouve le problème ;)
Merci pour ce widget en tout cas !

Stéphane a dit…

thanks to the previous poster, I correct my code and now the "link" option do work ! *Thanks to him or her*

The link option aims to make your image or cam clickable.

Anonyme a dit…

Salut,

Comment fonctionne le parametre width ? Si je mets n'importe quelle valeur (autre que 0) l'image s'agrandi vers le bas et c'est tout laid :/
Serait-il possible de faire 2 parametres width et height qui permettent de redimensionner vraiment l'image a la volee ?

Merci et sinon bon boulot :)

Anonyme a dit…

great module!
i have two questions:
1. i want to use the link option where the url has some "&" in it. i tried to replace the "&" with "%26", but it doesn't work. is there a solution for that?
2. i don't understand how to use the width option. it seems to cut the image at the same portion regardless of the value i put.
thanks.

Stéphane a dit…

Hello everybody.

Sorry for the bug on the 'width' option, it is now solved. A added a new option, the 'height' !

Stéphane a dit…

For the '&' problem, I used to consult this adress and it works well with the '&':

http://www.paris.free.fr/netvibes/img.php?title=Qualite%20de%20l%60air&url=http://w2.airparif.asso.fr/services/icar_img.php?date=jour&zoom=

Could you send your url to me to understand your pb better ?

Anonyme a dit…

hi,
i'll try to clarify my '&' pb, i have:
http://www.paris.free.fr/netvibes/img.php?url=http://graph.globes.co.il/FixedGraphs/Chart/i5/0/9999020.Png&link=http://www.globes.co.il/finance/instrument/instrument.asp?instrumentid=979&feeder=0&lang=he&tab=1

the image is shown ok, when i click on it it sends me to the address:
http://www.globes.co.il/finance/instrument/instrument.asp?instrumentid=979

and it makes sense i think. i suppose it tries to parse 'feeder', 'lang' etc as parameters of the module (like title, width etc) because of the '&'.
the question is whether i'm right and how to go around that.

bubis a dit…

Hi,

I have the same problem with '&'...

bubis a dit…

Try this for example:

http://www.cib.hu/cibgroup/cibfunds/rates/hozamhonap/graph?fund=oefund&date0=2006-09-04

Anonyme a dit…

Bonjour et bravo!

Je voudrais utiliser ce type de module pour publier des images sur netvibes avec un lien vers la source.

J'ai essayé avec ton module mais je voudrais le rendre plus flexible pour pouvoir chosir mes images à partir de ma page netvibes. Comment faire ?
As-tu une idée?
merci d'avance
Opo

Anonyme a dit…

Bravo Stéphane pour ce module !

Le principe est super et les images s'actualisent bien.

Une question : est-il possible de visualiser des webcams vidéo et si oui comment récupérer les adresses ?
ex :http://www.tours.fr/M3_tours_en_images/webcam/ima_web.php4

Merci de ta réponse et encore bravo.

Stéphane a dit…

Hi,
About the & problem, simply replace the & by the url encode code %26.

In your example, it makes :
http://www.paris.free.fr/netvibes/img.php?url=http://graph.globes.co.il/FixedGraphs/Chart/i5/0/9999020.Png&link=http://www.globes.co.il/finance/instrument/instrument.asp?instrumentid=979%26feeder=0%E2%8C%A9=he%26tab=1
And when you clic on it you are redirected to :
http://www.globes.co.il/finance/instrument/instrument.asp?instrumentid=979&feeder=0%E2%8C%A9=he&tab=1

>> bubis : This url is very very strange :
http://www.cib.hu/cibgroup/cibfunds/rates/hozamhonap/graph?fund=oefund&date0=2006-09-04
I don't understand why it doesn't work. I will try again to find a way to display your curve. Sorry.

>> Tours : c'est simple, l'url de la cam se lit en clair dans le code de la page, c'est url=http://81.252.41.97/axis-cgi/mjpg/video.cgi?resolution=320x240&dummy=garb
Cela fonctionne impec sans même mettre de reload :
http://www.paris.free.fr/netvibes/img.php?url=http://81.252.41.97/axis-cgi/mjpg/video.cgi?resolution=320x240&dummy=garb

>> art : Could you please give me the cam's url which doesn't refresh well ?

Thanks for your feedback, enjoy

François Brutsch a dit…

Ca a l'air d'être exactement ce que je cherche pour me convaincre de faire l'effort de passer de My Yahoo à Netvibes... et pourtant même en reproduisant strictement l'url de ton exemple je n'ai que le titre "La Seine (Paris)" et une ligne "The image module, by Starcrouz".

Je cherche à avoir cette webcam sur ma page Netvibes:
http://www.ville-ge.ch/fr/decouvrir/virtual/index.htm

Merci d'avance!

Stéphane a dit…

François : pas de problème,
http://www.paris.free.fr/netvibes/img.php?url=http://webcam-rade.ville-ge.ch/axis-cgi/jpg/image.cgi&refresh=10
Tu peux bien sur augmenter au diminuer le temps entre 2 rechargements de l'image (2sec, 1mn ?), cela dépend si cette webcam est elle même mise à jour à intervale court ou long.

Anonyme a dit…

Thanks













Anonyme a dit…

Bonjour Stéphane, et bravo pour Image Module.

Comment faire apparaître l'image http://geninternet.unimedia.fr/~webcam/snapshot1.php dans la fenêtre Image Module ?

Cela fonctionne seulement quand je met cette adresse dans mon navigateur ou dans "link URL" d'Image Module.

Merci d'avance.
JDT

Karim a dit…

Bravo pour ce module, cependant il ne fonctionne plus depuis plusieurs semaines...

Karim a dit…

Bonjour,

Bravo pour ce module qui est très utile pour la plupart d'entre nous.
Cependant celui-ci n'est plus fonctionnel depuis plusieurs semaines.

Suis-je le seul à avoir ce problème ?
Merci d'avance.

Stéphane ROUILLY a dit…

Désolé, mon hébergeur (free) m'avais bloqué ce compte et je ne m'en était pas aperçu. Ca devrait être de nouveau ok dans quelques heures ! Merci pour votre message.