← Cloudflare Stream / stream / examples

Первая прямая трансляция с OBS

Stream позволяет клиентам и их конечным пользователям быстро и в любом масштабе запускать прямые трансляции. Плеер легко встраивается в сайты и приложения, но не все знают, как организовать прямую трансляцию, ведь для этого нужно отдельное приложение. Это руководство покажет, как запустить свою первую прямую трансляцию с помощью OBS Studio: бесплатного приложения для трансляций, которым пользуются тысячи клиентов Stream. Всего нужно пройти пять шагов, и на всё руководство уйдёт меньше 15 минут.

Чтобы начать прямую трансляцию на Stream, вам потребуется одно из следующего:

• Платная подписка на Stream
• Тарифный план зоны Pro или Business: в него входит 100 минут хранения видео и 10,000 минут доставки видео
• Контракт уровня Enterprise с включённым Stream

Кроме того, вам потребуется возможность установить приложение на компьютер.

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

Вам понадобится Live Input в Stream. Следуйте Запуск прямой трансляции руководство. Обратите внимание на три момента:

• URL-адрес RTMPS, которым, скорее всего, будет rtmps://live.cloudflare.com:443/live/
• Ключ RTMPS, который относится к новому live input
• Независимо от того, включена ли у вас бета-функция «Low-Latency HLS Support», для первого теста оставьте здесь отключено. (Что это такое? ↗)

Скачать OBS Studio ↗ для Windows, macOS или Linux. База знаний OBS содержит несколько руководства по установке ↗, но настройки установщика по умолчанию обычно подходят.

При первом запуске OBS откроется Auto-Configuration Wizard, который задаст несколько вопросов и предложит рекомендуемые параметры. См. их Руководство по быстрому старту ↗ для получения дополнительных сведений. Для быстрого начала работы со Stream используйте следующие настройки:

• Шаг 1: «Usage Information»
  • Выберите «Optimize for streaming, recording is secondary.»
• Шаг 2: «Video Settings»
  • Базовое разрешение (холст): 1920x1080
  • FPS: "По возможности используйте 60 кадров в секунду, иначе 30"
• Шаг 3: «Stream Information»
  • Служба: "Custom"
  • Для Сервер, введите RTMPS URL из Stream
  • Для Stream Key, введите RTMPS Key из Stream
  • Если доступно, выберите оба «Отдавать предпочтение аппаратному кодированию» и «Оценить битрейт с помощью теста пропускной способности.»

Добавьте на сцену в OBS тестовый контент. В этом примере добавлены фоновое изображение, веб-браузер (для отображения time.is ↗), и наложение веб-камеры:

OBS предлагает множество источников аудио, видео, неподвижных изображений и сгенерированного контента для настройки трансляции. Чтобы добавить контент, используйте кнопку «+» на панели «Sources». Подробнее см. Руководство по источникам OBS ↗ для получения дополнительных сведений. Для первоначальной проверки используйте источник с каким-либо движением в кадре: например, веб-камеру («Video Capture Device»), демонстрацию экрана («Display Capture») или браузер с сайтом, на котором есть анимация.

Нажмите кнопку "Start Streaming" на нижней правой панели в разделе "Controls", чтобы начать трансляцию с настройками по умолчанию.

Вернитесь на страницу Live Input в Stream Dash. В разделе "Input Status" вы должны увидеть "🟢 Connected" и метрики соединения. Ниже на странице вы найдёте тестовый плеер и код для встраивания. Другие способы просмотра и встраивания вашей прямой трансляции см. Просмотр прямой трансляции.

Настройка некоторых параметров в OBS может повысить качество, снизить задержку glass to glass или повысить стабильность воспроизведения трансляции. Это особенно важно, если вы включили бета-функцию «Low-Latency HLS».

Вернитесь в OBS и нажмите "Stop Streaming." Затем нажмите "Settings" и откройте раздел "Output":

• Изменить Режим вывода на «Advanced»

Доступные вам параметры в меню «Video Encoder», а также итоговые «Encoder Settings», могут немного отличаться от показанных здесь, так как набор параметров зависит от оборудования.

• Видеоэнкодер: может иметь несколько вариантов. Начните с выбранного по умолчанию значения, в этом примере это «x264». Также можно попробовать другие варианты, которые задействуют аппаратное ускорение, если оно доступно: «QuickSync H.264» или «NVIDIA NVENC». Подробнее см. в руководстве OBS по аппаратному кодированию. H.264 является обязательным выходным кодеком.
• Управление битрейтом: убедитесь, что выбран режим "CBR" (постоянный битрейт).
• Битрейт: в зависимости от содержимого потока обычно достаточно битрейта от 3000 до 8000 Kbps. Более низкий битрейт лучше переносит перегрузку сети и подходит для контента с меньшей детализацией или движением (спикер, слайды и т. д.), тогда как более высокий битрейт требует более стабильного сетевого соединения и лучше всего подходит для контента с большим количеством движения или деталей (мероприятия, движущиеся камеры, видеоигры, демонстрация экрана, более высокая частота кадров).
• Интервал ключевых кадров, иногда называемый Размер GOP:
  • Если вы не выберите Low-Latency HLS Beta, установите значение 4 секунды. Увеличьте его до 8, если в трансляции наблюдаются заикания или зависания.
  • Если вы did выберите Low-Latency HLS Beta, установите значение 2 секунды. Увеличьте его до 4, если в трансляции наблюдаются заикания или зависания. Уменьшите его до 1, если воспроизведение идёт плавно.
  • Как правило, чем больше интервал ключевых кадров, тем эффективнее используются пропускная способность и процессор при кодировании, но тем выше задержка от съемки до показа зрителю. Меньший интервал ключевых кадров снижает задержку, но требует больше ресурсов и хуже переносит перебои и перегрузки сети.
• Профиль и Настройка можно оставить со значениями по умолчанию.
• B-кадры (доступно только для некоторых энкодеров) для потоков LL-HLS Beta должно быть равно 0.

Подробнее об оптимизации прямой трансляции с помощью рекомендации для прямых трансляций и устранение неполадок прямых трансляций.

Выполнив эти шаги, вы создали Live Input в Stream, провели тестовую трансляцию из OBS и увидели ее воспроизведение во встроенном плеере Stream в Dash. Дальше попробуйте:

• Встраивание прямой трансляции на сайт
• Найдите и воспроизведите запись прямой трансляции