JSMpeg Server Relay — позволяет объединить несколько трансляции на одной веб странице.
- Прием данных по протоколу MPEG-TS через HTTP в формате цифрового сжатия аудио и видео MPEG1
- Поддержка множества трансляций на один порт сервера
- Трансляции отображаются на веб странице с помощью jsmpeg плеера
Начать трансляцию на сервер можно с помощью приложения JSMpeg Webcam Broadcaster.
Переменные среды применяемые для настройки сервера.
Переменные среды (ENV) | Описание | Значение по умолчанию |
---|---|---|
STREAM_KEY | Ключ для подключения клиента | не задано |
WEBSITE_PASSWORD | Пароль от сайта | admin |
ALLOW_MULTISTREAM | Значение true разрешает несколько трансляций с одного IP адреса, false запрещает |
false |
BROADCASTERS_LIMIT | Максимальное количество трансляций | 10 |
PORT | Порт HTTP сервера | 80 |
Отобразите веб страницу с трансляциями на стриме.
Для этого выполните следующие шаги:
- Скопируйте URL страницы из браузера (по умолчанию: http://localhost:80)
- В OBS создайте новый источник
Браузер
и вставьте ранее скопированный URL в полеАдрес URL
- Поставьте чекбокс ☑️ напротив
Отключать, когда не видим
иОбновить браузер, когда сцена становиться активной
- Чтобы отредактировать камеры в источниках OBS нажмите на
Браузер
->Взаимодействовать
. - Если OBS показывает не актуальную информацию выберете
Браузер
в источниках и нажмитеОбновить
. - По умолчанию OBS применяет прозрачный фон к страницам. Чтобы сделать фон непрозрачным удалите свойство
background-color
или все свойства из поля CSS.
Для изменения дизайна отредактируйте поле CSS выбрав Браузер
в Источники
OBS.
За фоновый цвет (подложку) отвечает CSS свойство background-color
элемента body
. По умолчанию используется белый цвет фона, в примере ниже розовый.
body {
background-color: hotpink;
}
В этом примере прозрачный фон.
body {
background-color: rgba(0, 0, 0, 0);
}
Используйте класс .border-a
, .border-b
, .border-c
для изменения цвета рамок. Изменим цвет на зеленый для первой рамки и желтый для второй.
.border-a {
background-color: green;
}
.border-b {
background-color: yellow;
}
Для выбора цвета кликните на плеер правой кнопкой мыши.
По вопросам сотрудничества свяжитесь со мной через:
mr.raz4291@gmail.com
Steam
Discord сервер Alliance