Быстро создайте свой собственный сервер прямой трансляции и создайте собственную службу прямой трансляции.
Быстро создайте свой собственный сервер прямой трансляции и создайте собственную службу прямой трансляции.

Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.

Добавлены подробности установки,Адрес:https://blog.csdn.net/wjwj1203/article/details/104608243

В этой статье вы можете узнать следующее:

1 、Сборка вручнуюпрямая трансляциясервер,Заполните прямую заявку на мобильную поддержку трансляция。 2. Используйте OBS для отправки потоков. 3. Используйте веб-страницы HTML5 для воспроизведения файлов потокового мультимедиа m3u8.

1. Создайте сервер потокового мультимедиа.

Здесь мы выбираем открытый исходный кодsrs流媒体сервер[https://github.com/ossrs/srs],Заинтересованные студенты также могут выбрать[Adobe Media Server 5],Принципы те же.

Способ установки находится в[https://github.com/ossrs/srs]Есть подробная инструкция,Но учитывая компьютер Mac, который я использую,Некоторые детали требуют внимания,Итак, метод установки представлен ниже.

Шаг 1. Выполните следующие команды в любом локальном каталоге:

Язык кода:javascript
копировать
git clone https://github.com/ossrs/srs
Язык кода:javascript
копировать
vi srs/trunk/conf/srs.conf
Изменить max_connections    1000 для макс_соединений;     100;
Примечание. Если вы не измените это значение, во время компиляции будет сообщено об ошибке.
Язык кода:javascript
копировать
cd srs/trunk
Язык кода:javascript
копировать
./configure --osx
Примечание: на Mac В системе ./configure нужно добавить, когда  --osx
Язык кода:javascript
копировать
make

Просто дождитесь завершения установки.

Шаг 2. Измените файл конфигурации и запустите сервер потокового мультимедиа:

Язык кода:javascript
копировать
Изменить конфигурацию:

vi srs/trunk/conf/hls.conf
Измените путь hls_path, путь по умолчанию — ./objs/nginx/html, здесь он изменен на /Users/wangjie/fileUploadDir. 。

Примечание. Поскольку на этом компьютере не установлены nginx и apache, они размещаются непосредственно в виртуальном каталоге tomcat, но рекомендуется использовать nginx или apache.

Роль hls_path: прямая. трансляция выводит файлы m3u8 и файлы ts в hls_path. С помощью файлов m3u8 вы можете воспроизводить их при запуске.

Адрес воспроизведения m3u8: http://192.168.1.115:8088/upload/live/livestream.m3u8, 192.168.1.115 — локальный IP-адрес, 8088 — порт сервера tomcat, а загрузка — это виртуальный путь tomcat, который необходимо заменяться один за другим на ваш собственный путь доступа к веб-серверу.

Длинное предложение: для веб-сервера livestream.m3u8 — это просто файл. Мы можем установить hls_path, чтобы веб-сервер мог получить к нему доступ.
Язык кода:javascript
копировать
Запустить срс-сервер

./objs/srs -c conf/hls.conf

2. Используйте потоковую передачу OBS

1. Создайте новую сцену. Здесь можно создать захват видео или захват окна.

2. Настройте собственный сервер потокового мультимедиа в потоке, URL-адрес: rtmp://127.0.0.1:1935/live, ключ потока: livestream.

3. Нажмите, чтобы начать потоковую передачу, чтобы завершить ее.

4. В это время файлы ts и m3u8 будут созданы в пути hls_path, который мы настроили выше.

3. Смотрите прямую трансляцию

1. Адреса прямой трансляции: rtmp url: rtmp://127.0.0.1:1935/live/livestream m3u8 url: http://127.0.0.1:8088/upload/live/livestream.m3u8 rtmp можно использовать для воспроизведения на компьютере, а m3u8 — для воспроизведения на мобильных устройствах.

2. Метод воспроизведения с компьютера: вы можете использовать флэш-воспроизведение или клиентский проигрыватель, поддерживающий rtmp.

3. Метод мобильного воспроизведения: Создайте новую страницу HTML5, и вы сможете воспроизвести ее, посетив эту страницу на своем мобильном телефоне.

Язык кода:javascript
копировать
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
 </head>
 <body>
 <video src="http://192.168.1.115:8088/upload/live/livestream.m3u8" controls="controls" width="400" height="300"></video>
 </body>
 </html>

Вывод: Собрать такой сервер прямых трансляций и провести прямую трансляцию очень просто. Главное — настройка и понимание принципов.

Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/131778.html Исходная ссылка: https://javaforall.cn

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода