Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
542 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  "Streaming" en javascript. Voir les jolis Poissons !

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

"Streaming" en javascript. Voir les jolis Poissons !

n°1925084
Rogerlette
Posté le 18-09-2009 à 15:17:40  profilanswer
 

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.

mood
Publicité
Posté le 18-09-2009 à 15:17:40  profilanswer
 

n°1925098
abais
Posté le 18-09-2009 à 16:02:51  profilanswer
 

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.
n°1925124
Rogerlette
Posté le 18-09-2009 à 17:12:09  profilanswer
 

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
n°1925132
abais
Posté le 18-09-2009 à 17:37:17  profilanswer
 

Ç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.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  "Streaming" en javascript. Voir les jolis Poissons !

 

Sujets relatifs
Image défilante en JavaScript + PHP avec largeur et hauteur dynamique[Javascript] Utilisation de balises BB dans un textarea
[PHP, JavaScript] Copier la valeur d'un inputJavascript/Ajax vers un autre domaine
Fonction window.open (javascript)Problême avec un petit script javascript
afficher (avec JavaScript) les caractères correspondants aux codes(javascript) retarder le lancement d'une fonction
Variable javascript.. elle me rendent dingue ; help.[FIXED]Pop up en javascript pour afficher un player Mp3.
Plus de sujets relatifs à : "Streaming" en javascript. Voir les jolis Poissons !


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR