Установка на страничке web-камеры
Поставить Web-камеру на страничку не просто, а очень просто.
А нужно для этого совсем немного: Web-камера, софт для нее, компьютер и сайт с хостингом.
1. Такой код вставить между <head> </head>: <title>Название твоей странички. </title> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <SCRIPT language="JavaScript"> <!-- var klugedWidth = 400 <!-- это размер вставляемой таблички в пикселях (ширина) //-->var klugedHeight = 350 <!-- это размер вставляемой таблички в пикселях (высота) //-->
function remote() { RemoteWin=window.open("miniweb.htm","","resizable=yes,toolbar=0,location=0,directories=0,status= 0,menubar=0,scrollbars=auto,copyhistory=0,width=" + klugedWidth + ",height=" + klugedHeight + "") RemoteWin.creator=self } var Interv = 6 <!-- это время обновления картинки (сек) //-->function startClock2() { Interv = Interv - 1 var now = new Date() var dummystr = parseInt(now.getTime() / 1000) delete now if (Interv < 0) { if (document.images) { document.refrimage.src = "название твоей картинки.jpg" + "?" + dummystr } else { window.location.reload() } Interv = 6 <!-- это время обновления картинки (сек) //--> } document.clock.time.value = Interv timrID = setTimeout("startClock2()", 1000) } //--> </SCRIPT> 2. Такой код вставить между <body> </body>
туда, где хочешь, чтоб была картинка (размеры картинки и время перезагрузки странички и композицию элементов можно менять) ссылку "смотреть в отдельном окне" можешь использовать по желанию :) там просто будет выскакивать маленькое окошко... <BODY onLoad="startClock2()"> <!-- так onLoad="startClock2()" вставляется в верхний тэг <body> //--> <center> <FORM name="clock"> <br> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td class= "стиль, если есть"> <center> <img src= "название твоей картинки.jpg" name="refrimage" width="160" height="120" border="0"> <br> <br> перезагрузка через <input type="text" name="time" size="3" value=""> секунд <br> <br> <a href="javascript:remote()">смотреть в отдельном окне </a> <!-- ссылка для выпадающего pop-up окошка (если нужно)//--> <br> <br> </center> </td> </tr> </table> </FORM> </center>
3. Код для выпадающего pop-up окошка (если нужно). Ставится на предусмотренную для этого новую страничку, созданную в этой же директории
<html> <head> <TITLE>Название твоей страницы. </TITLE> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <SCRIPT language="JavaScript"> <!-- var klugedWidth = 400 <!-- это размер вставляемой таблички в пикселях (ширина) //--> var klugedHeight = 350 <!-- это размер вставляемой таблички в пикселях (высота) //-->function remote() { RemoteWin=window.open("miniweb.htm","","resizable=yes,toolbar=0,location=0,directories=0,status= 0,menubar=0,scrollbars=auto,copyhistory=0,width=" + klugedWidth + ",height=" + klugedHeight + "") RemoteWin.creator=self } var Interv = 6 <!-- это время обновления картинки (сек) //-->function startClock2() { Interv = Interv - 1 var now = new Date() var dummystr = parseInt(now.getTime() / 1000) delete now if (Interv < 0) { if (document.images) { document.refrimage.src = "картинка.jpg" + "?" + dummystr } else { window.location.reload() } Interv = 6 <!-- это время обновления картинки (сек) //--> } document.clock.time.value = Interv timrID = setTimeout("startClock2()", 1000) } //--> </SCRIPT> </head> <BODY onLoad="startClock2()"> <!-- так onLoad="startClock2()" вставляется в верхний тэг <body> //--> <center> <FORM name="clock"> <br> <table width="350" border="0" cellspacing="0" cellpadding="0" height="350"> <tr> <td> <center> <br> <br> <img src= "название твоей картинки.jpg" name="refrimage" width="160" height="120" border="0"> <br> <br> перезагрузка через <input type="text" name="time" size="3" value=""> секунд <br> <br> <br> <br> <br> <a href="javascript:close()">закрыть окошко </a> <br> <br> <br> <br> <br> </center> </td> </tr> </table> </FORM> </center> </BODY> </html> Клюев М. (отредактировано 12.08.2006)
|