webcam.mirkate.ru Open in urlscan Pro
194.152.34.215  Public Scan

URL: https://webcam.mirkate.ru/
Submission: On July 27 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

<form autocomplete="new-password">
  <!-- Preferences -->
  <div class="settings-section-title" id="preferencesDiv">
    <span class="help-mark" title="пользовательские настройки">?</span>
    <a class="settings-section-title">предпочтения</a>
    <span class="minimize open"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" min="1" max="4" snap="1" ticksnum="4" decimals="0" id="layoutColumnsRow">
        <td class="settings-item-label"><span class="settings-item-label">Колонки макета</span></td>
        <td class="settings-item-value"><input type="text" class="range styled prefs" id="layoutColumnsSlider">
          <div class="slider range styled prefs" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">1</span><span class="slider-label" style="left: 23.3333%;">2</span><span class="slider-label" style="left: 56.6667%;">3</span><span class="slider-label"
                style="left: 90%;">4</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">1</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="устанавливает количество столбцов, используемых для размещения камер">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Установить рамки по вертикали</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled prefs" id="fitFramesVerticallySwitch">
          <div class="check-box styled prefs" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="определяет, можно ли уменьшить время кадра, чтобы оно соответствовало размеру окна по вертикали или нет">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="4" snap="1" ticksnum="4" decimals="0" id="layoutRows" depends="fitFramesVertically">
        <td class="settings-item-label"><span class="settings-item-label">Линии разметки</span></td>
        <td class="settings-item-value"><input type="text" class="range styled prefs" id="layoutRowsSlider">
          <div class="slider range styled prefs" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">1</span><span class="slider-label" style="left: 23.3333%;">2</span><span class="slider-label" style="left: 56.6667%;">3</span><span class="slider-label"
                style="left: 90%;">4</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">1</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="устанавливает количество строк, используемых для размещения камер">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="100" snap="2" ticksnum="6" decimals="0">
        <td class="settings-item-label"><span class="settings-item-label">рамный вариатор</span></td>
        <td class="settings-item-value"><input type="text" class="range styled prefs" id="framerateDimmerSlider">
          <div class="slider range styled prefs" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0</span><span class="slider-label" style="left: 10%;">20</span><span class="slider-label" style="left: 30%;">40</span><span class="slider-label"
                style="left: 50%;">60</span><span class="slider-label" style="left: 70%;">80</span><span class="slider-label" style="left: 90%;">100</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="уменьшает частоту кадров для экономии пропускной способности сети и трафика (не работает с простыми камерами MJPEG)">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="100" snap="2" ticks="1|20|40|60|80|100" decimals="0">
        <td class="settings-item-label"><span class="settings-item-label">Вариатор разрешения</span></td>
        <td class="settings-item-value"><input type="text" class="range styled prefs" id="resolutionDimmerSlider">
          <div class="slider range styled prefs" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">1</span><span class="slider-label" style="left: 9.19192%;">20</span><span class="slider-label" style="left: 29.3939%;">40</span><span class="slider-label"
                style="left: 49.596%;">60</span><span class="slider-label" style="left: 69.798%;">80</span><span class="slider-label" style="left: 90%;">100</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">1</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="уменьшает эффективное разрешение всех камер для экономии пропускной способности сети и трафика (не работает на простых камерах MJPEG)">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- General Settings -->
  <div class="settings-section-title" id="generalSectionDiv">
    <span class="help-mark" title="общие параметры, общие для всех камер">?</span>
    <a class="settings-section-title">Общие настройки</a>
    <span class="minimize open"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Язык</span></td>
        <td class="settings-item-value"><select class="styled general main-config" id="langSelect">
            <option value="ar">العربية</option>
            <option value="bn">বাংলা</option>
            <option value="de">Deutsch</option>
            <option value="en">English</option>
            <option value="eo">esperanto</option>
            <option value="es">español</option>
            <option value="fr">français</option>
            <option value="hi">हिन्दी</option>
            <option value="it">italiano</option>
            <option value="ja">日本語</option>
            <option value="ms">Melayu</option>
            <option value="nb_NO">norsk bokmål (Norge)</option>
            <option value="pa">ਪੰਜਾਬੀ</option>
            <option value="pt">português</option>
            <option value="ru">русский</option>
            <option value="zh">中文</option>
          </select></td>
        <td><span class="help-mark" title="Язык интерфейса (две буквы)">?</span></td>
      </tr>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">администратор</span></td>
        <td class="settings-item-value"><input type="text" autocapitalize="none" class="styled general main-config validator text-validator" id="adminUsernameEntry" readonly="readonly" title=""></td>
        <td><span class="help-mark" title="имя пользователя, использованное для настройки системы">?</span></td>
      </tr>
      <tr class="settings-item" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">пароль</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled general main-config validator custom-validator" id="adminPasswordEntry" title=""></td>
        <td><span class="help-mark" title="пароль администратора">?</span></td>
      </tr>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">наблюдатель</span></td>
        <td class="settings-item-value"><input type="text" autocapitalize="none" class="styled general main-config validator text-validator" id="normalUsernameEntry" title=""></td>
        <td><span class="help-mark" title="имя пользователя для мониторинга">?</span></td>
      </tr>
      <tr class="settings-item" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">пароль</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled general main-config validator custom-validator" id="normalPasswordEntry" title=""></td>
        <td><span class="help-mark" title="пароль пользователя мониторинга (оставьте пустым для мониторинга без пароля)">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">версия motionEye</span></td>
        <td class="settings-item-value"><span class="settings-item-label">22.4.1</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Версия Motion</span></td>
        <td class="settings-item-value"><span class="settings-item-label">4.3.2</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Версия операционной системы</span></td>
        <td class="settings-item-value"><span class="settings-item-label">Ubuntu 22.04</span></td>
      </tr>
      <tr class="settings-item hidden">
        <td class="settings-item-label"><span class="settings-item-label">питание</span></td>
        <td class="settings-item-value">
          <div class="button normal-button shut-down-button" id="shutDownButton">близко</div>
        </td>
        <td><span class="help-mark" title="выключает систему">?</span></td>
      </tr>
      <tr class="settings-item hidden">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button reboot-button" id="rebootButton">перезапуск</div>
        </td>
        <td><span class="help-mark" title="перезагрузите систему">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">конфигурация</span></td>
        <td class="settings-item-value">
          <div class="button normal-button backup-button" id="backupButton">резервная копия</div>
        </td>
        <td><span class="help-mark" title="создает файл с текущей конфигурацией, чтобы вы могли сохранить его локально">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button restore-button" id="restoreButton">восстановление</div>
        </td>
        <td><span class="help-mark" title="восстанавливает конфигурацию из ранее сохраненного файла резервной копии">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Additional Main Sections -->
  <!-- Video Device -->
  <div class="settings-section-title" id="deviceSectionDiv">
    <input type="checkbox" class="styled section device camera-config" id="videoDeviceEnabledSwitch">
    <div class="check-box styled section device camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="активируйте это, если вы хотите использовать эту камеру">?</span>
    <a class="settings-section-title">Видеоустройство</a>
    <span class="minimize open"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Имя камеры</span></td>
        <td class="settings-item-value"><input type="text" class="styled device camera-config validator text-validator custom-validator" id="deviceNameEntry" placeholder="имя камеры…" title=""></td>
        <td><span class="help-mark" title="псевдоним на этом устройстве камеры">?</span></td>
      </tr>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Идентификатор камеры</span></td>
        <td class="settings-item-value"><input type="text" class="styled device camera-config validator text-validator" id="deviceIdEntry" readonly="readonly" title=""></td>
        <td><span class="help-mark" title="идентификационный номер камеры">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Устройство камеры</span></td>
        <td class="settings-item-value"><input type="text" class="styled device camera-config" id="deviceUrlEntry" readonly="readonly"></td>
        <td><span class="help-mark" title="Устройство ввода (например: / dev / video) или URL (например: rtsp: //192.168.1.1/stream)">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Тип камеры</span></td>
        <td class="settings-item-value"><input type="text" class="styled device camera-config" id="deviceTypeEntry" readonly="readonly"></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Автоматическая Яркость</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled device camera-config" id="autoBrightnessSwitch">
          <div class="check-box styled device camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включение программного обеспечения автоматического бликования (рекомендуется только для камер без автоматического бликования)">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Разрешение видео</span></td>
        <td class="settings-item-value">
          <select class="video-resolution styled device camera-config" id="resolutionSelect">
          </select>
        </td>
        <td><span class="help-mark" title="разрешение видео (более высокие значения дают лучшее качество, но требуют большей мощности процессора, большей памяти и пропускной способности)">?</span></td>
      </tr>
      <tr class="settings-item" min="96" max="4096" required="true" depends="resolution=custom">
        <td class="settings-item-label"><span class="settings-item-label">ширина</span></td>
        <td class="settings-item-value"><input type="text" class="styled number device camera-config validator text-validator number-validator custom-validator" id="customWidthEntry" title=""></td>
        <td><span class="help-mark" title="введите ширину произвольного разрешения">?</span></td>
      </tr>
      <tr class="settings-item" min="96" max="4096" required="true" depends="resolution=custom">
        <td class="settings-item-label"><span class="settings-item-label">высота</span></td>
        <td class="settings-item-value"><input type="text" class="styled number device camera-config validator text-validator number-validator custom-validator" id="customHeightEntry" title=""></td>
        <td><span class="help-mark" title="введите высоту разрешения">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Поворот видео</span></td>
        <td class="settings-item-value">
          <select class="rotation styled device camera-config" id="rotationSelect">
            <option value="0">0°</option>
            <option value="90">90°</option>
            <option value="180">180°</option>
            <option value="270">270°</option>
          </select>
        </td>
        <td><span class="help-mark" title="используйте это, чтобы повернуть захваченное изображение, если ваша камера расположена неправильно">?</span></td>
      </tr>
      <tr class="settings-item" min="2" max="30" snap="0" ticks="2|5|10|15|20|25|30" decimals="0">
        <td class="settings-item-label"><span class="settings-item-label">Частота кадров</span></td>
        <td class="settings-item-value"><input type="text" class="range styled device camera-config" id="framerateSlider">
          <div class="slider range styled device camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">2</span><span class="slider-label" style="left: 0.714286%;">5</span><span class="slider-label" style="left: 18.5714%;">10</span><span class="slider-label"
                style="left: 36.4286%;">15</span><span class="slider-label" style="left: 54.2857%;">20</span><span class="slider-label" style="left: 72.1429%;">25</span><span class="slider-label" style="left: 90%;">30</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">2</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark"
            title="Устанавливает количество кадров, снимаемых камерой в секунду (более высокие значения обеспечивают более плавное видео, но требуют большей мощности процессора, большей емкости и пропускной способности)">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Маска конфиденциальности</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled device camera-config" id="privacyMaskSwitch">
          <div class="check-box styled device camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="позволяет маскировать изображения, чтобы избежать записи определенных областей изображения для защиты конфиденциальности">?</span></td>
      </tr>
      <tr class="settings-item" depends="privacyMask">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button edit-mask-button" id="privacyMaskEditButton">Изменить маску</div>
          <div class="button normal-button save-mask-button" id="privacyMaskSaveButton">Держать маску</div>
          <input type="text" class="device camera-config" id="privacyMaskLinesEntry">
        </td>
        <td><span class="help-mark" title="нажмите эту кнопку, чтобы включить / отключить редактор масок">?</span></td>
      </tr>
      <tr class="settings-item" depends="privacyMask">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button clear-mask-button" id="privacyMaskClearButton">Clear Mask</div>
        </td>
        <td><span class="help-mark" title="click this button to clear the current mask">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Дополнительные параметры</span></td>
        <td class="settings-item-value"><textarea class="styled device camera-config" id="extraOptionsEntry" rows="3"></textarea></td>
        <td><span class="help-mark" title="Вы можете добавить здесь любые дополнительные параметры для демона «Движение» (используйте формат «Значение имени», один вариант на строку)">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- File Storage -->
  <div class="settings-section-title" id="storageSectionDiv">
    <span class="help-mark" title="выберите, где и как хранятся ваши медиа">?</span>
    <a class="settings-section-title">Хранение файлов</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Устройство хранения</span></td>
        <td class="settings-item-value">
          <select class="styled storage camera-config" id="storageDeviceSelect">
          </select>
        </td>
        <td><span class="help-mark" title="указывает устройство хранения, на котором будут храниться изображения и видеофайлы">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="storageDevice=network-share" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Веб-сервер</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator" id="networkServerEntry" title=""></td>
        <td><span class="help-mark" title="адрес веб-сервера (IP-адрес или имя)">?</span></td>
      </tr>
      <tr class="settings-item" depends="storageDevice=network-share">
        <td class="settings-item-label"><span class="settings-item-label">Версия протокола SMB</span></td>
        <td class="settings-item-value">
          <select class="styled storage camera-config" id="networkSMBVerSelect">
            <option value="1.0">1.0</option>
            <option value="2.0">2.0</option>
            <option value="2.1">2.1</option>
            <option value="3.0">3.0</option>
            <option value="3.1.1">3.1.1</option>
          </select>
        </td>
        <td><span class="help-mark" title="выберите версию SMB, которую вы можете использовать (протестируйте различные варианты и посмотрите, какая из них лучше всего подходит для вашего NAS)">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="storageDevice=network-share" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Общее имя</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator" id="networkShareNameEntry" title=""></td>
        <td><span class="help-mark" title="Наименование биржевой сети">?</span></td>
      </tr>
      <tr class="settings-item" depends="storageDevice=network-share" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">имя пользователя</span></td>
        <td class="settings-item-value"><input type="text" autocapitalize="none" class="styled storage camera-config" id="networkUsernameEntry"></td>
        <td><span class="help-mark" title="имя пользователя, которое будет предоставлено при доступе к сетевому каталогу (оставьте пустым, если имя пользователя не требуется)">?</span></td>
      </tr>
      <tr class="settings-item" depends="storageDevice=network-share" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">пароль</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled storage camera-config" id="networkPasswordEntry"></td>
        <td><span class="help-mark" title="пароль, требуемый сетевым каталогом (оставьте пустым, если пароль не требуется)">?</span></td>
      </tr>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Корневой каталог</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator custom-validator" id="rootDirectoryEntry" title=""></td>
        <td><span class="help-mark" title="корневой путь (на выбранном устройстве хранения), где будут храниться файлы">?</span></td>
      </tr>
      <tr class="settings-item" depends="storageDevice=network-share">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button test-button" id="networkShareTestButton">Протестируйте сетевой каталог</div>
        </td>
        <td><span class="help-mark" title="нажмите эту кнопку, чтобы проверить сетевое соединение после заполнения необходимых данных">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Использование диска</span></td>
        <td class="settings-item-value">
          <div id="diskUsageProgressBar" class="progress-bar progress-bar-container">
            <div class="progress-bar-fill"></div><span class="progress-bar-text"></span>
          </div>
        </td>
        <td><span class="help-mark" title="используемый / общий размер диска, на котором находится корневой каталог">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Загрузить медиа файлы</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="uploadEnabledSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="активируйте эту опцию, если вы хотите, чтобы ваши медиафайлы были загружены во внешний сервис">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Загрузить изображения</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="uploadPictureSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="активируйте эту опцию, если вы хотите, чтобы изображения загружались во внешний сервис">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Загрузить фильмы</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="uploadMovieSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="включите это, если вы хотите, чтобы видео были загружены на внешний сервис">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Загрузить сервис</span></td>
        <td class="settings-item-value">
          <select class="styled storage camera-config" id="uploadServiceSelect">
            <option value="ftp">FTP сервер</option>
            <option value="sftp">SFTP сервер</option>
            <!-- <option value="http">HTTP-сервер</option> -->
            <!-- <option value="https">HTTPS сервер</option> -->
            <option value="gdrive">Google Drive</option>
            <option value="gphoto">Google Photo</option>
            <option value="dropbox">Dropbox</option>
            <option value="s3">S3 (AWS/MinIO/…)</option>
            <option value="webdav">WebDAV</option>
          </select>
        </td>
        <td><span class="help-mark" title="выберите сервис, на который будут загружены медиафайлы">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
        <td class="settings-item-label"><span class="settings-item-label">Адрес сервера</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator" id="uploadServerEntry" title=""></td>
        <td><span class="help-mark" title="доменное имя или IP-адрес сервера (например, ftp.example.com или 192.168.1.3)">?</span></td>
      </tr>
      <tr class="settings-item" required="true" min="1" max="65535" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
        <td class="settings-item-label"><span class="settings-item-label">Порт сервера</span></td>
        <td class="settings-item-value"><input type="text" class="number styled storage camera-config validator text-validator number-validator" id="uploadPortEntry" title=""></td>
        <td><span class="help-mark" title="порт, используемый для подключения к службе (оставьте это поле пустым, чтобы использовать значение по умолчанию)">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(http|https)">
        <td class="settings-item-label"><span class="settings-item-label">метод</span></td>
        <td class="settings-item-value">
          <select class="styled storage camera-config" id="uploadMethodSelect">
            <option value="post">POST</option>
            <option value="put">PUT</option>
          </select>
        </td>
        <td><span class="help-mark" title="метод HTTP, используемый для загрузки файлов">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(s3|webdav)">
        <td class="settings-item-label"><span class="settings-item-label">Конечная точка URL</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config" id="uploadEndpointUrlEntry"></td>
        <td><span class="help-mark" title="Полный URL -адрес в конечной точке сервера загрузки:
      Для S3: например, http: //my.minio: 9000. Оставьте это пустым для AWS!
      Для WebDav: например, https://my.cloud/remote.php/dav/files/me/">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="uploadEnabled uploadService!=(s3)">
        <td class="settings-item-label"><span class="settings-item-label">место</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator" id="uploadLocationEntry" title=""></td>
        <td><span class="help-mark" title="место (корневой путь), куда должны быть загружены медиа (например, / files / cam1 /)">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService!=(gphoto)">
        <td class="settings-item-label"><span class="settings-item-label">Включить подпапки</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="uploadSubfoldersSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Активируйте эту функцию, чтобы загружать мультимедийные файлы с их подкаталогами, а не помещать их непосредственно в корневой каталог">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(gdrive)">
        <td class="settings-item-label"><span class="settings-item-label">Очистить облако</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="cleanCloudEnabledSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark"
            title="включите этот параметр, чтобы удалять мультимедийные файлы, загруженные в облако, также при удалении локальных мультимедийных файлов в соответствии с параметром сохранения файлов. В настоящее время эта опция доступна только для gdrive.">?</span>
        </td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(ftp|sftp|http|https|webdav)">
        <td class="settings-item-label"><span class="settings-item-label">имя пользователя</span></td>
        <td class="settings-item-value"><input type="text" autocapitalize="none" class="styled storage camera-config" id="uploadUsernameEntry"></td>
        <td><span class="help-mark" title="имя пользователя для учетной записи службы загрузки">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(ftp|sftp|http|https|webdav)">
        <td class="settings-item-label"><span class="settings-item-label">пароль</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled storage camera-config" id="uploadPasswordEntry"></td>
        <td><span class="help-mark" title="пароль для учетной записи службы загрузки">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(gdrive|gphoto|dropbox)">
        <td class="settings-item-label"><span class="settings-item-label">Ключ авторизации</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled storage camera-config" id="uploadAuthorizationKeyEntry"></td>
        <td><span class="help-mark" title="ключ, используемый для аутентификации в службе загрузки (обычно требуется только во время настройки)">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(gdrive|gphoto|dropbox)">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="html styled storage camera-config" id="authorizeLinkHtml">
            <a href="javascript:authorizeUpload()">Получить ключ</a>
          </div>
        </td>
        <td><span class="help-mark" title="нажмите здесь, чтобы получить сервис авторизации ключей">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(s3)">
        <td class="settings-item-label"><span class="settings-item-label">Ключ доступа</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled storage camera-config" id="uploadAccessKeyEntry"></td>
        <td><span class="help-mark" title="Ключ AVS Access, используемый для аутентификации с помощью службы загрузки">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(s3)">
        <td class="settings-item-label"><span class="settings-item-label">Секретный ключ доступа</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled storage camera-config" id="uploadSecretKeyEntry"></td>
        <td><span class="help-mark" title="секретный ключ доступа к AWS, используемый для аутентификации с помощью службы загрузки (обычно требуется только во время настройки)">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled uploadService=(s3)">
        <td class="settings-item-label"><span class="settings-item-label">ведро</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config" id="uploadBucketEntry"></td>
        <td><span class="help-mark" title="имя корзины S3 для службы загрузки (обычно требуется только во время настройки)">?</span></td>
      </tr>
      <tr class="settings-item" depends="uploadEnabled">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button test-button" id="uploadTestButton">Протестируйте сервис</div>
        </td>
        <td><span class="help-mark" title="нажмите эту кнопку, чтобы протестировать услугу загрузки после заполнения необходимых данных">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">вызвать URL</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="webHookStorageEnabledSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="включите это, если вы хотите, чтобы URL был запрошен после создания медиа-файла">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="webHookStorageEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">URL сайта</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator" id="webHookStorageUrlEntry" placeholder="например. http://example.com/notify/" title=""></td>
        <td><span class="help-mark"
            title="URL для передачи при обнаружении движения; допускаются следующие специальные сочетания клавиш: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра, % v = номер события, % f = путь к файлу">?</span>
        </td>
      </tr>
      <tr class="settings-item" depends="webHookStorageEnabled">
        <td class="settings-item-label"><span class="settings-item-label">HTTP метод</span></td>
        <td class="settings-item-value">
          <select class="styled storage camera-config" id="webHookStorageHttpMethodSelect">
            <option value="GET">GET</option>
            <option value="POST">POST (query)</option>
            <option value="POSTf">POST (form)</option>
            <option value="POSTj">POST (json)</option>
          </select>
        </td>
        <td><span class="help-mark" title="метод HTTP, используемый при запросе URL-адреса сетевого подключения (данные параметры в кодировке URL будут фактически доставлены, как указано здесь)">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Выполнить команду</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="commandStorageEnabledSwitch">
          <div class="check-box styled storage camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="включите это, если вы хотите выполнить команду после создания медиа-файла">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="commandStorageEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">заказ</span></td>
        <td class="settings-item-value"><input type="text" class="styled storage camera-config validator text-validator" id="commandStorageEntry" placeholder="Порядок ..." title=""></td>
        <td><span class="help-mark"
            title="Команда, которая будет выполнена после создания мультимедийного файла. Несколько команд могут быть разделены точкой с запятой; не используйте точку с запятой в командах; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра, % v = номер события, % f = путь к файлу">?</span>
        </td>
      </tr>
    </tbody>
  </table>
  <!-- Text Overlay -->
  <div class="settings-section-title" id="textOverlaySectionDiv">
    <input type="checkbox" class="styled section text-overlay camera-config" id="textOverlayEnabledSwitch">
    <div class="check-box styled section text-overlay camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="выберите, какая информация отображается на захваченных кадрах">?</span>
    <a class="settings-section-title">Наложение текста</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Левый текст</span></td>
        <td class="settings-item-value">
          <select class="styled text-overlay camera-config" id="leftTextTypeSelect">
            <option value="camera-name">Имя камеры</option>
            <option value="timestamp">Отметка времени</option>
            <option value="custom-text">Пользовательский текст</option>
            <option value="disabled">инвалид</option>
          </select>
        </td>
        <td><span class="help-mark" title="Устанавливает текст, отображаемый на фильмы и фотографии, в левом нижнем углу">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="leftTextType=custom-text" strip="true">
        <td class="settings-item-label"></td>
        <td class="settings-item-value"><input type="text" class="styled text-overlay camera-config validator text-validator" id="leftTextEntry" placeholder="Пользовательский текст ..." title=""></td>
        <td><span class="help-mark"
            title="Определяет пользовательский левый текст; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра, % v = номер события, % T = ЧЧ: ММ: СС, \n = новая строка">?</span>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Правильный текст</span></td>
        <td class="settings-item-value">
          <select class="styled text-overlay camera-config" id="rightTextTypeSelect">
            <option value="camera-name">Имя камеры</option>
            <option value="timestamp">Отметка времени</option>
            <option value="custom-text">Пользовательский текст</option>
            <option value="disabled">инвалид</option>
          </select>
        </td>
        <td><span class="help-mark" title="Устанавливает текст, отображаемый на фильмы и фотографии, в правом нижнем углу">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="rightTextType=custom-text" strip="true">
        <td class="settings-item-label"></td>
        <td class="settings-item-value"><input type="text" class="styled text-overlay camera-config validator text-validator" id="rightTextEntry" placeholder="Пользовательский текст ..." title=""></td>
        <td><span class="help-mark"
            title="Определяет пользовательский правильный текст; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра, % v = номер события, % T = ЧЧ: ММ: СС, \n = новая строка">?</span>
        </td>
      </tr>
      <tr class="settings-item" min="1" max="10" snap="1" ticksnum="10" decimals="0">
        <td class="settings-item-label"><span class="settings-item-label">Масштаб текста</span></td>
        <td class="settings-item-value"><input type="text" class="range styled text-overlay camera-config" id="textScaleSlider">
          <div class="slider range styled text-overlay camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">1</span><span class="slider-label" style="left: 1.11111%;">2</span><span class="slider-label" style="left: 12.2222%;">3</span><span class="slider-label"
                style="left: 23.3333%;">4</span><span class="slider-label" style="left: 34.4444%;">5</span><span class="slider-label" style="left: 45.5556%;">6</span><span class="slider-label" style="left: 56.6667%;">7</span><span
                class="slider-label" style="left: 67.7778%;">8</span><span class="slider-label" style="left: 78.8889%;">9</span><span class="slider-label" style="left: 90%;">10</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">1</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Определяет размер наложенного текста">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Video Streaming -->
  <div class="settings-section-title" minimize-switch-independent="true" id="streamingSectionDiv">
    <input type="checkbox" class="styled section streaming camera-config" id="videoStreamingEnabledSwitch">
    <div class="check-box styled section streaming camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="Включите это, если вы хотите видео поток для этой камеры">?</span>
    <a class="settings-section-title">Видео поток</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" min="1" max="30" snap="0" ticks="1|5|10|15|20|25|30" decimals="0">
        <td class="settings-item-label"><span class="settings-item-label">Частота кадров</span></td>
        <td class="settings-item-value"><input type="text" class="range styled streaming camera-config" id="streamingFramerateSlider">
          <div class="slider range styled streaming camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">1</span><span class="slider-label" style="left: 3.7931%;">5</span><span class="slider-label" style="left: 21.0345%;">10</span><span class="slider-label"
                style="left: 38.2759%;">15</span><span class="slider-label" style="left: 55.5172%;">20</span><span class="slider-label" style="left: 72.7586%;">25</span><span class="slider-label" style="left: 90%;">30</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">1</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Устанавливает количество кадров, передаваемых в секунду в прямом эфире.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%">
        <td class="settings-item-label"><span class="settings-item-label">Качество потока</span></td>
        <td class="settings-item-value"><input type="text" class="range styled streaming camera-config" id="streamingQualitySlider">
          <div class="slider range styled streaming camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 15%;">25%</span><span class="slider-label" style="left: 40%;">50%</span><span class="slider-label"
                style="left: 65%;">75%</span><span class="slider-label" style="left: 90%;">100%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Настройтесь на качество прямой трансляции (более высокие значения обеспечивают лучшее качество видео, но требуют большей пропускной способности).">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Изменение размера изображения</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled streaming camera-config" id="streamingServerResizeSwitch">
          <div class="check-box styled streaming camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Когда это включено, изображения изменяются до их отправки в браузер (отключается при работе на медленном процессоре).">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%" depends="streamingServerResize">
        <td class="settings-item-label"><span class="settings-item-label">Разрешение потока</span></td>
        <td class="settings-item-value"><input type="text" class="range styled streaming camera-config" id="streamingResolutionSlider">
          <div class="slider range styled streaming camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 15%;">25%</span><span class="slider-label" style="left: 40%;">50%</span><span class="slider-label"
                style="left: 65%;">75%</span><span class="slider-label" style="left: 90%;">100%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="разрешение указывается в процентах от разрешения видеоустройства (более высокие значения обеспечивают лучшее качество видео, но требуют большей пропускной способности)">?</span></td>
      </tr>
      <tr class="settings-item" min="1024" max="65535" depends="videoStreamingEnabled" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Порт потока</span></td>
        <td class="settings-item-value"><input type="text" class="styled streaming camera-config validator text-validator" id="streamingPortEntry" title=""></td>
        <td><span class="help-mark" title="устанавливает порт TCP, на котором слушает веб-сервер">?</span></td>
      </tr>
      <tr class="settings-item" depends="videoStreamingEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Режим аутентификации</span></td>
        <td class="settings-item-value">
          <select class="styled streaming camera-config" id="streamingAuthModeSelect">
            <option value="disabled">инвалид</option>
            <option value="basic">Basic</option>
            <option value="digest">Digest</option>
          </select>
        </td>
        <td><span class="help-mark" title="метод аутентификации, используемый потоком (выберите «Bazic» вместо «Digest», если у вас возникли проблемы со сторонними программами); будут использованы аккредитационные чеки">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Оптимизация движения</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled streaming camera-config" id="streamingMotion">
          <div class="check-box styled streaming camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="включите это, если вы хотите более низкую частоту кадров для потока доставки, когда движение не обнаружено">?</span></td>
      </tr>
      <tr class="settings-item" depends="videoStreamingEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Полезные URL</span></td>
        <td class="settings-item-value">
          <div class="html styled streaming camera-config" id="streamingSnapshotUrlHtml">
            <a href="javascript:showSnapshotUrl()">Мгновенный URL</a>
          </div>
        </td>
        <td><span class="help-mark" title="URL, который предоставляет изображение в формате JPEG с последним снимком камеры">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"></td>
        <td class="settings-item-value">
          <div class="html styled streaming camera-config" id="streamingMjpgUrlHtml">
            <a href="javascript:showMjpgUrl()">URL потока</a>
          </div>
        </td>
        <td><span class="help-mark" title="URL, который обеспечивает поток MJPEG с камеры">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"></td>
        <td class="settings-item-value">
          <div class="html styled streaming camera-config" id="streamingEmbedUrlHtml">
            <a href="javascript:showEmbedUrl()">Входной URL</a>
          </div>
        </td>
        <td><span class="help-mark" title="URL-адрес, содержащий минимальный HTML-документ с рамкой камеры, готовый для встраивания">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Still Images -->
  <div class="settings-section-title" id="stillImagesSectionDiv">
    <input type="checkbox" class="styled section still-images camera-config" id="stillImagesEnabledSwitch">
    <div class="check-box styled section still-images camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="Включите это, если вы хотите снимать статические изображения.">?</span>
    <a class="settings-section-title">Захваченные изображения</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Имя файла изображения</span></td>
        <td class="settings-item-value"><input type="text" class="styled still-images camera-config validator text-validator custom-validator" id="imageFileNameEntry" placeholder="Шаблон имени файла ..." title=""></td>
        <td><span class="help-mark"
            title="Определяет шаблон имени для файлов JPEG; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра, % v = номер события, / = подкаталог.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%">
        <td class="settings-item-label"><span class="settings-item-label">Качество изображения</span></td>
        <td class="settings-item-value"><input type="text" class="range styled still-images camera-config" id="imageQualitySlider">
          <div class="slider range styled still-images camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 15%;">25%</span><span class="slider-label" style="left: 40%;">50%</span><span class="slider-label"
                style="left: 65%;">75%</span><span class="slider-label" style="left: 90%;">100%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="устанавливает качество изображения JPEG (более высокие значения дают лучшее качество изображения, но требуют больше памяти)">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Режим захвата</span></td>
        <td class="settings-item-value">
          <select class="styled still-images camera-config" id="captureModeSelect">
            <option value="motion-triggered">Триггер движения</option>
            <option value="motion-triggered-one">Motion Trigger (одно изображение)</option>
            <option value="interval-snapshots">Тем временем</option>
            <option value="all-frames">Все картинки</option>
            <option value="manual">вручную</option>
          </select>
        </td>
        <td><span class="help-mark" title="Определяет режим захвата:
      Motion Trigger = изображение, полученное при каждом обнаружении движения,
      В то же время = изображение, снятое каждые х секунд,
      Все изображения = сохранить каждый кадр в файле изображения,
      Грива = захват руки с помощью специальной кнопки.">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="86400" required="true" depends="captureMode=interval-snapshots">
        <td class="settings-item-label"><span class="settings-item-label">Интервал перехвата</span></td>
        <td class="settings-item-value"><input type="text" class="styled number still-images camera-config validator text-validator number-validator" id="snapshotIntervalEntry" title=""><span class="settings-item-unit">секунд</span></td>
        <td><span class="help-mark" title="устанавливает интервал (в секундах) для снимков">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Сохранить изображения</span></td>
        <td class="settings-item-value">
          <select class="styled still-images camera-config" id="preservePicturesSelect">
            <option value="1">На один день</option>
            <option value="7">На неделю</option>
            <option value="30">На месяц</option>
            <option value="365">На один год</option>
            <option value="0">бессрочно</option>
            <option value="-1">изготовленный на заказ</option>
          </select>
        </td>
        <td><span class="help-mark" title="Изображения старше указанной длительности автоматически удаляются, чтобы освободить место для хранения.">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="3650" depends="preservePictures=-1" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Время жизни картинки</span></td>
        <td class="settings-item-value"><input type="text" class="styled number still-images camera-config validator text-validator number-validator" id="picturesLifetimeEntry" title=""><span class="settings-item-unit">days</span></td>
        <td><span class="help-mark" title="Определяет количество дней, по истечении которых изображения будут автоматически удаляться.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Включить ручные ловли</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled still-images camera-config" id="manualSnapshotsSwitch">
          <div class="check-box styled still-images camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Когда это включено, кнопка на раме камеры позволит вам делать снимки вручную.">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Movies -->
  <div class="settings-section-title" id="moviesSectionDiv">
    <input type="checkbox" class="styled section movies camera-config" id="moviesEnabledSwitch">
    <div class="check-box styled section movies camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="включите это, если вы хотите записывать фильмы">?</span>
    <a class="settings-section-title">кино</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" required="true" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Имя файла фильма</span></td>
        <td class="settings-item-value"><input type="text" class="styled movies camera-config validator text-validator custom-validator" id="movieFileNameEntry" placeholder="Шаблон имени файла ..." title=""></td>
        <td><span class="help-mark"
            title="Определяет шаблон имени для файлов фильма; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра, % v = номер события, / = подкаталог.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Прямая копия видео</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled movies camera-config" id="moviePassthroughSwitch">
          <div class="check-box styled movies camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark"
            title="Создавайте фильмы прямо с камеры. Эта опция должна уменьшить использование процессора, но увеличить требования к памяти. Обработка изображений не выполняется, поэтому тексты перекрываются, маски конфиденциальности и т. Д. не будет на итоговом видео.">?</span>
        </td>
      </tr>
      <tr class="settings-item" depends="!moviePassthrough">
        <td class="settings-item-label"><span class="settings-item-label">Формат фильма</span></td>
        <td class="settings-item-value">
          <select class="styled movies camera-config" id="movieFormatSelect">
            <option value="mpeg4">MPEG4 (.avi)</option>
            <option value="msmpeg4">MSMPEG4v2 (.avi)</option>
            <option value="swf">Small Web Format (.swf)</option>
            <option value="flv">Flash Video (.flv)</option>
            <option value="mov">QuickTime (.mov)</option>
            <option value="mp4">H.264 (.mp4)</option>
            <option value="mp4:h264_nvenc">H.264/NVENC (.mp4)</option>
            <option value="mp4:h264_omx">H.264/OMX (.mp4)</option>
            <option value="mp4:h264_v4l2m2m">H.264/V4L2M2M (.mp4)</option>
            <option value="hevc">HEVC (.mp4)</option>
            <option value="mp4:hevc_nvenc">HEVC/NVENC (.mp4)</option>
            <option value="mkv">Matroska Video (.mkv)</option>
            <option value="mkv:h264_omx">Matroska Video/OMX (.mkv)</option>
            <option value="mkv:h264_v4l2m2m">Matroska Video/V4L2M2M (.mkv)</option>
          </select>
        </td>
        <td><span class="help-mark" title="Настраивает файл фильма; не все форматы гарантированно работают на всех системах; если сомневаетесь, протестируйте каждый формат и выберите тот, который лучше всего подходит для вашего видео.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%">
        <td class="settings-item-label"><span class="settings-item-label">Качество фильма</span></td>
        <td class="settings-item-value"><input type="text" class="range styled movies camera-config" id="movieQualitySlider">
          <div class="slider range styled movies camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 15%;">25%</span><span class="slider-label" style="left: 40%;">50%</span><span class="slider-label"
                style="left: 65%;">75%</span><span class="slider-label" style="left: 90%;">100%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Устанавливает качество видео MPEG (более высокие значения дают лучшее качество видео, но требуют больше памяти).">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Режим записи</span></td>
        <td class="settings-item-value">
          <select class="styled movies camera-config" id="recordingModeSelect">
            <option value="motion-triggered">Триггер движения</option>
            <option value="continuous">Непрерывная запись</option>
          </select>
        </td>
        <td><span class="help-mark" title="Устанавливает режим записи: триггер движения = новый фильм, созданный при обнаружении движения, непрерывная запись = один большой файл фильма.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="86400" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Максимальная продолжительность фильма</span></td>
        <td class="settings-item-value"><input type="text" class="number styled movies camera-config validator text-validator number-validator" id="maxMovieLengthEntry" title=""><span class="settings-item-unit">секунд</span></td>
        <td><span class="help-mark" title="Устанавливает максимальную продолжительность фильмов в секундах; если событие движения длится дольше, создается новый файл фильма; используйте 0 для неограниченной длины.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Сохранить фильмы</span></td>
        <td class="settings-item-value">
          <select class="styled movies camera-config" id="preserveMoviesSelect">
            <option value="1">На один день</option>
            <option value="7">На неделю</option>
            <option value="30">На месяц</option>
            <option value="365">На один год</option>
            <option value="0">бессрочно</option>
            <option value="-1">изготовленный на заказ</option>
          </select>
        </td>
        <td><span class="help-mark" title="Фильмы старше установленной длительности автоматически удаляются для освобождения памяти.">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="3650" depends="preserveMovies=-1" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Фильмы Пожизненная</span></td>
        <td class="settings-item-value"><input type="text" class="styled number movies camera-config validator text-validator number-validator" id="moviesLifetimeEntry" title=""><span class="settings-item-unit">дней</span></td>
        <td><span class="help-mark" title="Устанавливает количество дней, по истечении которых фильмы будут автоматически удаляться.">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Motion Detection -->
  <div class="settings-section-title" id="motionDetectionSectionDiv">
    <input type="checkbox" class="styled section motion-detection camera-config" id="motionDetectionEnabledSwitch">
    <div class="check-box styled section motion-detection camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="Активируйте это, чтобы использовать и настроить устройство для обнаружения движения.">?</span>
    <a class="settings-section-title">Обнаружение движения</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" min="0" max="20" snap="0" ticksnum="5" decimals="1" unit="%" depends="!autoThresholdTuning">
        <td class="settings-item-label"><span class="settings-item-label">Порог смены кадров</span></td>
        <td class="settings-item-value"><input type="text" class="range styled motion-detection camera-config" id="frameChangeThresholdSlider">
          <div class="slider range styled motion-detection camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 15%;">5%</span><span class="slider-label" style="left: 40%;">10%</span><span class="slider-label"
                style="left: 65%;">15%</span><span class="slider-label" style="left: 90%;">20%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0.0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark"
            title="Указывает минимальный процент изображения, который должен переключаться между двумя последовательными кадрами для обнаружения движения (меньшие значения дают более чувствительное обнаружение, но имеют тенденцию к ложным срабатываниям).">?</span>
        </td>
      </tr>
      <tr class="settings-item" min="0" required="true" depends="!autoThresholdTuning">
        <td class="settings-item-label"><span class="settings-item-label">Максимальный порог изменения</span></td>
        <td class="settings-item-value"><input type="text" class="number styled motion-detection camera-config validator text-validator number-validator" id="maxFrameChangeThresholdEntry" title=""><span class="settings-item-unit">pixels</span></td>
        <td><span class="help-mark" title="Устанавливает количество пикселей, которые были изменены между кадрами, для которых прокрутка больше не срабатывает (0 отключает границу).">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Автоматическая настройка порога</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled motion-detection camera-config" id="autoThresholdTuningSwitch">
          <div class="check-box styled motion-detection camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите это, чтобы автоматически настроить порог.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Автоматическое обнаружение шума</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled motion-detection camera-config" id="autoNoiseDetectSwitch">
          <div class="check-box styled motion-detection camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите это, чтобы автоматически настроить уровень шума.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="25" snap="0" ticksnum="6" decimals="0" unit="%" depends="!autoNoiseDetect">
        <td class="settings-item-label"><span class="settings-item-label">Уровень шума</span></td>
        <td class="settings-item-value"><input type="text" class="range styled motion-detection camera-config" id="noiseLevelSlider">
          <div class="slider range styled motion-detection camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 10%;">5%</span><span class="slider-label" style="left: 30%;">10%</span><span class="slider-label"
                style="left: 50%;">15%</span><span class="slider-label" style="left: 70%;">20%</span><span class="slider-label" style="left: 90%;">25%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Постоянно устанавливает уровень шума на заданное значение.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%">
        <td class="settings-item-label"><span class="settings-item-label">Обнаружение изменений света</span></td>
        <td class="settings-item-value"><input type="text" class="range styled motion-detection camera-config" id="lightSwitchDetectSlider">
          <div class="slider range styled motion-detection camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">0%</span><span class="slider-label" style="left: 15%;">25%</span><span class="slider-label" style="left: 40%;">50%</span><span class="slider-label"
                style="left: 65%;">75%</span><span class="slider-label" style="left: 90%;">100%</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">0%</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Определяет процент изображения, которое необходимо изменить, чтобы событие воспринималось как внезапное изменение освещения, а не движение (0 % отключает функцию).">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Фильтр пятен</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled motion-detection camera-config" id="despeckleFilterSwitch">
          <div class="check-box styled motion-detection camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите это, применив точечный фильтр к кадрам до обнаружения движения.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" min="0" max="86400" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Непрерывное движение</span></td>
        <td class="settings-item-value"><input type="text" class="number styled motion-detection camera-config validator text-validator number-validator" id="eventGapEntry" title=""><span class="settings-item-unit">секунд</span></td>
        <td><span class="help-mark" title="Устанавливает количество секунд молчания (т.е. без движения), которое отмечает конец события движения.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="1000" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Поймали до</span></td>
        <td class="settings-item-value"><input type="text" class="number styled motion-detection camera-config validator text-validator number-validator" id="preCaptureEntry" title=""><span class="settings-item-unit">маркировка</span></td>
        <td><span class="help-mark" title="Устанавливает количество кадров, снятых (и включенных в фильм) до обнаружения инцидента движения.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="1000" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Пойман после</span></td>
        <td class="settings-item-value"><input type="text" class="number styled motion-detection camera-config validator text-validator number-validator" id="postCaptureEntry" title=""><span class="settings-item-unit">маркировка</span></td>
        <td><span class="help-mark" title="Устанавливает количество кадров, которые будут захвачены (и включены в фильм) после окончания события движения.">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="1000" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Минимальное движение кадров</span></td>
        <td class="settings-item-value"><input type="text" class="number styled motion-detection camera-config validator text-validator number-validator" id="minimumMotionFramesEntry" title=""><span class="settings-item-unit">маркировка</span></td>
        <td><span class="help-mark" title="Устанавливает минимальное количество последовательных кадров движения, необходимое для начала события движения.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">маскировать</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled motion-detection camera-config" id="motionMaskSwitch">
          <div class="check-box styled motion-detection camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Позволяет маскировать изображения для более избирательного и точного обнаружения движения.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionMask">
        <td class="settings-item-label"><span class="settings-item-label">Тип маски</span></td>
        <td class="settings-item-value">
          <select class="styled motion-detection camera-config" id="motionMaskTypeSelect">
            <option value="smart">умный</option>
            <option value="editable">"редактируемые"</option>
          </select>
        </td>
        <td><span class="help-mark" title="Опция Intelligent автоматически обнаруживает регионы с регулярным движением и динамически создает внутреннюю маску, а опция Editable позволяет вам создавать ее самостоятельно.">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="10" snap="1" ticksnum="10" decimals="0" unit="" depends="motionMask motionMaskType=smart">
        <td class="settings-item-label"><span class="settings-item-label">Смарт-маска Медлительность</span></td>
        <td class="settings-item-value"><input type="text" class="range styled motion-detection camera-config" id="smartMaskSluggishnessSlider">
          <div class="slider range styled motion-detection camera-config" tabindex="0">
            <div class="slider-labels"><span class="slider-label" style="left: -10%;">1</span><span class="slider-label" style="left: 1.11111%;">2</span><span class="slider-label" style="left: 12.2222%;">3</span><span class="slider-label"
                style="left: 23.3333%;">4</span><span class="slider-label" style="left: 34.4444%;">5</span><span class="slider-label" style="left: 45.5556%;">6</span><span class="slider-label" style="left: 56.6667%;">7</span><span
                class="slider-label" style="left: 67.7778%;">8</span><span class="slider-label" style="left: 78.8889%;">9</span><span class="slider-label" style="left: 90%;">10</span></div>
            <div class="slider-bar">
              <div class="slider-bar-inside"></div>
              <div class="slider-cursor" style="left: 0%;">
                <div class="slider-cursor-label">1</div>
              </div>
            </div>
          </div>
        </td>
        <td><span class="help-mark" title="Более высокие значения дают более прочную маску с более медленным процессом сборки.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionMask motionMaskType=editable">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button edit-mask-button" id="motionMaskEditButton">Изменить маску</div>
          <div class="button normal-button save-mask-button" id="motionMaskSaveButton">Держать маску</div>
          <input type="text" class="motion-detection camera-config" id="motionMaskLinesEntry">
        </td>
        <td><span class="help-mark" title="Нажмите эту кнопку, чтобы включить / отключить редактор масок.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionMask motionMaskType=editable">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button clear-mask-button" id="motionMaskClearButton">Чистая маска</div>
        </td>
        <td><span class="help-mark" title="Нажмите эту кнопку, чтобы очистить текущую маску.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Показать изменения кадра</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled motion-detection camera-config" id="showFrameChangesSwitch">
          <div class="check-box styled motion-detection camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Если это активно, изменения изображения (количество пикселей и измененная область) отображаются в видео; временно включите это, чтобы настроить параметры обнаружения движения.">?</span></td>
      </tr>
      <tr class="settings-item">
        <td class="settings-item-label"><span class="settings-item-label">Создать отладочные медиа-файлы</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled motion-detection camera-config" id="createDebugMediaSwitch">
          <div class="check-box styled motion-detection camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Когда включено, создайте специальные фильмы и изображения, которые помогут отладить проблемы обнаружения движения.">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Motion Notifications -->
  <div class="settings-section-title" id="notificationsSectionDiv">
    <span class="help-mark" title="Включите это, если вы хотите получать уведомления при обнаружении движения.">?</span>
    <a class="settings-section-title">Уведомления о движении</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label"><strong>Actions when motion</strong></span></td>
        <td class="settings-item-value"><span class="settings-item-label"><strong>has started:</strong></span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Отправить письмо</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="emailNotificationsEnabledSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Активируйте эту опцию, если вы хотите получать электронную почту каждый раз, когда обнаруживается инцидент движения.">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="emailNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Адреса электронной почты</span></td>
        <td class="settings-item-value"><input type="text" autocomplete="new-password" class="styled notifications camera-config validator text-validator custom-validator" id="emailAddressesEntry" placeholder="Адрес электронной почты ..." title="">
        </td>
        <td><span class="help-mark" title="Адреса электронной почты (разделенные запятыми), добавленные здесь, будут получать уведомления при каждом обнаружении движения.">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="emailNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">SMTP-сервер</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config validator text-validator" id="smtpServerEntry" placeholder="например. smtp.gmail.com" title=""></td>
        <td><span class="help-mark" title="Введите имя хоста или IP-адрес вашего SMTP-сервера (для использования Gmail smtp.gmail.com).">?</span></td>
      </tr>
      <tr class="settings-item" min="1" max="65535" depends="emailNotificationsEnabled motionDetectionEnabled" required="true">
        <td class="settings-item-label"><span class="settings-item-label">Порт SMTP</span></td>
        <td class="settings-item-value"><input type="text" class="styled number notifications camera-config validator text-validator number-validator" id="smtpPortEntry" placeholder="например. 587" title=""></td>
        <td><span class="help-mark" title="Введите порт, используемый вашим SMTP-сервером (обычно 465 для соединений без TLS и 587 для соединений TLS).">?</span></td>
      </tr>
      <tr class="settings-item" depends="emailNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Учетная запись SMTP</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config" id="smtpAccountEntry" placeholder="account@gmail.com…"></td>
        <td><span class="help-mark" title="Введите вашу учетную запись SMTP (обычно ваш адрес электронной почты).">?</span></td>
      </tr>
      <tr class="settings-item" depends="emailNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Пароль SMTP</span></td>
        <td class="settings-item-value"><input type="password" autocomplete="new-password" class="styled notifications camera-config" id="smtpPasswordEntry"></td>
        <td><span class="help-mark" title="Введите свой пароль SMTP (для Gmail используйте свой пароль Google или пароль, созданный приложением).">?</span></td>
      </tr>
      <tr class="settings-item" depends="emailNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">С адреса</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config validator custom-validator" id="emailFromEntry" placeholder="Адрес электронной почты ..." title=""></td>
        <td><span class="help-mark" title="Установка пользовательского адреса «От», если он требуется для вашей службы SMTP (будет использоваться первый адрес электронной почты назначения, если оставить его пустым).">?</span></td>
      </tr>
      <tr class="settings-item" depends="emailNotificationsEnabled motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Используйте TLS</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="smtpTlsSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите это, если ваш SMTP-сервер требует TLS (Gmail требует, чтобы это было включено).">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="60" required="true" depends="emailNotificationsEnabled motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Добавлен интервал времени картинок</span></td>
        <td class="settings-item-value"><input type="text" class="number styled notifications camera-config validator text-validator number-validator" id="emailPictureTimeSpanEntry" title=""><span class="settings-item-unit">секунд</span></td>
        <td><span class="help-mark"
            title="Определяет временной интервал поиска, который следует использовать при создании ссылок электронной почты (более высокие значения генерируют электронные письма с большим количеством изображений за счет увеличенного уведомления об отсрочке); установите 0, чтобы отключить добавленные изображения; Вам также нужно включить «Захват изображений», чтобы сделать эту работу.">?</span>
        </td>
      </tr>
      <tr class="settings-item" depends="emailNotificationsEnabled motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label"></span></td>
        <td class="settings-item-value">
          <div class="button normal-button test-button" id="emailTestButton">Тестовое письмо</div>
        </td>
        <td><span class="help-mark" title="Нажмите на эту кнопку, чтобы протестировать уведомления по электронной почте после того, как вы заполните необходимые данные.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Отправить уведомление в Telegram</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="telegramNotificationsEnabledSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите это, если вы хотите получать телеграмму при обнаружении движущегося события">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="telegramNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">Токен HTTP API</span></td>
        <td class="settings-item-value"><input type="text" autocomplete="new-password" class="styled notifications camera-config validator text-validator" id="telegramAPIEntry"
            placeholder="Пример: 93847672: AACdSn843hsjJsh32bSmdN3sHsh2bsh0xRs_32dbcr1W" title=""></td>
        <td><span class="help-mark"
            title="Создавая чат Telegram-Bot, вы получите токены API, в которые вам нужно войти здесь. Нажмите кнопку API ниже для пошагового руководства о том, как получить токены API. Также обязательно поговорите с новым созданным «ботом» после того, как ваш ключ будет сгенерирован, чтобы убедиться, что вы получаете сообщения.">?</span>
        </td>
      </tr>
      <tr class="settings-item" required="true" depends="telegramNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">ID чата</span></td>
        <td class="settings-item-value"><input type="text" autocomplete="new-password" class="styled notifications camera-config validator text-validator" id="telegramCIDEntry" placeholder="Пример: 938272312" title=""></td>
        <td><span class="help-mark" title="Создайте новый чат с id_chatbot (@id_chatbot) и выберите начало. Чат вернет необходимое число для этого поля.">?</span></td>
      </tr>
      <tr class="settings-item" min="0" max="60" required="true" depends="telegramNotificationsEnabled motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Время прикрепленных изображений</span></td>
        <td class="settings-item-value"><input type="text" class="number styled notifications camera-config validator text-validator number-validator" id="telegramPictureTimeSpanEntry" title=""><span class="settings-item-unit">seconds</span></td>
        <td><span class="help-mark"
            title="определяет временной интервал поиска изображений для создания вложений телеграмм (более высокие значения генерируют больше изображений за счет увеличения задержки уведомления); установите значение 0, чтобы отключить вложения изображений; вы также должны включить неподвижные изображения, чтобы это работало; вы захотите поиграть с этим числом, пока изображение не будет отправлено. Хорошее начальное число - 30, если вы устанавливаете неподвижные изображения на одно движение. Для стандартного срабатывания движения установите это значение намного ниже.">?</span>
        </td>
      </tr>
      <tr class="settings-item" required="true" depends="telegramNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label">
          <a href="https://core.telegram.org/bots#6-botfather" target="_blank"><div class="button normal-button test-button" id="apiInstructionButton" style="opacity: 1; display: inline-block;">Информация об API</div></a></td>
        <td class="settings-item-label">
          <div class="button normal-button test-button" id="telegramTestButton" style="opacity: 1; display: inline-block;">Контрольная работа</div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Вызвать URL</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="webHookNotificationsEnabledSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите этот параметр, если вы хотите, чтобы URL запрашивался при обнаружении события движения.">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="webHookNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">URL сайта</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config validator text-validator custom-validator" id="webHookNotificationsUrlEntry" placeholder="например. http://ekzemplo.com/sciigi/" title=""></td>
        <td><span class="help-mark"
            title="URL-адрес, запрашиваемый при обнаружении движения; принимаются следующие специальные сочетания клавиш: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра , % v = номер события">?</span>
        </td>
      </tr>
      <tr class="settings-item" depends="webHookNotificationsEnabled motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">HTTP метод</span></td>
        <td class="settings-item-value">
          <select class="styled notifications camera-config" id="webHookNotificationsHttpMethodSelect">
            <option value="GET">GET</option>
            <option value="POST">POST (query)</option>
            <option value="POSTf">POST (form)</option>
            <option value="POSTj">POST (json)</option>
          </select>
        </td>
        <td><span class="help-mark" title="Метод HTTP, используемый при запросе URL (данные параметры URL будут доставлены, как указано здесь).">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Запустите команду</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="commandNotificationsEnabledSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите этот параметр, если вы хотите запускать команду каждый раз, когда обнаруживается событие движения.">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="commandNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">команда</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config validator text-validator" id="commandNotificationsEntry" placeholder="Командование ..." title=""></td>
        <td><span class="help-mark"
            title="Команда запускается при обнаружении движения; несколько команд могут быть разделены двоеточием; не используйте точки с запятой с командами; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = день, % H = час, % M = минута, % S = секунда, % q = номер кадра , % v = номер события">?</span>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label"><strong>Actions when motion</strong></span></td>
        <td class="settings-item-value"><span class="settings-item-label"><strong>has ended:</strong></span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Вызвать URL</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="webHookEndNotificationsEnabledSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="enable this if you want a URL to be requested whenever a motion event ends">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="webHookEndNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">URL сайта</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config validator text-validator custom-validator" id="webHookEndNotificationsUrlEntry" placeholder="e.g. http://example.com/notify/" title=""></td>
        <td><span class="help-mark"
            title="a single URL to be requested when motion event ends; the following special tokens are accepted: %Y = year, %m = month, %d = day, %H = hour, %M = minute, %S = second, %q = frame number, %v = event number">?</span></td>
      </tr>
      <tr class="settings-item" depends="webHookEndNotificationsEnabled motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">HTTP метод</span></td>
        <td class="settings-item-value">
          <select class="styled notifications camera-config" id="webHookEndNotificationsHttpMethodSelect">
            <option value="GET">GET</option>
            <option value="POST">POST (query)</option>
            <option value="POSTf">POST (form)</option>
            <option value="POSTj">POST (json)</option>
          </select>
        </td>
        <td><span class="help-mark" title="Метод HTTP, используемый при запросе URL (данные параметры URL будут доставлены, как указано здесь).">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td colspan="100">
          <div class="settings-item-separator"></div>
        </td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Запустите команду</span></td>
        <td class="settings-item-value"><input type="checkbox" class="styled notifications camera-config" id="commandEndNotificationsEnabledSwitch">
          <div class="check-box styled notifications camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
        <td><span class="help-mark" title="Включите это, если вы хотите запускать команду каждый раз, когда заканчивается событие перемещения.">?</span></td>
      </tr>
      <tr class="settings-item" required="true" depends="commandEndNotificationsEnabled motionDetectionEnabled" strip="true">
        <td class="settings-item-label"><span class="settings-item-label">команда</span></td>
        <td class="settings-item-value"><input type="text" class="styled notifications camera-config validator text-validator" id="commandEndNotificationsEntry" placeholder="Командование ..." title=""></td>
        <td><span class="help-mark"
            title="Команда запускается по окончании события движения; несколько команд могут быть разделены двоеточием; не используйте точка ком с командами; принимаются следующие специальные токены: % Y = год, % m = месяц, % d = дата, % H = час, % M = минута, % S = секунда, % q = номер кадра.">?</span>
        </td>
      </tr>
    </tbody>
  </table>
  <!-- Working Schedule -->
  <div class="settings-section-title" depends="motionDetectionEnabled" id="workingScheduleSectionDiv">
    <input type="checkbox" class="styled section working-schedule camera-config" id="workingScheduleEnabledSwitch">
    <div class="check-box styled section working-schedule camera-config" tabindex="0">
      <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
    </div>
    <span class="help-mark" title="Включите это, если вы хотите установить еженедельное расписание для обнаружения движения.">?</span>
    <a class="settings-section-title">График работы</a>
    <span class="minimize"></span>
  </div>
  <table class="settings">
    <tbody>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">понедельник</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="mondayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">из</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="mondayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">до</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="mondayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня по понедельникам.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">вторник</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="tuesdayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">from</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="tuesdayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">to</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="tuesdayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня для вторника.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">среда</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="wednesdayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">from</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="wednesdayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">to</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="wednesdayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня для среды.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">четверг</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="thursdayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">from</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="thursdayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">to</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="thursdayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня для четвергов.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">пятница</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="fridayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">from</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="fridayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">to</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="fridayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня для пятницы.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">суббота</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="saturdayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">from</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="saturdayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">to</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="saturdayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня для субботы.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">воскресенье</span></td>
        <td class="settings-item-value">
          <input type="checkbox" class="styled working-schedule camera-config" id="sundayEnabledSwitch">
          <div class="check-box styled working-schedule camera-config" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
          <span class="settings-item-unit time">from</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="sundayFromEntry" autocomplete="off" title="">
          <span class="settings-item-unit time">to</span><input type="text" class="styled working-schedule time camera-config ui-timepicker-input validator time-validator" id="sundayToEntry" autocomplete="off" title="">
        </td>
        <td><span class="help-mark" title="Устанавливает диапазон рабочего дня для воскресенья.">?</span></td>
      </tr>
      <tr class="settings-item" depends="motionDetectionEnabled">
        <td class="settings-item-label"><span class="settings-item-label">Обнаружить движение</span></td>
        <td class="settings-item-value">
          <select class="styled working-schedule camera-config" id="workingScheduleTypeSelect">
            <option value="during">В рабочее время</option>
            <option value="outside">Вне рабочего времени</option>
          </select>
        </td>
        <td><span class="help-mark" title="Определяет, должно ли обнаружение движения быть активным в течение или вне рабочего времени.">?</span></td>
      </tr>
    </tbody>
  </table>
  <!-- Additional Camera Sections -->
  <div class="settings-progress" style="width: 100%; opacity: 0.9;"></div>
</form>

POST /login/

<form action="/login/" target="temp" method="POST"><input type="submit" style="display: none;" name="login" value="login">
  <table class="login-dialog">
    <tbody>
      <tr>
        <td class="login-dialog-error" colspan="100"></td>
      </tr>
      <tr>
        <td class="dialog-item-label"><span class="dialog-item-label">имя пользователя</span></td>
        <td class="dialog-item-value"><input type="text" name="username" class="styled" id="usernameEntry" autofocus=""></td>
      </tr>
      <tr>
        <td class="dialog-item-label"><span class="dialog-item-label">пароль</span></td>
        <td class="dialog-item-value"><input type="password" name="password" class="styled" id="passwordEntry"></td>
      </tr>
      <tr>
        <td class="dialog-item-label"><span class="dialog-item-label">Помни меня</span></td>
        <td class="dialog-item-value"><input type="checkbox" name="remember" class="styled" id="rememberCheck">
          <div class="check-box styled" tabindex="0">
            <div class="check-box-button"><span class="check-box-text"><img src="static/img/IEC5008_Off_Symbol.svg" style="width:70%;height:70%;padding:12%"></span></div>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</form>

Text Content

rp
motionEye
? предпочтения

Колонки макета
1234
1
? Установить рамки по вертикали

? Линии разметки
1234
1
? рамный вариатор
020406080100
0
? Вариатор разрешения
120406080100
1
?

? Общие настройки

Язык العربية বাংলা Deutsch English esperanto español français हिन्दी italiano
日本語 Melayu norsk bokmål (Norge) ਪੰਜਾਬੀ português русский 中文 ? администратор ?
пароль ? наблюдатель ? пароль ?

версия motionEye 22.4.1 Версия Motion 4.3.2 Версия операционной системы Ubuntu
22.04 питание
близко
?
перезапуск
?

конфигурация
резервная копия
?
восстановление
?


? Видеоустройство

Имя камеры ? Идентификатор камеры ? Устройство камеры ? Тип камеры

Автоматическая Яркость

?

Разрешение видео ? ширина ? высота ? Поворот видео 0° 90° 180° 270° ? Частота
кадров
251015202530
2
?

Маска конфиденциальности

?
Изменить маску
Держать маску
?
Clear Mask
?

Дополнительные параметры ?

? Хранение файлов

Устройство хранения ? Веб-сервер ? Версия протокола SMB 1.0 2.0 2.1 3.0 3.1.1 ?
Общее имя ? имя пользователя ? пароль ? Корневой каталог ?
Протестируйте сетевой каталог
?

Использование диска

?

Загрузить медиа файлы

? Загрузить изображения

? Загрузить фильмы

? Загрузить сервис FTP сервер SFTP сервер Google Drive Google Photo Dropbox S3
(AWS/MinIO/…) WebDAV ? Адрес сервера ? Порт сервера ? метод POST PUT ? Конечная
точка URL ? место ? Включить подпапки

? Очистить облако

? имя пользователя ? пароль ? Ключ авторизации ?
Получить ключ
? Ключ доступа ? Секретный ключ доступа ? ведро ?
Протестируйте сервис
?

вызвать URL

? URL сайта ? HTTP метод GET POST (query) POST (form) POST (json) ?

Выполнить команду

? заказ ?


? Наложение текста

Левый текст Имя камеры Отметка времени Пользовательский текст инвалид ? ?
Правильный текст Имя камеры Отметка времени Пользовательский текст инвалид ? ?
Масштаб текста
12345678910
1
?


? Видео поток

Частота кадров
151015202530
1
? Качество потока
0%25%50%75%100%
0%
? Изменение размера изображения

? Разрешение потока
0%25%50%75%100%
0%
? Порт потока ? Режим аутентификации инвалид Basic Digest ? Оптимизация движения

?

Полезные URL
Мгновенный URL
?
URL потока
?
Входной URL
?


? Захваченные изображения

Имя файла изображения ? Качество изображения
0%25%50%75%100%
0%
? Режим захвата Триггер движения Motion Trigger (одно изображение) Тем временем
Все картинки вручную ? Интервал перехвата секунд ? Сохранить изображения На один
день На неделю На месяц На один год бессрочно изготовленный на заказ ? Время
жизни картинки days ? Включить ручные ловли

?


? кино

Имя файла фильма ? Прямая копия видео

? Формат фильма MPEG4 (.avi) MSMPEG4v2 (.avi) Small Web Format (.swf) Flash
Video (.flv) QuickTime (.mov) H.264 (.mp4) H.264/NVENC (.mp4) H.264/OMX (.mp4)
H.264/V4L2M2M (.mp4) HEVC (.mp4) HEVC/NVENC (.mp4) Matroska Video (.mkv)
Matroska Video/OMX (.mkv) Matroska Video/V4L2M2M (.mkv) ? Качество фильма
0%25%50%75%100%
0%
? Режим записи Триггер движения Непрерывная запись ? Максимальная
продолжительность фильма секунд ? Сохранить фильмы На один день На неделю На
месяц На один год бессрочно изготовленный на заказ ? Фильмы Пожизненная дней ?


? Обнаружение движения

Порог смены кадров
0%5%10%15%20%
0.0%
? Максимальный порог изменения pixels ? Автоматическая настройка порога

? Автоматическое обнаружение шума

? Уровень шума
0%5%10%15%20%25%
0%
? Обнаружение изменений света
0%25%50%75%100%
0%
? Фильтр пятен

?

Непрерывное движение секунд ? Поймали до маркировка ? Пойман после маркировка ?
Минимальное движение кадров маркировка ?

маскировать

? Тип маски умный "редактируемые" ? Смарт-маска Медлительность
12345678910
1
?
Изменить маску
Держать маску
?
Чистая маска
?

Показать изменения кадра

? Создать отладочные медиа-файлы

?

? Уведомления о движении

Actions when motion has started:

Отправить письмо

? Адреса электронной почты ? SMTP-сервер ? Порт SMTP ? Учетная запись SMTP ?
Пароль SMTP ? С адреса ? Используйте TLS

? Добавлен интервал времени картинок секунд ?
Тестовое письмо
?

Отправить уведомление в Telegram

? Токен HTTP API ? ID чата ? Время прикрепленных изображений seconds ?
Информация об API
Контрольная работа

Вызвать URL

? URL сайта ? HTTP метод GET POST (query) POST (form) POST (json) ?

Запустите команду

? команда ?

Actions when motion has ended:

Вызвать URL

? URL сайта ? HTTP метод GET POST (query) POST (form) POST (json) ?

Запустите команду

? команда ?


? График работы

понедельник

из до ? вторник

from to ? среда

from to ? четверг

from to ? пятница

from to ? суббота

from to ? воскресенье

from to ? Обнаружить движение В рабочее время Вне рабочего времени ?



copyright © The motionEye Team

Войти в систему

имя пользователяпарольПомни меня


отменить
Войти в систему