Accueil  > coulisses > Communication > ouèbk'âme

ouèbk'âme

comment installer une webcam sur votre page perso pour qu'on puisse vous voir sous la douche, dans la cuisine ... et cætera mais oui, c'est de l'exhibitionnisme !

Installer une webcam sur son site avec un rafraîchissement automatique

C'est facile, il faut 3 choses :

1° - une Webcam

2° - un logiciel comme Webcam32 (didacticielsite du fabricant) pour télécharger l'image de la webcam tous les x secondes sur le serveur FTP qui héberge votre page web

3° - un script pour inserrer l'image dans la page avec un rafraichissement automatique tous les x secondes

Voici un script qui rafraichit l'image sans recharger la page, donc sans "bruit"

1° insérrez dans la partie <head> du code html :
tout ce qui est entre ## et ## (non inclus)
tu peux faire un copier/coller

##

<SCRIPT LANGUAGE="JavaScript">
<!--
var delay=10;
var img="nom de l'image";
var src="http://page web/image.jpg";
function RefreshIMG() {
setTimeout("RefreshIMG()",delay*1000);
document.images[img].src=src+"?a="+Math.random(1);
}
-->
</SCRIPT>

##


explications des paramètres pour cette partie:

10
c'est la durée de l'intervalle de temps en seconde entre chaque rafraîchissement
nom de l'image
c'est le nom de l'image qu'on retrouvera dans la partie <body>, ça peut être n'importe quoi du moment que c'est la même chose aux deux endroits (ça doit avoir une raison, j'ai pas encore trouvé mais je cherche)
http://page web/image.jpg
c'est l'Url de la page web, adresse complète jusqu'à l'image à télécharger toutes les x secondes

2° insérrez dans la balise <body>:
##

onLoad="RefreshIMG()"

##


exemple: <body bgColor="#000000" onLoad="RefreshIMG()">


3° dans la partie <body> à l'endroit ou vous voulez insérrer l'image:

##

<IMG id="nom de l'image" src="http://page web/image.jpg" width=320 height=240>

##


explications des paramètres pour cette partie:

nom de l'image
souvenez vous ce que je vous disais tout à l'heure:"la même chose aux deux endroits"
http://page web/image.jpg
là encore, la même chose que tout à l'heure
width=320 height=240
la taille de l'image, un peu ce que vous voulez mais en respectant les proportions de l'image d'origine sinon elle sera déformée ; et bien sûr on peut aussi y mettre tous les attributs HTML de la balise <img> : "border", "alt" et caetera...


J'avais installer ça ici sur qatsi, mais je ne suis plus assez exhibitionniste donc pour l'instant la page reste figée sur le dernier upload

haut de page