home   Chronicle   о проекте   Статьи о дизайне   Портфолио   Автор   Форум "Мир Дизайна"   e-books   обучение   реклама   карта   поиск
колористика  композиция  советы дизайнеру  эргономика  теория дизайна  история дизайна  словари терминов  галереи дизайна  экодизайн  логотип  библиотека дизайнера



О Дизайне/ Cоветы дизайнеру/ Как установить на страничке web-камеру...


















Как установить на страничке 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)

 Смотри также:
Немного трепа про web-камеру


  

                         



     комментировать статью на форуме сайта     
вернуться      наверх     
home   Chronicle   о проекте   Статьи о дизайне   Портфолио   Автор   Форум "Мир Дизайна"   e-books   обучение   реклама   карта   поиск   wap   друзья
колористика  композиция  советы дизайнеру  эргономика  теория дизайна  история дизайна  словари терминов  галереи дизайна  экодизайн  логотип  библиотека дизайнера   Живи красиво!

Проект стартовал в 1999 году.  ©  RosDesign.Com.  Предуведомление: использование авторских материалов сайта может вызвать судебные преследования.