Afficher les images de votre webcam sur le web - Mac-HL
Transcription
Afficher les images de votre webcam sur le web - Mac-HL
Afficher les images de votre webcam sur le web Vous venez d’acheter une webcam et vous souhaitez vous montrer sur Internet. Ce pas à pas est fait pour vous. La plupart des webcam se connectent sur les ports USB. Alors, quel que soit le modèle que vous avez acheté, le descriptif qui suit reste valable et le résultat sera le même (ou presque). Bon, si vous avez opté pour la iSight d’Apple, vous aurez, non seulement un bel objet entre les mains mais la qualité des images sera nettement meilleure. Pour obtenir ce résultat : Voici le matériel dont vous avez besoin : - un ordinateur relativement puissant (G3 600 minimum). Lorsque j’ai voulu utiliser la webcam iSight d’Apple avec iVisit sur mon iMac DV 400, un message m’a appris que la visioconférence ne pouvait être utilisée sur ce type d’ordinateur. - une webcam (et oui…) qu’elle soit USB ou FireWire - un logiciel du type Evocam (celui que j’utilise et que vous pouvez télécharger ici : http://www.evological.com/evocam.html - un éditeur html (Golive, Dreamweaver ou autre). - un site ftp (si vous n’en avez pas, aller sur le site free.fr, créez un compte à votre nom et laissez-vous guider) Page « index.html » - un logiciel ftp pour le transfert de fichiers (Fetch, Interarchie, CaptainFtp, etc.) C’est tout. NB : Sur le n° 143 du magazine Macworld France (ex Univers Macworld) d’octobre 2003, vous trouverez un article complet sur la iSight et un comparatif des différents logiciels ftp. Comment cela fonctionne-t-il ? Le but est de proposer à un correspondant de voir sur une page web, les images captées par votre webcam. Le principe est simple. On indique au logiciel qui pilote la webcam l’adresse du serveur sur lequel il doit envoyer les images qu’elle a captées. Lorsque la webcam capte une image, elle l’enregistre sur le serveur dont vous avez donné l’adresse sous forme d’un fichier appelé invariablement « webcam.jpg ». Le but est donc de créer une page web au format « .html » sur laquelle on insère un bloc image vide mais pour lequel on indique un lien vers le fichier « webcam.jpg ». De cette manière, chaque fois qu’un fichier appelé « webcam.jpg » sera enregistré sur le serveur ftp, il viendra prendre place dans la page web, à l’emplacement du fichier image, comme ceci : Le fichier « Webcam.jpg » viendra se placer dans le bloc image Bloc image Lien vers Webcam.jpg « Webcam.jpg » provenant de la webcam L’image sera « rafraîchie » toutes les 30 secondes par l’intermédiaire du logiciel qui pilote la webcam. De cette manière, chaque nouvelle image de votre webcam viendra remplacer la précédente sans que vous ayez à intervenir. Cela dit, rien n’empêche vos correspondants de cliquer sur le bouton « Rafraîchir » de leur navigateur. Maintenant que vous avez compris comment ça fonctionne, voyons comment mettre tout cela en œuvre. Réalisation Nous supposerons que vous avez donc un serveur ftp sur free (c’est le plus simple), que vous avez un éditeur html, un logiciel ftp pour transférer la page web sur votre serveur et le logiciel « Evocam ». Alors, allons-y. 1. La page web C’est très simple. Ouvrez votre éditeur html et créez une nouvelle page. Insérez un bloc image et créez un lien que vous nommerez « webcam.jpg ». Vous ne devez pas insérer d’image dans ce cadre puisque c’est la copie d’image venant de votre webcam qui va y prendre place. Ne vous étonnez donc pas, selon l’éditeur html que vous avez choisi, que le bloc image ainsi créé présente une icône déchirée. Enregistrez votre page sous le nom « index.html » par exemple. Le nom n’a pas d’importance mais c’est celui qui servira lorsque vous voudrez accéder à la page contenant les images de votre webcam. Pour vous faciliter le travail, vous pouvez copier le code suivant : <html> <head> <meta http-equiv=»content-type» content=»text/html;charset=ISO-8859-1»> <meta http-equiv=»refresh» content=»20»> <title>Vous écrivez ici ce que vous voulez</title> </head> <body bgcolor=»#ffffff»> <table width=»756» border=»0» cellspacing=»0» cellpadding=»0» cool gridx=»16» gridy=»16» height=»477» showgridx showgridy usegridx usegridy> <tr height=»96»> <td width=»208» height=»476» rowspan=»2»></td> <td width=»547» height=»96»></td> <td width=»1» height=»96»><spacer type=»block» width=»1» height=»96»></td> </tr> <tr height=»380»> <td width=»547» height=»380» valign=»top» align=»left» xpos=»208»><img src=»webcam.jpg» alt=»» height=»360» width=»480» align=»absmiddle» border=»0»></td> <td width=»1» height=»380»><spacer type=»block» width=»1» height=»380»></td> </tr> <tr height=»1» cntrlrow> <td width=»208» height=»1»><spacer type=»block» width=»208» height=»1»></td> <td width=»547» height=»1»><spacer type=»block» width=»547» height=»1»></td> <td width=»1» height=»1»></td> </tr> </table> <p></p> </body> </html> 2. Le serveur Réglages de l’onglet « Server » Il faut maintenant « uploader » votre page sur le serveur. Pour cela, servez-vous de votre logiciel pour placer le fichier « index.html » dans votre dossier sur le serveur. - dans le menu déroulant affichez « FTP Serveur » - dans la fenêtre « Location », entrez l’adresse de votre serveur, suivi de «webcam.jpg ». Vous vous souvenez ? C’est le nom donné automatiquement à l’image que votre webcam dépose sur le serveur. Pour les serveurs « Free », l’adresse commence toujours par ftp://ftpperso.free.fr. - dans les champs suivants indiquez votre identifiant et votre mot de passe tels que vous les avez déclarés à l’inscription. Notez que vous n’avez pas besoin de compléter l’adresse FTP par ces deux éléments (identifiant et mot de passe) comme vous le feriez pour l’adresse Internet qui vous permet d’accéder à votre dossier personnel (http://mon_identifiant.free.fr/ nom_de_ma_page.html). - nous ne nous occuperons pas du bouton « Advanced » ici. 3. Evocam Il faut maintenant paramétrer votre logiciel. À noter que, lorsque votre webcam est branchée et que vous ouvrez Evocam, vous verrez s’afficher les images. À la première ouverture, vous verrez donc ceci (si votre webcam est branchée et si elle est reconnue). Dans le cas contraire, vous verrez cela : Réglages de l’onglet « Options » C’est ici que vous allez régler la fréquence à laquelle l’image qui s’affichera dans le navigateur va être rafraîchie. Généralement, « 30 secondes » est une bonne moyenne. Le réglage le plus important se trouve ici. C’est la case à cocher « Upload image to server » qui indique au logiciel qui pilote la webcam de télécharger sur le serveur l’image qu’il a capturé. C’est l’image qui prendra place dans le cadre image de votre page « .html ». En clair, vous paramétrez Evocam pour que la webcam, toutes les trente secondes fasse une capture d’image, capture qu’elle envoie sur le serveur (webcam.jpg). Et cette image écrase la précédente dans le dossier ftp. Si vous souhaitez que l’image qui se trouve sur votresite web, soit rafraîchie automatiquement sans avoir à cliquer sur le bouton « Réactualiser » du navigateur, il faut poser une balise méta en indiquant la fréquence de rafraichissement, autrement dit, c’est dans cette ligne : <meta http-equiv=»refresh» content=»20»> Réglages de l’onglet « Items» C’est ici que vous allez afficher des indications sur votre image, par exemple la date et l’heure. Vous pourrez régler la police, sa taille, sa couleur, etc. Et voilà. En principe, si vous avez tout suivi à la lettre, vous n’aurez plus qu’à taper : http://votre_identifiant.free.fr/webcam.html pour voir votre visage sur Internet. Merci à Hugues Morin pour l’aide qu’il m’a apportée. Jean-François Caviglioli [email protected]