Наши партнеры



Статьи‎ > ‎Foscam‎ > ‎

Изображение с IP камеры на сайте

Иногда требуется решить такую задачу, как выведение изображения с IP камер на веб сайт.
В каких-то случаях может быть достаточным выводить скриншот с камеры один раз при открытии или обновлении сайта. Для этого можно использовать тэк IFRAME.
В примере ниже приведен отрывок кода, работающий с камерой Foscam:

<html>
  <body>
    <IFRAME width="640" height="480" src="http://188.134.6.164/snapshot.cgi?user=demo&pwd=demo">
    </IFRAME>
  </body>
</html>


Пример в действии:



Если необходимо выводить потоковое видео, то поможет java-скрипт:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Video Clip</title>

  </head>
  <body>
    <IMG width="640" height="480" border="0" name="image1">

    <SCRIPT language="JavaScript" type="text/javascript">
 
    var t = 1 // интервал обновления в секундах
    var img1 = "http://188.134.6.164/videostream.cgi?user=demo&pwd=demo"

    document.images["image1"].src = img1

    Start(img1,"image1");

    function Start(img, name) {
    tmp = new Date();
    tmp = "&"+tmp.getTime()
    document.images[name].src = img+tmp
    var delay = function() { Start(img, name); };
    setTimeout(delay, t*1000)
    }

    </SCRIPT>
  </body>
</html>