Recupération du flux video d'une camera ip

Recupération du flux video d'une camera ip - HTML/CSS - Programmation

Marsh Posté le 20-01-2005 à 16:24:10    

salut a tous,  
 
Pour un projet de videosurveillance, je dois recuperer le flux video d'une camera ip (AXIS 213PTZ), afin de le reintégrer dans une page html ou php, peu importe ;)
 
Comment recuperer la video de la cam ??
Car pour l instant je visualise par l interface AXIS intégré a la cam, ms pour le projet, cette visu doit  se faire par une interface web que je suis en train de developper ...
 
Merci d avance ;)

Reply

Marsh Posté le 20-01-2005 à 16:24:10   

Reply

Marsh Posté le 20-04-2005 à 17:04:26    

Si tu as eu d'éventuelles réponses en PM, je serai très intéressé que tu m'en fasses part ;).
Merci

Reply

Marsh Posté le 20-04-2005 à 18:49:29    

Tu choppes un truc genre Windows Media Encoder qui encode en temps réel, et qui balance le flux à qui le veut (5 utilisateurs max)

Reply

Marsh Posté le 21-04-2005 à 09:09:28    

Citation :

u choppes un truc genre Windows Media Encoder qui encode en temps réel, et qui balance le flux à qui le veut (5 utilisateurs max)


 
Oui mais ça c'est contourner le problème, en quelque sorte ;).

Reply

Marsh Posté le 27-04-2005 à 14:03:27    

Je ne sais pas si ton problème est toujours d'actualité.
Tu es obligé d'utiliser du Javascript.
 
Personnellement, j'ai utilisé du Javascript que j'ai inclus dans du PHP, afin de pouvoir modifier ce code Javascript en fonction de la résolution choisie par l'utilisateur, le contraste de l'image, brillance, nuance, lumière etc...
 
Ce qui me donne (pour une caméra D-Link DCS-2100+) :
 

Code :
  1. /* -------------------------------------------------------------------------------------------------- */
  2. /* --- Fonction permettant d'afficher le flux vidéo selon la résolution choisie par l'utilisateur --- */
  3. /* -------------------------------------------------------------------------------------------------- */
  4. function affichage_fluxvideo ($resolution)
  5. {
  6.  echo "<script language=\"JavaScript\">";
  7.  //echo "<!--";
  8.  echo "if ((navigator.appName == \"Microsoft Internet Explorer\" ) && (navigator.platform != \"MacPPC\" ))";
  9.  echo "{\n";
  10.  echo "var resolution = \"$resolution\";\n";
  11.   // Gestion de la taille de la fenêtre en fonction du paramètre de la fonction
  12.   echo "if (resolution == \"160*120\" )\n";
  13.   echo "{\n";
  14.    echo "document.write(\"<OBJECT ID='VAMCtrl' WIDTH=170 HEIGHT=150 CLASSID=CLSID:A93B47FD-9BF6-4DA8-97FC-9270B9D64A6C CODEBASE='http://192.168.0.99:80/plugin/h263ctrl.cab#version=1,7,0,24'>\" )";
  15.   echo "}\n";
  16.   echo "if (resolution == \"320*240\" )\n";
  17.   echo "{\n";
  18.    echo "document.write(\"<OBJECT ID='VAMCtrl' WIDTH=330 HEIGHT=270 CLASSID=CLSID:A93B47FD-9BF6-4DA8-97FC-9270B9D64A6C CODEBASE='http://192.168.0.99:80/plugin/h263ctrl.cab#version=1,7,0,24'>\" )";
  19.   echo "}\n";
  20.   echo "if (resolution == \"640*480\" )\n";
  21.   echo "{\n";
  22.    echo "document.write(\"<OBJECT ID='VAMCtrl' WIDTH=650 HEIGHT=510 CLASSID=CLSID:A93B47FD-9BF6-4DA8-97FC-9270B9D64A6C CODEBASE='http://192.168.0.99:80/plugin/h263ctrl.cab#version=1,7,0,24'>\" )";
  23.   echo "}\n";
  24.   echo "\ndocument.write(\"<PARAM NAME='Url' VALUE='http://192.168.0.99:80/cgi-bin/video.vam'>\" )";
  25.   echo "\ndocument.write(\"<PARAM NAME='VSize' VALUE='CMS2'>\" )";
  26.   echo "\ndocument.write(\"<PARAM NAME='RemoteIP' VALUE='1660987584'>\" )";
  27.   echo "\ndocument.write(\"<PARAM NAME='RemotePort' VALUE='5001'>\" )";
  28.   echo "\ndocument.write(\"<PARAM NAME='RemoteID' VALUE='admin:admin@192.168.0.99:80 1'>\" )";
  29.   echo "\ndocument.write(\"<PARAM NAME='DisplayTimeFormat' VALUE='1'>\" )";
  30.   echo "\ndocument.write(\"<PARAM NAME='DigitalZoomEdit' VALUE='false'>\" )";
  31.   echo "\ndocument.write(\"<PARAM NAME='Language' VALUE='EN'>\" )";
  32.   echo "\ndocument.write(\"</OBJECT>\" )";
  33.  echo "}";
  34.  // Cas où le navigateur est différent de Internet Explorer
  35.  echo " else ";
  36.   echo "document.write(\"Désolé, votre navigateur ne permet pas d'afficher la caméra !\" )";
  37.  //echo "//-->";
  38.  echo "</script>";
  39. }


 
En espérant que cela puisse t'aider !
 
Au pire, pour comprendre le code javascript, fais clique droit sur la page où tu as ton application web du logiciel, et afficher code source ;).


Message édité par Fiiies1 le 27-04-2005 à 14:04:22
Reply

Marsh Posté le 27-04-2005 à 14:16:18    

Reply

Marsh Posté le 12-04-2006 à 16:14:04    

Pas mal du tout ton code Fiiies1 !
En fait, j'ai exactement le meme probleme que dingonono. Je ne sais pas s'il a résolu son pb, mais le miens perciste...
Je connais seulement l'adresse IP de la cam. Quelles sont les informations que je dois posseder ?? comment faire pour afficher la cam sur un site web ??


---------------
TV sur PC
Reply

Marsh Posté le 18-04-2006 à 14:12:02    

easynet1 a écrit :

Pas mal du tout ton code Fiiies1 !
En fait, j'ai exactement le meme probleme que dingonono. Je ne sais pas s'il a résolu son pb, mais le miens perciste...
Je connais seulement l'adresse IP de la cam. Quelles sont les informations que je dois posseder ?? comment faire pour afficher la cam sur un site web ??

 


Voila le code a insérer:

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. // Set the BaseURL to the URL of your camera
  3. document.write(location.hostname);var BaseURL = "http://adresse_ip/";
  4. // DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
  5. // You may change these numbers, the effect will be a stretched or a shrunk image
  6. var DisplayWidth = "320";
  7. var DisplayHeight = "240";
  8. // This is the path to the image generating file inside the camera itself
  9. var File = "axis-cgi/mjpg/video.cgi?resolution=320x240";
  10. // No changes required below this point
  11. var output = "";
  12. if ((navigator.appName == "Microsoft Internet Explorer" ) &&
  13.    (navigator.platform != "MacPPC" ) && (navigator.platform != "Mac68k" ))
  14. {
  15.   // If Internet Explorer under Windows then use ActiveX
  16.   output  = '<OBJECT ID="Player" width='
  17.   output += DisplayWidth;
  18.   output += ' height=';
  19.   output += DisplayHeight;
  20.   output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
  21.   output += 'CODEBASE="';
  22.   output += BaseURL;
  23.   output += 'activex/AMC.cab#version=3,20,18,0">';
  24.   output += '<PARAM NAME="MediaURL" VALUE="';
  25.   output += BaseURL;
  26.   output += File + '">';
  27.   output += '<param name="MediaType" value="mjpeg-unicast">';
  28.   output += '<param name="ShowStatusBar" value="0">';
  29.   output += '<param name="ShowToolbar" value="0">';
  30.   output += '<param name="AutoStart" value="1">';
  31.   output += '<param name="StretchToFit" value="1">';
  32.   output += '<BR><B>Axis Media Control</B><BR>';
  33.   output += 'The AXIS Media Control, which enables you ';
  34.   output += 'to view live image streams in Microsoft Internet';
  35.   output += ' Explorer, could not be registered on your computer.';
  36.   output += '<BR></OBJECT>';
  37. } else {
  38.   // If not IE for Windows use the browser itself to display
  39.   theDate = new Date();
  40.   output  = '<IMG SRC="';
  41.   output += BaseURL;
  42.   output += File;
  43.   output += '&dummy=' + theDate.getTime().toString(10);
  44.   output += '" HEIGHT="';
  45.   output += DisplayHeight;
  46.   output += '" WIDTH="';
  47.   output += DisplayWidth;
  48.   output += '" ALT="Camera Image">';
  49. }
  50. document.write(output);
  51. document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
  52. // document.Player.UIMode = "MDConfig";
  53. // document.Player.MotionConfigURL = "/axis-cgi/operator/param.cgi?ImageSource=0"
  54. // document.Player.MotionDataURL = "/axis-cgi/motion/motiondata.cgi";
  55. </SCRIPT>
 

Reply

Marsh Posté le 24-04-2006 à 07:49:41    

ok merci pour ton aide   turn3r
je vais bidouiller ca et le tester...je vous tiens au courant

Reply

Marsh Posté le 24-04-2006 à 09:08:16    


Vois comme ils sont contents avec cette élégante solution. [:itm]
 
C'est la cat HTML/PHP, faut pas t'attendre à des miracles.  [:airforceone]


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
Reply

Marsh Posté le 24-04-2006 à 09:08:16   

Reply

Marsh Posté le 04-05-2006 à 07:05:52    

c dommage ca ne marche pas....jai change les parametres pour ma camera...snif snif
il faut encore que je bidouille.

Reply

Marsh Posté le 04-05-2006 à 10:02:25    

En fait, ce code c'est la caméra qui me l'a donné.  
Tape l'adresse de la caméra dans ton navigateur et tu vas dans setup->Line view config->HTML examples. Elle te donne le code javascript à inclure dans une page web pour afficher le flux mjpeg et mpeg-4.


---------------
Les ventes de véhicules neufs ont chuté de 7%, y'en a marre des pirates qui téléchargent illégalement des voitures sur internet !!
Reply

Marsh Posté le 05-05-2006 à 05:05:55    

yes  yes
j'avais deja fais cela
voici mon code:

Spoiler :

<html>
<head>
<title>Cam Ip by Ostral</title>
</head>
<body bgcolor="white">
<center>
 
<table>
<tr><td align="center">
    <script language="JavaScript">
      <!--
   
      if ((navigator.appName == "Microsoft Internet Explorer" )&&(navigator.platform != "MacPPC" ))
      {
  document.write("<OBJECT ID=\"VAtCtrl\" WIDTH=362 HEIGHT=318 name=\"VAtCtrl\"" );
  document.write(" CLASSID=CLSID:210D0CBC-8B17-48D1-B294-1A338DD2EB3A" );
  document.write(" CODEBASE=\"http://192.168.1.107/VatDec.cab#version=1,0,0,34\">" );
  document.write("<PARAM NAME=\"ControlType\" VALUE=0>" );
  document.write(" <PARAM NAME=\"Language\" VALUE=\"EN\">" );
        document.write("<PARAM NAME=\"VSize\" VALUE=\"SIF\">" );
      document.write("<PARAM NAME=\"Url\" VALUE=\"http://192.168.1.107/cgi-bin/control.cgi\">" );
        document.write("</OBJECT>" );
      }
 
      //-->
    </script>
 <br>Yes !! ca marche...seulement avec IE
    </td></tr>
</table>
</center>
</body>    
</html>


 
Pour l'instant ca marche en local mais pas a partir d'internet.
Je pense qu'il faut forward certain port...solution en cours.
Cela marche seulement avec IE et non avec nescape.
Probleme avec les active X, je crois ???
 
Enfin ca avance tous doucement.  :pt1cable:

Message cité 1 fois
Message édité par easynet1 le 05-05-2006 à 05:07:52

---------------
TV sur PC
Reply

Marsh Posté le 12-05-2006 à 11:17:18    

Tout ceci m'interesse au plus haut point, mais moi je dois diffuser le flux vidéo de la caméra IP suivante : DLINK DCS-5300G, et dans votre script, je vois que vous bosser tous sur de l'AXIS...

 

Auriez vous une idée SVP ???

Reply

Marsh Posté le 30-05-2006 à 15:30:24    

Slt lacrobat moi je bosse sur une DLINK DCS-5300W et j'arrive à diffuser le flux vidéo mais j'ai quelques soucis , ca ne marche pas sur tous les pc (problèmes d'activeX surement) voilà mon code jpense ca pourra te servir :
<script language="JavaScript">
<!--
if ((navigator.appName == "Microsoft Internet Explorer" )&&(navigator.platform !=
"MacPPC" ))
{
document.write("<OBJECT ID=\"VACtrl\" WIDTH=362 HEIGHT=354" );
document.write(" CLASSID=CLSID:A93B47FD-9BF6-4DA8-97FC-9270B9D64A6C" );
document.write(" CODEBASE=\"http://@IP/h263ctrl.cab#version=1,7,0,23\">" );
document.write("<PARAM NAME=\"Url\" VALUE=\"http://@IP/cgi-bin/video.vam\">" );
document.write("<PARAM NAME=\"VSize\" VALUE=\"CIF\">" );
document.write("<PARAM NAME=\"RemoteIP\" VALUE=\"84544010\">" );
document.write("<PARAM NAME=\"RemotePort\" VALUE=\"5001\">" );
document.write("<PARAM NAME=\"RemoteID\" VALUE=\"14185\">" );
document.write("<PARAM NAME=\"DisplayTimeFormat\" VALUE=\"1\">" );
document.write("<PARAM NAME=\"DigitalZoomEnableChk\" VALUE=\"false\">" );
document.write("<PARAM NAME=\"Deblocking\" VALUE=\"true\">" );
// Les utilisateurs ne pourront pas utiliser le zoom
// document.write("<PARAM NAME=\"DigitalZoomEdit\" VALUE=\"true\">" );
document.write(" <PARAM NAME=\"Language\" VALUE=\"EN\">" );
document.write("<PARAM NAME=\"Stretch\" VALUE=\"1\">" );
document.write("</OBJECT>" );
}
//-->
   
</script>
 
il faut juste l'inclure dans une page en html , par contre pr les paramètres tu peux les récupérer en allant à l'adresse: http://@IP/main.html et après tu fais voir source.

Reply

Marsh Posté le 30-05-2006 à 16:52:57    

Merci à vous je cherchais justement comment faire ca mais mon post n'a pas eu de réponse (il y a quelques jours), je vais voir ca de plus près même si j'avais déjà trouvé le code en question (celui de jamesrems69 par exemple) et que cela marchait plus ou moins...
 
EDIT : Voilà c'est ok avec :
 

Citation :

<PARAM NAME='RemoteID' VALUE='user : pass@ip : port'>


 
Merci à vous ;)


Message édité par rpgmax le 30-05-2006 à 17:04:48
Reply

Marsh Posté le 03-04-2012 à 10:23:33    

dingonono a écrit :

salut a tous,  
 
Pour un projet de videosurveillance, je dois recuperer le flux video d'une camera ip (AXIS 213PTZ), afin de le reintégrer dans une page html ou php, peu importe ;)
 
Comment recuperer la video de la cam ??
Car pour l instant je visualise par l interface AXIS intégré a la cam, ms pour le projet, cette visu doit  se faire par une interface web que je suis en train de developper ...
 
Merci d avance ;)


 
 
Bonjour dingonono,  
 
As tu réussi au final? Car je fais le même projet aujourd'hui, j'ai essayer en passant par VLC mais sa grand succès, je voudrais integrer l'image de la caméra sur un site et pouvoir depuis le site enregistrer par l'appui d'un bouton ! Merci d'avance !
 


---------------
Nochepepite
Reply

Marsh Posté le 12-06-2012 à 09:33:57    

easynet1 a écrit :

yes  yes
j'avais deja fais cela
voici mon code:

Spoiler :

<html>
<head>
<title>Cam Ip by Ostral</title>
</head>
<body bgcolor="white">
<center>
 
<table>
<tr><td align="center">
    <script language="JavaScript">
      <!--
   
      if ((navigator.appName == "Microsoft Internet Explorer" )&&(navigator.platform != "MacPPC" ))
      {
  document.write("<OBJECT ID=\"VAtCtrl\" WIDTH=362 HEIGHT=318 name=\"VAtCtrl\"" );
  document.write(" CLASSID=CLSID:210D0CBC-8B17-48D1-B294-1A338DD2EB3A" );
  document.write(" CODEBASE=\"http://192.168.1.107/VatDec.cab#version=1,0,0,34\">" );
  document.write("<PARAM NAME=\"ControlType\" VALUE=0>" );
  document.write(" <PARAM NAME=\"Language\" VALUE=\"EN\">" );
        document.write("<PARAM NAME=\"VSize\" VALUE=\"SIF\">" );
      document.write("<PARAM NAME=\"Url\" VALUE=\"http://192.168.1.107/cgi-bin/control.cgi\">" );
        document.write("</OBJECT>" );
      }
 
      //-->
    </script>
 <br>Yes !! ca marche...seulement avec IE
    </td></tr>
</table>
</center>
</body>    
</html>


 
Pour l'instant ca marche en local mais pas a partir d'internet.
Je pense qu'il faut forward certain port...solution en cours.
Cela marche seulement avec IE et non avec nescape.
Probleme avec les active X, je crois ???
 
Enfin ca avance tous doucement.  :pt1cable:


 
 
 
 
 
Bonjour à toi et aux autres alors voila, je cherche exactement à obtenir ton résultat lire la vidéo de ma camera IP sur ma page web et cela en local.
 
J'ai essayé de reprendre ton code seulement je n'arrive pas à le faire fonctionner, du coup je sais pas comment modifier ou si je dois modifier les paramètres hors mis l'adresse IP.
 
Merci d'avance
 
 
 

Reply

Sujets relatifs:

Leave a Replay

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