Rafraichir plusieurs images caméra ip

**reinruof77** · 05/09/2014, 09h45

bonjour a tous

voila j'ai script pour rafraîchir mon image de webcam ip sur mon site qui fonctionne très bien pour une camera.

j'arrive a ajouté les 4 autres camera mais je n'arrive pas rafraîchir les images des camera mais je trouve pas la solution

.

voici mon script

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>test</title>
	<script type="text/javascript">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// l'idée c'est d'afficher l'image quand elle est chargée ...
var addEvent = function(object, eventName, callback) {
if(object.addEventListener) {
  object.addEventListener(eventName, callback, false);
} else if(object.attachEvent) {
  object.attachEvent('on'+eventName, callback);
}
}
var getId = function(id) {
return document.getElementById(id);
}
var updateImage = function(object, url) {
object.setAttribute('src', url);
}
var loadImage = function() {
       // vive les maths !!
var url = 'http://mon ip:port/snapshot.cgi?'+Math.random();
var img = new Image();
img.src = url;
addEvent(img, 'load', function() {
updateImage(getId('img'), url);
window.setTimeout(loadImage, 1000);
});
}
addEvent(window, 'load', loadImage);

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
	</script>
	</head>
	<body>
	<p><img src="http://mon ip:port/snapshot.cgi" id="img" alt="Mauvaise config..." /></p>
	</body>
</html>

Comment faire pour rafraichir les 4 autre images de mes cam

Merci de votre aide

Ps: je suis ouvert a toutes proposition decentes

**NoSmoking** · 06/09/2014, 16h08

Bonjour,
4 caméras => 4 IP et 4 IMG dans ta page, il te suffit donc d'appliquer le même schéma pour chacune de tes IMG.

Rafraichir plusieurs images caméra ip

JavaScript

Vue hybride

Discussions similaires

Partager

Partager