 |
wapcam.mobi
The forum dedicated to the Wapcam Suite Application
|
| View previous topic :: View next topic |
| Author |
Message |
Laurent
curious
Joined: 15 May 2007
Posts: 9
Location: Charente-Maritime
|
 Posted: Sun Jun 10, 2007 8:49 am Post subject: Page personnalisée... |
 |
|
Que vous utilisiez "WapcamServer" ou "Wapcam FTP" il est possible de créer une page
personnalisée sur laquelle viendra se greffer, où vous voulez, l'image de votre
webcam. L'intérêt est non seulement de pouvoir choisir une couleur de fond, un titre,
des commentaires, des liens...etc... mais aussi de faire un "refresh" automatique
uniquement de l'image et pas de toute la page.
Si cela vous intéresse, je mettrais ici, dès que possible, un exemple de page HTML
prête à être personnalisée et contenant le script de rafraîchissement de l'image.  |
|
| Back to top |
|
 |
|
|
wapcamer
Site Admin
Joined: 03 Jan 2006
Posts: 275
Location: Paris
|
| Posted: Sun Jun 10, 2007 10:42 pm Post subject: |
|
|
Bonjour Laurent,
Je suis bien interessé que tu nous expliques comment faire le refresh de l'image sans faire toute la page et tout le reste.
Ton exemple de code html est le bienvenu et s'il comporte des éléments réutilisables, je les intégrerai dans le programme.
Comme je l'ai déjà évoqué, j'ai commencé à mettre en place un système de moteur de template, utilisé dans la nouvelle version 1.4.1 . Je dois encore rajouter la possibiliter de configurer une page d'accueil par défaut externe au programme. Ainsi, toutes les pages html servies pourront comporter des balises spécifiques qui feront afficher certains éléments de wapcam sur leur propres pages.
Je rappelle au passage que le programme peut déjà servir des pages personnalisées avec des liens sur les images, fichiers ou rtsp .
@+  |
|
| Back to top |
|
|
Laurent
curious
Joined: 15 May 2007
Posts: 9
Location: Charente-Maritime
|
| Posted: Mon Jun 11, 2007 8:11 am Post subject: |
|
|
Ce script est à incérer dans une nouvelle page à créer dans le
répertoire "wapcamServer" du disque dur. Le lien devra se faire
directement sur cette nouvelle page.
exemple: "http://monsite.free.fr/nom de la nouvelle page"
Ici le rafraîchissement et réglé sur 1000 ms, il doit être modifié
dans la balise <head> mais aussi dans <body> sans oublier les
réglages dans wapcamServer.
L'image "shot.jpeg" est le nom par défaut utilisé par le programme
"wapcam ftp". Ne pas oublier le "?" après le nom de l'image
dans <head> (src = 'shot.jpeg?' + Math.random())
Voila, ensuite vous pouvez déplacer votre image sur la page, ajouter
un titre, une couleur de fond, un lien vers Wapcam ... etc...
Je précise que ce script n'est pas de ma création... Après en avoir
testé une dizaine, trouvés sur le web, c'est le seul qui était à la
fois léger, fonctionnel et simple à installer.
_____________
Entre les balises <head> et </head>
| Code: | <script type="text/javascript">
function refreshIt() {
if (!document.images) return;
document.images['shot'].src = 'shot.jpeg?' + Math.random();
setTimeout('refreshIt()',1000); // refresh every 1 sec
}
</script> |
Entre les balises <body> à </body>
| Code: | <body onload=" setTimeout('refreshIt()',1000)">
<img style="width: 320px; height: 240px;"
title="La webcam n'est pas toujours en service !"
alt="Chargement de la webcam..." src="shot.jpeg"
name="shot"> |
_____________
Ci-dessus dans "title" et "alt" vous pouvez mettre ce que vous voulez...
J'espère que ce script pourra aider !
Edit Wapcamer: une petite coquille corrigée |
|
| Back to top |
|
|
wapcamer
Site Admin
Joined: 03 Jan 2006
Posts: 275
Location: Paris
|
| Posted: Wed Jun 13, 2007 5:41 pm Post subject: |
|
|
Bonjour Laurent,
merci pour ton script, c'est exactement ce que je recherchais, de quoi rafraichir juste l'image sans rafraichir tte la page qui va avec.
Donc du coup, je l'ai déjà intégré dans le programme et je ferai certainement une version 1.4.2 qui te sera donc dédiée
Comme tu l'as souligné, ce code servira aussi bien dans la page d'autorefresh du serveur mais aussi la page qui est uploadée sur le FTP.
Encore merci ! 
@++ |
|
| Back to top |
|
|
Laurent
curious
Joined: 15 May 2007
Posts: 9
Location: Charente-Maritime
|
| Posted: Thu Jun 14, 2007 7:53 am Post subject: |
|
|
Heureux d'avoir pu modestement contribué. Merci pour la dédicace mais c'est
toi qu'il faut remercier pour la mise à disposition gracieuse de ton programme
et de tout ton travail.
Je signale que j'avais, au préalable, légèrement modifié ce script pour qu'il
soit validé HTML 4.01 Transitional [W3C]... donc il est propre et accepté par
tous les navigateurs.
Maintenant je dispose d'une webcam à la fois sur une page de mon serveur
ainsi que chez Free.
Une autre petite chose...
L'image finale a subit 3 refresh au cours de son périple:
1-Frame delay de la webcam
2-Delay du serveur ou delay de l'upload FTP
3-Refresh de l'image par le script
Si, comme pour mon cas vous désirez un refresh à chaque seconde et que
vous fixez ces 3 réglages à 1000ms, l'image risque d'être instable et de
"sauter" fréquemment...
sans doute à cause d'une désynchronisation provoquée par des vitesses
d'execution différentes de ces éléments ???
Après plusieurs tests j'obtiens les meilleurs résultats en mettant les réglages suivants:
1- 50ms
2- 250ms
3- 1000ms
Je ne sais pas vraiment pourquoi mais cela fonctionne mieux et si au bout d'un
certain temps l'image "saute", il suffit de cliquer sur le bouton "Actualiser" de
votre navigateur pour que tout rentre dans l'ordre...
|
|
| Back to top |
|
|
wapcamer
Site Admin
Joined: 03 Jan 2006
Posts: 275
Location: Paris
|
| Posted: Fri Jun 15, 2007 4:39 pm Post subject: |
|
|
| Quote: | j'avais légèrement modifié ce script pour qu'il
soit validé HTML 4.01 Transitional [W3C] |
C'est encore mieux! Ce qui me plait surtout c'est qu'il est vraiment très léger et devrait passer sur tous les navigateurs, voire les navig. mobiles également. L'un de mes soucis principaux étant justement la portabilité la plus complète possible des pages servies.
| Quote: | | L'image finale a subit 3 refresh au cours de son périple: |
Ce n'est pas tout à fait exact: l'image présentée est capturée au moment de la requete pour l'afficher.
Ainsi, les images présentées sur le serveur lui-même, sur un upload FTP et via le serveur web sont totalement indépendantes et différentes.
Le Frame Dela de la webcam est en fait la freq de rafraichissement de l'image au sein de WapcamServer. Rien d'autre. D'ailleurs je pense bientôt changer cette méthode d'affichage plutôt lourde pour le remplacer par un vrai player, qui affichera les images comme un vrai flux vidéo continu et non interrompu (un peu comme qd on regarde la caméra en streaming). De plus, je pense mettre ce player dans une fenetre séparée, un peu comme les différentes fenêtres dans VLC.
Pour l'upload FTP, la page générée contient le même temps de latence pour le rafraichissement de l'image, que le temps requis entre deux uploads d'image. De la sorte, à chaque refresh on devrait avoir une image différente sur le FTP.
Voilà, il n'y a pas de correlation entre les différents services si ce n'est qu'ils utilisent la même source d'image, et que donc leurs demandes respectives d'images sont traitées l'une après l'autre.
Après, on peut encore imaginer des perturbations liées au réseau ou au temps de réponse du serveur FTP. De plus, si tu testes tout ça depuis le même PC, il faut bien se rendre compte que l'accès direct au serveur est quasi-instantanné, alors que dans le cas du FTP tu auras toujours envoi sur le serveur puis rapatriement vers le PC d'où nécessairement des temps plus longs.
APrès quel est le meilleur réglage? Je pense qu'il faut simplement tester comme tu l'as fait. |
|
| Back to top |
|
|
Laurent
curious
Joined: 15 May 2007
Posts: 9
Location: Charente-Maritime
|
| Posted: Fri Jun 15, 2007 5:07 pm Post subject: |
|
|
| Merci 'Wapcamer' pour toutes ces précisions enrichissantes ! |
|
| Back to top |
|
|
|
|
wapcamer
Site Admin
Joined: 03 Jan 2006
Posts: 275
Location: Paris
|
| Posted: Wed Jun 20, 2007 2:29 am Post subject: |
|
|
En attendant la version 1.4.2 du WapcamServer,
voici l'application de ce code dans "la preuve par l'image" en direct du blog:
http://blog.wapcamer.com |
|
| Back to top |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
FAQ
Search
Memberlist
Usergroups
Register
Profile
Log in to check your private messages
Log in
