Мы — долго запрягаем, быстро ездим, и сильно тормозим.
www.lissyara.su —> статьи —> FreeBSD —> Мелочи —> Видеонаблюдение

Бюджетный вариант видеонаблюдения на удаленном объекте

Автор: BAV_Lug.


   У компании, где я сейчас работаю, несколько объектов по стране. Естественно не хватает контроля со стороны руководства за персоналом этих объектов. Было принято решение о установке видеонаблюдения, с несколькими условиями:
  - бюджет минимальный
  - возможность удаленного просмотра в режиме on-line
  - возможность просмотра архива, за определенный период

  Обычные системы видеонаблюдения по выше перечисленным условиям мне не подошли (в основном из-за первого пункта). Выбор пал на WEB камеры  Dlink DCS-900. Это камеры имеющие Ethernet-интерфейс. В целом камеры неплохие, за свои деньги, но у них есть большой недостаток - отсутствие вменяемого ПО. Одну такую камеру я взял на тесты почти год назад, но столкнувшись, с отсутствием нормального ПО, отложил ее до лучших времен.

  И вот это время настало - руководство сказало: "Срочно ставь!"
  Поехал поставил камеры и начал думать, что же дальше с ними делать.

  1. Просмотр on-line
  Из-за того, что на объектах ширина канала обычно не более 512k, то on-line видео явно не посмотришь. Решил сделать WEB-страничку на которой просто менялась бы картинка с камеры (например 1 раз 5 секунд), в принципе для того, чтобы понять что происходит на объекте этого достаточно. Камеры умеют отдавать картинку по http и ftp (могут скидывать картинку через определенный интервал на ftp сервер). Выбор пал на http с авторизацией по логину/паролю, благо камера это позволяет.
  Сразу оговорюсь, что все приведенные ниже листинги, я уверен, можно было написать намного красивее. Но я не программист, а всего лишь админ (к тому же c JS я столкнулся впервые). А потому прошу сильно не пинать.

  На сервере объекта был развернут apache+php. И написан следующий код (все было написано под две камеры, но легко расширяется на большее количество)

cam1.php cam2.php 
<?php
$login = 'xxxxx';
$passw = 'xxxxx';

$authBasic = 'Authorization: Basic '. base64_encode($login .':'. $passw);

$opts = array
(
   'http' => array
      (
        'method' => 'GET',
	'header' => $authBasic ."\r\n"
      )
);
   
$context = stream_context_create($opts);
		       
$file = file_get_contents('http://адрес камеры/image.jpg', false, $context);    
header('Content-type: image/jpeg', true);
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Last-Modified: ' . gmdate("D, d M Y H:i:s") . " GMT");
header('Cache-Control: no-cache, must-revalidate');
header('Pragma: no-cache');
echo $file;

?>

index.html
<html>
 <head>

  <script type="text/javascript">
  var timei = 30000;
  var timeint;
  var camname = "cam1.php?";
  var count = 1;
  
  function checktime(timeimg)
     {
      if (timeimg==0)
        { 
	 clearInterval(timeint);
	}
      else
        { 
         timei = timeimg;
    	 clearInterval(timeint);
    	 init();
	 
        }
     }

  function checkcam(camera)
     {
      camname = camera;
      reloadImage();
     }

  function reloadImage()
     {
      img5 = document.getElementById("webimg");
      img5.src = camname + count;
      count = count + 1;
     }  

  function init() 
     { 
      timeint = setInterval("reloadImage()",timei); 
     } 
     
  </script>
 </head>
 <body>
  <table>
    <th COLSPAN=2>
    </th>
    <tr>
	<td> 
	    Камера <br />
	    <form>
		<input type="radio" name="camera" onclick="checkcam(this.value)"
                 value="cam1.php?" CHECKED>1<br />
		<input type="radio" name="camera" onclick="checkcam(this.value)"
                 value="cam2.php?">2
	    </form>
	</td>
	<td ROWSPAN=3>
	    <img src="cam1.php?0" id="webimg" />
	</td>
    </tr>
    <tr>
	<td>
	    Интервал обновления
	    <form>
	        <input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="0" CHECKED> Без обновления<br />
	        <input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="3000">3 сек<br />
		<input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="5000">5 сек<br />
		<input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="10000">10 сек<br />
 		<input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="20000">20 сек<br />
		<input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="30000">30 сек<br />
		<input type="radio" name="timeimg" onclick="checktime(this.value)"
                  value="60000">1 мин<br />
	    </form>
	</td>
    </tr>
    <tr>
       <td>
       </td>
    </tr>
  </table>    
 </body>
</html>

  Вот так это выглядит



  2. Ведение архива
  Для создания архива я воспользовался возможностью камер передавать снимки по ftp. Настроил их так, чтобы они каждые 15 секунд сбрасывали снимок на локальный ftp сервер объекта. Затем ночью (во время минимальной загрузки канала эти снимки забираются на сервер головного офиса).

  Снимки передаются с камер с названием, например 2009041510131001.jpg, где первые 4 символа - год, 2 символа - месяц, 2 символа - день, 2 символа - час, 2 символа - минуты, 2 символа - секунды и еще 2 - это номер кадра в текущую секунду.

  Так как кадров за день получается очень много, то для ускорения последующей работы, используется следующий скрипт для раскладывания их по папкам - дням (спасибо zg за подсказку как более правильно написать этот скрипт).

#!/bin/sh

SDIR="/home/web/usr/home/arhivwebcam/cam"
DDIR="/home/web/usr/home/arhivwebcam/sort/cam"
for i in 1 2
do
  ls -1 "$SDIR$i" | awk '{print substr($1,1,4), substr($1,5,2), substr($1,7,2), $1}' \
    | while read YEAR MONTH DAY FILE
  do
    DIR=$DDIR$i/$YEAR/$MONTH/$DAY
    [ -d "$DIR" ] || mkdir -p "$DIR"
    mv $SDIR$i/$FILE $DIR/$FILE
  done
done

Где SDIR это папки в которые изначально складываются снимки полученные с фтп сервера объекта.

Ну и написан следующий код для просмотра этого архива.

<?php
 $date_t = getdate();
 $month_name = array(1 => "Январь", "Февраль", "Март",
                     "Апрель", "Май", "Июнь", "Июль",
                     "Август", "Сентябрь", "Октябрь",
                     "Ноябрь", "Декабрь");
 $time_name = array(7 => "07:00-08:00", "08:00-09:00", "09:00-10:00",
                         "10:00-11:00", "11:00-12:00", "12:00-13:00",
                         "13:00-14:00", "14:00-15:00", "15:00-16:00",
                         "16:00-17:00", "17:00-18:00", "18:00-19:00",
                         "19:00-20:00", "20:00-21:00", "21:00-22:00");
 $cam_dir = array(1 => "sort/cam1", "sort/cam2");

 $year = $_GET[year];
 if ($year != "")
  {
   $month = sprintf("%02d", $_GET[month]);
   $day = sprintf("%02d", $_GET[day]);
   $time = sprintf("%02d", $_GET[time]);
   $cam = $_GET[cam];
   $dirt = $cam_dir[$cam]."/".$year."/".$month."/".$day."/";
   $printerror = "";
   if (! @chdir($dirt))
    {
     $printerror = "&nbsp;&nbsp;&nbsp;Not archive for this time";
    };

   $listjpg = glob($year.$month.$day.$time."*.jpg");
  }

?>

<html>
 <head>
  <script type="text/javascript">
  imgslide=new Array();
  var count = -1;
  var timeint;
  <?php
   $count_img = count($listjpg);
   echo "var img_max = $count_img;";
   if ($count_img > 0)
    {
     for ($i = 0; $i < $count_img; $i++)
      {
       echo "imgslide[$i]=new Image()"."\n";
       echo "imgslide[$i].src=\"$dirt$listjpg[$i]\""."\n";      
      }
    }
  ?>
  
  function viewImage()
     {

      img5 = document.getElementById("webimg");
      img5.src = imgslide[count].src;
      time_o = document.getElementById("time_cadr");
      time_out = imgslide[count].src;
      l = time_out.length;
      h = time_out.substring((l-12),(l-10));
      m = time_out.substring((l-10),(l-8));
      s = time_out.substring((l-8),(l-6));
      time_o.innerHTML = h + ":" + m + ":" + s;
     }
  
  function reloadImage()
     {
      if (count != img_max)
       {
        count = count + 1;
        viewImage()
        if (count == (img_max-1))
         {
          clearInterval(timeint);
         }
       }
     }  

  function init() 
     { 
      if (img_max > 0)
       {
        timeint = setInterval("reloadImage()",750); 
       }
     } 
  
  function pause()
     {
      clearInterval(timeint);
     }
  
  function play()
     {
      if (img_max > 0)
       {
        if (count >= (img_max-1))
         {
          count = 0;
         } 
	pause();
        init();
       }
     }

  function play_max()
     {
      if (img_max > 0)
       {
        if (count >= (img_max-1))
         {
          count = 0;
         } 
	pause();
        timeint = setInterval("reloadImage()",400); 
       }
     }


  function cadr_down()
     {
      if (img_max > 0)
       {
      	pause();
      	if (count == 0)
         {
          count = img_max;
       	 }
        count = count - 1;
        viewImage();
       }
     }

  function cadr_up()
     {
      if (img_max > 0)
       {
        pause();
        if (count >= (img_max-1))
         {
          count = 0;
         }
        count = count + 1;
        viewImage();
       }
     }

  </script>
 </head>
 <body onload="init()"> 

 <table>
 <tr>
 <td>
   
   <form>
       <select name="day">
       <?php

         for ($i = 1; $i <= 31; $i++)
          {
           echo "<option value=\"$i\" ";
           if (($i == $day) || (($day == "") && ($i == $date_t[mday])))
            {
             echo "selected";
            }
           echo ">$i</option>"."\n";
          }
       ?>
       </select>

       <select name="month">
       <?php
         for ($i = 1; $i <= 12; $i++)
          {
           echo "<option value=\"$i\" ";
           if (($i == $month) || (($month == "") && ($i == $date_t[mon])))
            {
             echo "selected";
            }
           echo ">$month_name[$i]</option>"."\n";
          }
       ?>
       </select>
       
       <select name="year">
       <?php
         for ($i = 2009; $i <= 2015; $i++)
          {
           echo "<option value=\"$i\" ";
           if (($i == $year) || (($month == "") && ($i == $date_t[year])))
            {
             echo "selected";
            }
           echo ">$i</option>"."\n";
          }
       ?>
       </select>
              
       Время
       <select name="time">
       <?php
         for ($i = 7; $i <= 21; $i++)
          {
           echo "<option value=\"$i\" ";
           if (($i == $time) || (($time == "") && ($i == $date_t[hours])))
            {
             echo "selected";
            }
           echo ">$time_name[$i]</option>"."\n";
          }
       ?>
       </select>

       Камера 
       <select name="cam">
       <?php
         for ($i = 1; $i <= 2; $i++)
          {
           echo "<option value=\"$i\" ";
           if ($i == $cam) 
            {
             echo "selected";
            }
           echo ">$i</option>"."\n";
          }
       ?>
       </select>
       &nbsp;&nbsp;       
       <input type="submit" value="Просмотр">
   <?php
     echo $printerror;
   ?>


   </form>
   </td>
   </tr>
   <tr>
   <td>
     <img src="black.jpg" id="webimg" />
   </td>
   </tr>
   <tr>
   <td>
    <button onclick="play()">&nbsp;>&nbsp;</button>&nbsp;
    <button onclick="play_max()">->></button> &nbsp;
    <button onclick="pause()">&nbsp;||&nbsp;</button> &nbsp;
    <button onclick="cadr_down()"><-</button>&nbsp;
    <button onclick="cadr_up()">-></button> &nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;

    <span id="time_cadr"></span>

   </td>
   </tr>
 </table>
 </body>
</html>

  Вот, что получилось




размещено: 2009-07-29,
последнее обновление: 2009-07-29,
автор: BAV_Lug


Комментарии пользователей [17 шт.]

Garick, 2009-04-25 в 11:43:25

Для домашних нужд тоже вполне себе решеньеце

Alex-pt, 2009-05-01 в 12:50:51

Отлично. То что надо. Настроил 4 камеры D-link DCS-910 – все работает как часы.  

sun, 2009-05-17 в 7:42:21

Аналогична сделал, только использовал обычную веб камеру pc-cam 300, трудность была с софтом под нее ))) Но все работает, спс за статью.

Alex-pt, 2009-07-29 в 12:55:04

Функция перемотки на последний кадр в периоде реализована не правильно, мой инженер переписал ее

function play_max()
    {
     if (img_max > 0)
      {
       pause();
       count = img_max-1;
       viewImage();
      }
    }

BoOgie, 2009-07-29 в 15:11:28

А ZoneMinder не?

zingel, 2009-07-29 в 15:58:30

в firefox не работает пример мать его так =(

RoST, 2009-07-29 в 17:02:42

Какой пример? у меня все работает :-) в firefox

Andy2k, 2009-07-30 в 10:14:35

Для двух камер есть отличное бесплатное решение здесь http://linuxdvr.ru/rus/index.html. Умеет очень много, разворачивается и настраивается за 5 минут. Интерфейс настолько прост и дружелюбен, что даже \"толстопалые\" директора разбираются в нем за 5 минут без посторонней помощи.

goshanecr, 2009-07-31 в 22:55:41

А чтобы ночью на главный сервак передавать, не проще из картинки через mencoder предварительно в видео перегнать? И смотреть удобней и займёт места значительно меньше...

RusBiT, 2009-08-11 в 16:33:41

А из usb камер что посоветуете для видеонаблюдения, дабы проблем с драйверами не возникали?

luckyredhot, 2009-08-14 в 13:00:20

Варианты со звуком и нормальным видеопотоком есть?

Михман, 2010-04-20 в 14:34:49

В настоящее время и покруче можно сделать - WowzaMediaServer(подойдет и бесплатная версия на 10 посетителей одновременно). И звук и видео будет.

Cancer, 2010-05-25 в 16:14:01

На DCS-950 уже это не работает

Dimkin, 2010-11-08 в 20:48:23

Не плохо было бы описать еще и настройку apache. :)

Алексей, 2012-01-26 в 16:20:15

Бесплатную систему видеонаблюдения можно сделать из старого мобильного телефона, установив на него java приложение WebGlazok. Подробнее на WebGlazok.com

Товарищи, 2012-10-15 в 15:20:33

Товарищи! Это поля для ввода комментариев к статье, а не для вопросов. Сюда пишите найденные багаж, или какие-то фифи :)
Для вопросов есть форум!

Рауль Шахрин, 2015-04-18 в 18:42:18

Кто-то тут наркоман похоже.
 

  Этот информационный блок появился по той простой причине, что многие считают нормальным, брать чужую информацию не уведомляя автора (что не так страшно), и не оставляя линк на оригинал и автора — что более существенно. Я не против распространения информации — только за. Только условие простое — извольте подписывать автора, и оставлять линк на оригинальную страницу в виде прямой, активной, нескриптовой, незакрытой от индексирования, и не запрещенной для следования роботов ссылки.
  Если соизволите поставить автора в известность — то вообще почёт вам и уважение.

© lissyara 2006-10-24 08:47 MSK

Время генерации страницы 0.0702 секунд
Из них PHP: 56%; SQL: 44%; Число SQL-запросов: 79 шт.
Исходный размер: 51539; Сжатая: 10936