BUR-58 Добавлена поддержка работы с камерой #4

APervov · 2026-07-05T04:04:53Z

APervov commented

2026-07-05 04:04:53 +00:00

Задача

Бэкенд

Таблица camera:

edge — буровая
protocol — например wss
source — хост/путь, например beta.video.drill.greact.ru/ws

Вместе protocol + source = полный адрес потока (как раньше был один url).

GET /api/camera — отдаёт камеры текущей буровой:

SELECT protocol, source FROM camera WHERE edge = ${currentEdge}

Фронтенд

В сайдбаре (рядом с Обзор / Архив / Показатели) — пункт Видео.

Компоненты по аналогии с метриками:

CameraView — одна камера, проп wsUrl (собирается из protocol + source на фронте)
CameraViewsContainer — flex: 2 камеры в ряд, 4 — сетка 2×2 на экран
(по аналогии с MetricWidget в контейнере MetricWidgetsContainer)

Данные с /api/camera → набор CameraView в контейнере.

Образец как показывать данные с такого источника

12345678910111213141516171819202122232425


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>edge5 video relay</title>
  <script src="https://cdn.jsdelivr.net/npm/mpegts.js/dist/mpegts.js"></script>
  <style>
    body { margin: 0; background: #000; }
    #v { display: block; width: 100vw; height: 100vh; object-fit: contain; }
  </style>
</head>
<body>
  <video id="v" controls autoplay muted></video>
  <script>
    const wsUrl = 'wss://где-то.там.ru';
    const player = mpegts.createPlayer(
      { type: 'mpegts', isLive: true, url: wsUrl },
      { liveBufferLatencyChasing: true, liveBufferLatencyMaxLatency: 1.5 }
    )
    player.attachMediaElement(document.getElementById('v'))
    player.load()
    player.play()
  </script>
</body>
</html>

Воспроизведение — на React (не vanilla). Референс: https://beta.video.drill.greact.ru/, тестовый поток wss://beta.video.drill.greact.ru/ws.

Что сделано

Добавил необходимую структуру для работы с сущностью камеры.
Приложил видео тестирования двух записей в бд, нашего потока ws (который был офлайн) и нашел публичный доступный .ts (который также поддерживается плеером mpegts), для того, чтобы убедиться, что трансляция запускается

# Задача **Бэкенд** Таблица `camera`: - `edge` — буровая - `protocol` — например `wss` - `source` — хост/путь, например `beta.video.drill.greact.ru/ws` Вместе `protocol` + `source` = полный адрес потока (как раньше был один `url`). `GET /api/camera` — отдаёт камеры текущей буровой: `SELECT protocol, source FROM camera WHERE edge = ${currentEdge}` --- **Фронтенд** В сайдбаре (рядом с Обзор / Архив / Показатели) — пункт **Видео**. Компоненты по аналогии с метриками: - `CameraView` — одна камера, проп `wsUrl` (собирается из `protocol` + `source` на фронте) - `CameraViewsContainer` — flex: 2 камеры в ряд, 4 — сетка 2×2 на экран (по аналогии с MetricWidget в контейнере MetricWidgetsContainer) Данные с `/api/camera` → набор `CameraView` в контейнере. Образец как показывать данные с такого источника 12345678910111213141516171819202122232425 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>edge5 video relay</title> <script src="https://cdn.jsdelivr.net/npm/mpegts.js/dist/mpegts.js"></script> <style> body { margin: 0; background: #000; } #v { display: block; width: 100vw; height: 100vh; object-fit: contain; } </style> </head> <body> <video id="v" controls autoplay muted></video> <script> const wsUrl = 'wss://где-то.там.ru'; const player = mpegts.createPlayer( { type: 'mpegts', isLive: true, url: wsUrl }, { liveBufferLatencyChasing: true, liveBufferLatencyMaxLatency: 1.5 } ) player.attachMediaElement(document.getElementById('v')) player.load() player.play() </script> </body> </html> ``` Воспроизведение — на React (не vanilla). Референс: [https://beta.video.drill.greact.ru/](https://beta.video.drill.greact.ru/), тестовый поток `wss://beta.video.drill.greact.ru/ws`. # Что сделано - Добавил необходимую структуру для работы с сущностью камеры. - Приложил видео тестирования двух записей в бд, нашего потока ws (который был офлайн) и нашел публичный доступный .ts (который также поддерживается плеером mpegts), для того, чтобы убедиться, что трансляция запускается

Запись 2026-07-05 065959.mp4

23 MiB

APervov added 1 commit 2026-07-05 04:04:53 +00:00

BUR-58 Добавлена поддержка работы с камерой 203bdf193e

APervov referenced this pull request from APervov/ui

2026-07-05 04:07:44 +00:00

BUR-58 Добавлена поддержка работы с камерой #4 #12

APervov merged commit 387f6c0613 into dev

2026-07-05 04:08:03 +00:00

APervov referenced this issue from a commit

2026-07-05 04:08:04 +00:00

Merge pull request 'BUR-58 Добавлена поддержка работы с камерой' (#4) from bur-58 into dev