spanish | J'ai modifié le script de DPFPIC :
http://dpfpic.com/plugins/opendown [...] ne&pg=1440
Pour ajouter les fonctions manquantes, et afficher l'image quand elle est chargée.
J'ai aussi modifier la valeur de IO_ON et IO_OFF, sinon sur ma Foscam FI8918W, la fonction était inversée.
Par contre, ça ne fonctionne toujours pas sous IE malgré un test, si quelqu'un veut le modifier ... Prendre le fichier de DPFPIC et remplacer le fichier webcam.html par celui la :
Code :
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link rel="stylesheet" href="style.css" type="text/css">
- <title></title>
- </head>
- <script language="javascript" type="text/javascript">
- var Nom = navigator.appName; // recup navigateur
- var User="user" //nom de login
- var Pwd="motDePasse" //mot de passe
- var IP="adresseIP" //adresse ip ou nom de domaine
- var Port="Port" //port
- var R320_240=8;
- var R640_480=32;
- var ptz_type=0;
- var PTZ_STOP=1;
- var TILT_UP=0;
- var TILT_UP_STOP=1;
- var TILT_DOWN=2;
- var TILT_DOWN_STOP=3;
- var PAN_LEFT=6; // was 4, correct Left/Right bug
- var PAN_LEFT_STOP=7; // was 5, correct Left/Right bug
- var PAN_RIGHT=4; // was 6, correct Left/Right bug
- var PAN_RIGHT_STOP=5; // was 7, correct Left/Right bug
- var PTZ_LEFT_UP=90;
- var PTZ_RIGHT_UP=91;
- var PTZ_LEFT_DOWN=92;
- var PTZ_RIGHT_DOWN=93;
- var PTZ_CENTER=25;
- var PTZ_VPATROL=26;
- var PTZ_VPATROL_STOP=27;
- var PTZ_HPATROL=28;
- var PTZ_HPATROL_STOP=29;
- var PTZ_PELCO_D_HPATROL=20;
- var PTZ_PELCO_D_HPATROL_STOP=21;
- var IO_ON=95; // was 94, fix IR on/off bug
- var IO_OFF=94; // was 95, fix IR on/off bug
- document.write('<script src="french/string.js"><\/script>');
- if (Nom == 'Microsoft Internet Explorer') {
- document.write('<script src="http://'+IP+':'+Port+'/get_camera_params.cgi?user='+User+'&pwd='+Pwd+'"><\/script>');
- } else {
- document.write('<script src="http://'+User+':'+Pwd+'@'+IP+':'+Port+'/get_camera_params.cgi"><\/script>');
- }
- function decoder_control(command)
- {
- if (Nom == 'Microsoft Internet Explorer') {
- action_zone.location="http://"+IP+":"+Port+"/decoder_control.cgi?command="+command+"&user="+User+"&pwd="+Pwd;
- } else {
- action_zone.location="http://"+User+":"+Pwd+"@"+IP+":"+Port+"/decoder_control.cgi?command="+command;
- }
- }
- function camera_control(param,value)
- {
- if (Nom == 'Microsoft Internet Explorer') {
- action_zone.location="http://"+IP+":"+Port+"/camera_control.cgi?param="+param+"&value="+value+"&user="+User+"&pwd="+Pwd;
- } else {
- action_zone.location="http://"+User+":"+Pwd+"@"+IP+":"+Port+"/camera_control.cgi?param="+param+"&value="+value;
- }
- }
- function set_flip()
- {
- if (image_reversal.checked)
- flip|=1;
- else
- flip&=2;
- if (image_mirror.checked)
- flip|=2;
- else
- flip&=1;
- camera_control(5,flip);
- }
- function up_onmousedown()
- {
- (flip&0x01)?decoder_control(TILT_DOWN):decoder_control(TILT_UP);
- }
- function up_onmouseup()
- {
- if (!ptz_type)
- decoder_control(PTZ_STOP);
- else if (flip&0x01)
- decoder_control(TILT_DOWN_STOP);
- else
- decoder_control(TILT_UP_STOP);
- }
- function down_onmousedown()
- {
- (flip&0x01)?decoder_control(TILT_UP):decoder_control(TILT_DOWN);
- }
- function down_onmouseup()
- {
- if (!ptz_type)
- decoder_control(PTZ_STOP);
- else if (flip&0x01)
- decoder_control(TILT_UP_STOP);
- else
- decoder_control(TILT_DOWN_STOP);
- }
- function left_onmousedown()
- {
- (flip&0x02)?decoder_control(PAN_RIGHT):decoder_control(PAN_LEFT);
- }
- function left_onmouseup()
- {
- if (!ptz_type)
- decoder_control(PTZ_STOP);
- else if (flip&0x02)
- decoder_control(PAN_RIGHT_STOP);
- else
- decoder_control(PAN_LEFT_STOP);
- }
- function right_onmousedown()
- {
- (flip&0x02)?decoder_control(PAN_LEFT):decoder_control(PAN_RIGHT);
- }
- function right_onmouseup()
- {
- if (!ptz_type)
- decoder_control(PTZ_STOP);
- else if (flip&0x02)
- decoder_control(PAN_LEFT_STOP);
- else
- decoder_control(PAN_RIGHT_STOP);
- }
- function leftup_onmousedown()
- {
- if (ptz_type)
- return;
- if ((flip&0x03)==0x03)
- decoder_control(PTZ_RIGHT_DOWN);
- else if (flip&0x02)
- decoder_control(PTZ_RIGHT_UP);
- else if (flip&0x01)
- decoder_control(PTZ_LEFT_DOWN);
- else
- decoder_control(PTZ_LEFT_UP);
- }
- function leftup_onmouseup()
- {
- if (!ptz_type) decoder_control(PTZ_STOP);
- }
- function rightup_onmousedown()
- {
- if (ptz_type)
- return;
- if ((flip&0x03)==0x03)
- decoder_control(PTZ_LEFT_DOWN);
- else if (flip&0x02)
- decoder_control(PTZ_LEFT_UP);
- else if (flip&0x01)
- decoder_control(PTZ_RIGHT_DOWN);
- else
- decoder_control(PTZ_RIGHT_UP);
- }
- function rightup_onmouseup()
- {
- if (!ptz_type) decoder_control(PTZ_STOP);
- }
- function leftdown_onmousedown()
- {
- if (ptz_type)
- return;
- if ((flip&0x03)==0x03)
- decoder_control(PTZ_RIGHT_UP);
- else if (flip&0x02)
- decoder_control(PTZ_RIGHT_DOWN);
- else if (flip&0x01)
- decoder_control(PTZ_LEFT_UP);
- else
- decoder_control(PTZ_LEFT_DOWN);
- }
- function leftdown_onmouseup()
- {
- if (!ptz_type) decoder_control(PTZ_STOP);
- }
- function rightdown_onmousedown()
- {
- if (ptz_type)
- return;
- if ((flip&0x03)==0x03)
- decoder_control(PTZ_LEFT_UP);
- else if (flip&0x02)
- decoder_control(PTZ_LEFT_DOWN);
- else if (flip&0x01)
- decoder_control(PTZ_RIGHT_UP);
- else
- decoder_control(PTZ_RIGHT_DOWN);
- }
- function rightdown_onmouseup()
- {
- if (!ptz_type) decoder_control(PTZ_STOP);
- }
- function center_onclick()
- {
- if (!ptz_type) decoder_control(PTZ_CENTER);
- }
- function vpatrol_onclick()
- {
- if (!ptz_type) decoder_control(PTZ_VPATROL);
- }
- function vpatrolstop_onclick()
- {
- if (!ptz_type) decoder_control(PTZ_VPATROL_STOP);
- }
- function hpatrol_onclick()
- {
- ptz_type?decoder_control(PTZ_PELCO_D_HPATROL):decoder_control(PTZ_HPATROL);
- }
- function hpatrolstop_onclick()
- {
- ptz_type?decoder_control(PTZ_PELCO_D_HPATROL_STOP):decoder_control(PTZ_HPATROL_STOP);
- }
- function set_resolution()
- {
- camera_control(0,resolution_sel.value);
- setTimeout('parent.parent.main.location.reload()',2000);
- }
- function plus_brightness()
- {
- val=brightness_input.value;
- if (val++<15)
- {
- brightness_input.value=val;
- camera_control(1,val*16);
- }
- }
- function minus_brightness()
- {
- val=brightness_input.value;
- if (val-->0)
- {
- brightness_input.value=val;
- camera_control(1,val*16);
- }
- }
- function plus_contrast()
- {
- val=contrast_input.value;
- if (val++<6)
- {
- contrast_input.value=val;
- camera_control(2,val);
- }
- }
- function minus_contrast()
- {
- val=contrast_input.value;
- if (val-->0)
- {
- contrast_input.value=val;
- camera_control(2,val);
- }
- }
- function body_onload()
- {
- gocenter.title=top.str_center;
- vpatrol.title=top.str_vertical_patrol;
- vpatrolstop.title=top.str_stop_vertical_patrol;
- hpatrol.title=top.str_horizon_patrol;
- hpatrolstop.title=top.str_stop_horizon_patrol;
- switchon.title=top.str_switchon;
- switchoff.title=top.str_switchoff;
- resolution_sel.value=resolution;
- mode_sel.value=mode;
- brightness_input.value=Math.round(brightness / 16);
- contrast_input.value=contrast;
- image_reversal.checked=(flip&0x01)?true:false;
- image_mirror.checked=(flip&0x02)?true:false;
- }
- Cam_log="http://" + IP + ":" + Port + "/snapshot.jpg?user=" + User + "&pwd=" + Pwd + "&";I=0;tmp=new Image();tmp.src=Cam_log;
- Cam="camimage";window.status="Optimisation du debit en cours..."
- Test=setInterval("if (tmp.complete){document.images[Cam].src=tmp.src;tmp=new Image;tmp.src=Cam_log+I++};",1);
- setTimeout("T=10000/I;window.status='Optimise pour '+I/10+' images par secondes';clearInterval(Test);setInterval('if (tmp.complete){document.images[Cam].src=tmp.src;tmp=new Image;tmp.src=Cam_log+I++}',T);",10000)
- </script>
- <body onLoad="body_onload()">
- <iframe name="action_zone" style="display:none"></iframe>
- <div style="text-align: center;">Foscam en Direct</div>
- <div align="center">
- <table class="h2 f12b" bgcolor="#D8D8D8" cellpadding="10" cellspacing="10">
- <tr><td>
- <div align="center">
- <table border="0" cellpadding="0" cellspacing="0" width="320" height="240"><tr><td bgcolor="black" align="center" valign="middle"><img border="3" name="camimage" alt=" " src=""></td></tr></table>
- </div>
- </td>
- <td>
- <div align="center">
- <table width="324" class="h2 f12b" bgcolor="#D8D8D8">
- <tr height="10"><td> </td></tr>
- <tr><td colspan="2"><table width="160" align="center"><tr>
- <td>
- <div><img src="images/ptz1.gif"><img src="images/up_up.gif" onMouseDown="up_onmousedown()" onMouseUp="up_onmouseup()"><img src="images/ptz2.gif"></div>
- <div><img src="images/leftup_up.gif" onMouseDown="leftup_onmousedown()" onMouseUp= "leftup_onmouseup()"><img src="images/ptz3.gif"><img src="images/rightup_up.gif" onMouseDown= "rightup_onmousedown()" onMouseUp="rightup_onmouseup()"></div>
- <div><img src="images/left_up.gif" onMouseDown="left_onmousedown()" onMouseUp="left_onmouseup()"><img id="gocenter" src="images/center_up.gif" onClick="center_onclick()"><img src="images/right_up.gif" onMouseDown="right_onmousedown()" onMouseUp="right_onmouseup()"></div>
- <div><img src="images/leftdown_up.gif" onMouseDown="leftdown_onmousedown()" onMouseUp="leftdown_onmouseup()"><img src="images/down_up.gif" onClick="down_onmousedown()"><img src="images/rightdown_up.gif" onMouseDown="rightdown_onmousedown()" onMouseUp="rightdown_onmouseup()"></div>
- </td>
- <td>
- <div><img id="vpatrol" src="images/vpatrol_up.gif" onClick="vpatrol_onclick()"> <img id="vpatrolstop" src="images/stop_up.gif" onClick="vpatrolstop_onclick()"></div>
- <div><img id="hpatrol" src="images/hpatrol_up.gif" onClick="hpatrol_onclick()"> <img id="hpatrolstop" src="images/stop_up.gif" onClick="hpatrolstop_onclick()"></div>
- <div><img id="switchon" src="images/switchon_up.gif" onClick="decoder_control(IO_ON)"> <img id="switchoff" src="images/switchoff_up.gif" onClick="decoder_control(IO_OFF)"></div>
- </td>
- </tr></table></td></tr>
- <tr height="10"><td> </td></tr>
- <tr height="20"><td colspan="2"><input id="image_reversal" type="checkbox" onClick="set_flip()"><script>document.write(top.str_reversal);</script> <input id="image_mirror" type="checkbox" onClick="set_flip()"><script>document.write(top.str_mirror);</script></td></tr>
- <tr height="10"><td> </td></tr>
- <tr height="20"><td width="65" class="h1"> <script>document.write(top.str_resolution);</script></td><td><SELECT id="resolution_sel" class="s4" onChange="set_resolution()"><OPTION value="8">320*240</OPTION><OPTION value="32" >640*480</OPTION></SELECT></td></tr>
- <tr height="20"><td class="h1"> <script>document.write(top.str_mode);</script></td><td><SELECT class="s4" id="mode_sel" onChange="camera_control(3,value)"><OPTION value="0">50 HZ</OPTION><OPTION value="1">60 HZ</OPTION><OPTION value="2"><script>document.write(top.str_outdoor);</script></OPTION></SELECT></td></tr>
- <tr height="20"><td class="h1"> <script>document.write(top.str_brightness);</script></td><td><table class="h2"><tr><td><img src="images/plus_up.gif" onClick="plus_brightness()"></td><td><input id="brightness_input" readonly maxLength="2" class="s3" size="2"></td><td><img src="images/minus_up.gif" onClick="minus_brightness()"></td></tr></table></td></tr>
- <tr height="20"><td class="h1"> <script>document.write(top.str_contrast);</script></td><td><table class="h2"><tr><td><img src="images/plus_up.gif" onClick="plus_contrast()"></td><td><input id="contrast_input" readonly maxLength="1" class="s3" size="2"></td><td><img src="images/minus_up.gif" onClick="minus_contrast()"></td></tr></table></td></tr>
- <tr height="10"><td> </td></tr>
- </table>
- </td></tr></table></div>
- </body>
- </html>
|
Message édité par spanish le 06-12-2011 à 21:04:49
|