Просто создайте сервер прямой трансляции
Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.
1. Создайте сервер потокового мультимедиа.
1. Загрузите srsv2.0_r8 ,Адрес загрузки:：https://codeload.github.com/ossrs/srs/zip/v2.0-r8
Для загрузки рекомендуется использовать Thunder. Лично я считаю, что это быстрее.
2. После скачивания разархивируйте файл (я разархивировал его на своем Windows-компьютере) и загрузите его.
====>
Используйте инструмент загрузки, чтобы загрузить папку на мою виртуальную машину Linux и переименуйте ее в srs.
3. Начать установку
Введите каталог транка
cd /mystorage/srs/trunk
./configure
# Подождите, пока выполнится указанная выше команда, и выполните команду make для компиляции.
makeКогда make скомпилирован, установка завершена.
Далее идет конфигурация:
Чтобы обеспечить доступ кпрямая трансляциясервер,Отключите брандмауэр напрямую（Вы также можете использоватьпрямая трансляция В брандмауэре порт сервера настроен на доступность)
service firewalld stopЗапустить службу
# Режим запуска на переднем плане
./objs/srs -c conf/rtmp.conf
# Как запустить фоновый процесс
nohup ./objs/srs -c conf/rtmp.conf &
2. Запустите потоковое видео в реальном времени.
1. Нам нужно загрузить программное обеспечение для записи потокового экрана.
https://pc.qq.com/detail/4/detail_23604.html
После скачивания и установки необходимо сделать следующие настройки:
Ключ потока по умолчанию: livestream.
2. В это время файлы ts и m3u9 будут созданы в настроенном нами пути hls_path.
3. Открыть ресурс, чтобы другие могли смотреть прямую трансляцию. Здесь я использую прокси nginx.
4. Наконец клиент смотрит прямую трансляцию
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Фронтальное воспроизведениеm3u8форматировать видео</title>
<link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet">
<script src='https://vjs.zencdn.net/7.4.1/video.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js" type="text/javascript"></script>
<!-- videojs-contrib-hls Для игры на компьютере Если вам нужно играть только на мобильном телефоне, его не нужно вводить. -->
</head>
<body>
<style>
.video-js .vjs-tech {position: relative !important;}
</style>
<div>
<video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" data-setup='{}' style='width: 100%;height: auto'>
<source id="source" src="http://192.168.2.225/live/livestream.m3u8" type="application/x-mpegURL"></source>
</video>
</div>
</body>
<script>
// videojs Простой в использовании
var myVideo = videojs('myVideo', {
bigPlayButton: true,
textTrackDisplay: false,
posterImage: false,
errorDisplay: false,
})
myVideo.play()
var changeVideo = function (vdoSrc) {
if (/\.m3u8$/.test(vdoSrc)) { //Определяем, находится ли источник видео в формате m3u8
myVideo.src({
src: vdoSrc,
type: 'application/x-mpegURL' //Вам необходимо указать новое значение типа при повторном добавлении источника видео
})
} else {
myVideo.src(vdoSrc)
}
myVideo.load();
myVideo.play();
}
</script>Я использую Гром Видео
Примечание. После моего тестирования кажется, что задержка составляет более минуты.
Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/141048.html Исходная ссылка: https://javaforall.cn
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
Код js веб-страницы, фон частицы, код спецэффектов
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
Серия uni-app: uni.navigateЧтобы передать скачок значения
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
JS-время конвертации
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
Поле комментария, щелчок мышью, специальные эффекты, js-код
Объект массива перемещения объекта JS
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
Получить текущее время в js_Как динамически отображать дату и время в js
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
Copilot облачной разработки — упрощение разработки
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
vLLM: мощный инструмент для ускорения вывода ИИ
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
LM Studio для создания локальных больших моделей
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
