"Streaming" en javascript. Voir les jolis Poissons !

"Streaming" en javascript. Voir les jolis Poissons ! - HTML/CSS - Programmation

Marsh Posté le 18-09-2009 à 15:17:40    

Bonjour à tous,
 
 
J'ai acheté une caméra IP en pensant naïvement qu'il était simple de mettre l'image sur une page web, qu'un code tout prêt me serait fournit. Mais non voici les seules indications du fournisseur :
_____________________
 
Video streaming on webpage can be achieved using META / Java script.  
[To view camera image]
example: http://192.168.0.214/pda.cgi?user= [...] mage&cam=1  
user: user account  
password: user password  
cam: 1,2  
1: camera A  
2: camera B  
 
[To control camera direction]
example: http://192.168.0.214/pda.cgi?user= [...] &command=1  
user: user account  
password: user password  
cam: 1,2  
1: camera A  
2: camera B  
command: 1,2,3,4
1:Up  
2:Down  
3:Left  
4:Right  
______________________
 
Ne connaissant que basiquement le html et bricolant vraiment très peu le javascript j'ai, malgrè mes recherches, toujours pas réussi à faire marché ce code. (Plus précisément je n'arrive pas à voir l'image)
 
l'adresse de mon image  :
http://murgat.no-ip.org:8181/pda.c [...] mage&cam=1
 
Voilà ce que j'ai trouvé sur le net de plus pertinent mais idem, mes multiples essais furent un échec ;
 
http://forum.hardware.fr/hfr/Progr [...] 6802_1.htm
 
http://www.webmasterworld.com/javascript/3195479.htm
 
 
Merci d'avance pour votre aide,
 
PS : Celui qui arrivera à faire affiché la vidéo aura l'immense honneur de voir.... de gros poissons nager dans un bassin.

Reply

Marsh Posté le 18-09-2009 à 15:17:40   

Reply

Marsh Posté le 18-09-2009 à 16:02:51    

Je suis pas pro dans le domaine non plus, mais avec les lien que t'as filé, j'arrive à un semblant de video (image qui s'actualise tout les 10ième de seconde (100 milliseconde de la fonction setInterval)

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Test Poisson</title>
  6. <script type="text/javascript">
  7. function refresh() {
  8.     document.getElementById("imgWebcam" ).src = "http://murgat.no-ip.org:8181/pda.cgi?user=root&password=toto&page=image&cam=1&unique="+ new Date();
  9. }
  10. window.onload = function (){
  11.       setInterval("refresh();", 100);
  12. }
  13.  
  14.  
  15.  
  16. </script>
  17. </head>
  18.  
  19. <body>
  20.  
  21.  
  22.  
  23. <img id="imgWebcam" src="http://murgat.no-ip.org:8181/pda.cgi?user=root&amp;password=toto&amp;page=image&amp;cam=1" alt="monImage" />
  24. </body>
  25. </html>


Parcontre, c'est très crade dans le sens ou il laisse chaque images dans le cache...
Je sais pas comment palier à ça...


Message édité par abais le 18-09-2009 à 16:03:50

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 18-09-2009 à 17:12:09    

Merci abais pour cette première réussite !
 
 
Pour ma part je venais juste de réussir également à avoir le même genre de semblant de vidéo à l'aide de l'autre lien que j'avais mis sur le premier post.
_____________________
 
<html>  
<script>  
var webcamimage;  
var imgBase="http://murgat.no-ip.org:8181/pda.cgi?user=root&password=toto&page=image&cam=1?"  
var c = 0;  
function count()  
{  
 webcamimage.src=imgBase+(++c);  
}  
function init()  
{  
 webcamimage = document.getElementById("webcamimage" );  
 if( webcamimage )  
 {  
  setInterval("count()",200);  
 }  
}  
window.onload = init;  
</script>  
<body>  
<p align="center">Live Webcam Feed</p>  
<p align="center"><img src="http://murgat.no-ip.org:8181/pda.cgi?user=root&password=toto&page=image&cam=1" name="image" id="webcamimage"></p>  
</body>  
</html>  
 
___________________________
 
Mais ça ne marche pas sous IE, mais bref le tiens fonctionne mieux donc abandonnons celui-ci.
( D'ailleur si j'arrivais pas à le faire marcher c'est que en voulant aller vite j'ai supprimé le "&unique=" dans le premier chemin vers l'image)
 
Bref maintenant même quand ça marche ça reste crado, (sans parler de la qualité de l'image qui est plutôt due au fait que il y a des algues devant la cam depuis le temps!) la fluidité de la vidéo est pas top...
_____________________________
 
Qu'est ce je pourrai utiliser pour arriver à la fluidité d'image que l'on voit quand on se connecte directement sur l'applet java fournit ?
http://murgat.no-ip.org:8181/cam1.htm
login : root
mdp : toto
_____________________________
 
Ou sinon ya t'il une méthode pour intégrer un applet java dans une page web (sans utiliser les iframes) de façon à ce que je puisse redimensionner l'image à la taille que je veux ?
 
_____________________________
 
Merci d'avance une fois de plus.


Message édité par Rogerlette le 18-09-2009 à 17:14:08
Reply

Marsh Posté le 18-09-2009 à 17:37:17    

Ça me parait possible et parfaitement logique, mais c'est pas moi qui t'aidera...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed