Как транслировать видео в прямом эфире на веб-сайте вашей компании

В настоящее время у нас есть бесконечные возможности поделиться видео в прямом эфире в Интернете. Мы можем, например, вести прямой эфир в Instagram, Facebook и YouTube, среди других социальных сетей, довольно легко, не требуя какого-либо современного оборудования. Мы также можем использовать такие платформы, как Twitch, если вы транслируете видео в прямом эфире для определенной ниши.

Однако, если вы действительно серьезно относитесь к потоковой передаче видео в прямом эфире, вам следует делать это на своем веб-сайте или в своем собственном приложении и с помощью вашего фирменного плеера.

В этом посте мы поделимся основным руководством о том, как вы можете транслировать видео в прямом эфире на веб-сайте, и хотя на первый взгляд это может показаться сложной задачей, на самом деле это проще, чем вы думаете.

Преимущества прямой трансляции на вашем веб-сайте

Как мы знаем, в настоящее время у нас есть множество довольно надежных и доступных платформ, где мы можем легко делиться нашими видео в прямом эфире онлайн, таких как YouTube или Twitch. Однако потоковое воспроизведение вашего контента на вашем собственном веб-сайте имеет ряд важных преимуществ и, безусловно, является тем, что нам следует учитывать, если мы действительно серьезно относимся к бизнесу потокового вещания.

Наличие собственного веб-сайта или приложения в качестве собственной платформы позволит вам:

  • Предоставьте максимальную свободу в управлении вашим потоком в прямом эфире, как в творческом, так и в финансовом плане
  • Вам не нужно полагаться на алгоритмы платформы и вы можете охватить свою идеальную аудиторию
  • Создайте полностью настраиваемый канал прямой трансляции, который действительно является вашим собственным (с вашим собственным брендингом)
  • Контролируйте свой доход и рекламные акции

В двух словах, трансляция вашего видео в прямом эфире на вашем собственном веб-сайте не позволяет вам полагаться на рекомендации, алгоритмы и ограничения потоковой платформы. У вас больше контроля над тем, какой контент вы хотели бы транслировать, и, поступая таким образом, вы можете максимизировать производительность вашего канала прямой трансляции.

Транслируйте видео в прямом эфире на своем веб-сайте: шаг за шагом

Шаг 1: Выбор платформы

Основной механизм трансляции вашего видео в прямом эфире на вашем веб-сайте заключается в выборе видеохостинга / платформы потоковой передачи, которая позволяет вам встроить ее проигрыватель на ваш веб-сайт. Кроме того, вы также можете создать свой собственный проигрыватель потокового видео, и, как правило, у нас есть три разных варианта:

  1. Полностью своими руками: если у вас есть знания в программировании, вы можете, например, создать свой собственный веб-сайт на WordPress и встроить свой собственный проигрыватель. Это может быть экономически эффективным подходом, но обычно для его реализации требуется больше времени.
  2. Наймите разработчика: если у вас есть бюджет, вы можете нанять веб-разработчика для создания веб-сайта и / или приложения, способного транслировать видео в прямом эфире. Это может обойтись очень дорого, если вы не будете осторожны, но, безусловно, это жизнеспособный вариант.
  3. Используйте платформу видеохостинга: например, с Viloud вы можете начать прямую трансляцию на своем веб-сайте по доступной цене.

Третий вариант, как правило, является наиболее доступным, а также часто и самым недорогим. Итак, ради этого руководства мы собираемся предположить, что мы используем платформу видеохостинга для создания нашего веб-сайта для потокового вещания.

Шаг 2: Подготовка к настройке

Теперь, когда вы определились с платформой, нам нужно подготовить наше оборудование для прямой трансляции.

Хотя настройка прямой трансляции может сильно различаться в зависимости от ваших потребностей и целей прямой трансляции, в целом, существует четыре основных элемента настройки прямой трансляции:

  1. Источник видео / звука: видеокамера является источником видео, так же как экран компьютера, файлы изображений и т.д. С другой стороны, микрофоны обычно являются основным источником звука в прямом эфире.
  2. Кодировщик: кодировщик будет кодировать ваши видеоданные из потока непрерывных файлов изображений в сжатый единый файл видеоданных. Это обеспечивает удобный для Интернета формат для места назначения потоковой передачи, обеспечивающий надежный поток с низкой задержкой.
  3. Платформа потоковой передачи: которую мы обсуждали выше, мы должны просто подключить кодировщик к платформе потоковой передачи для запуска прямой трансляции.
  4. Подключение к Интернету: поскольку это прямая трансляция, ваш Интернет фактически является тем, кто ‘подает’ контент вашим зрителям. Таким образом, быстрое и надежное подключение к Интернету является обязательным. Как правило, скорость вашего Интернета должна быть как минимум в два раза выше выбранного вами битрейта (т. Е. если ваш битрейт равен 3 Мбит / с, то вам потребуется стабильная пропускная способность Интернета 6 Мбит / с). Подробнее о битрейте ниже.

Шаг 3: Подключение ваших аудио- и видеоисточников к кодировщику

Этот шаг зависит от того, используете ли вы программный или аппаратный кодировщик.

Если вы используете аппаратный кодировщик, то вы можете подключить к этому кодировщику свою камеру, микрофон или любые другие источники аудио / видео. Затем вы можете подключить кодировщик к своему ПК или ноутбуку.

Однако, если вы используете программный кодировщик, возможно, вам не удастся подключить камеру и микрофон напрямую к компьютеру. Вместо этого вам понадобится промежуточное устройство, называемое capture cards. Однако в настоящее время существуют USB-микрофоны и камеры, которые вы можете напрямую подключать к своему компьютеру без использования карты захвата.

Шаг 4: Настройка кодировщика

Опять же, это может варьироваться в зависимости от того, является ли ваш кодировщик программным или аппаратным, а также от марки кодировщика. Тем не менее, вы должны, по крайней мере, настроить три наиболее важных параметра:

  • Разрешение: размер видеопроигрывателя (и загружаемого видео), который будет определять качество видео. 1280 × 720 пикселей — это стандартное разрешение HD, также известное как 720p, но попробуйте использовать 1080p (1920 × 1080) или даже 4K (3840 x 2160), если позволяет ваша пропускная способность.
  • Битрейт: битрейт означает, сколько данных загружается на платформу потокового вещания каждую секунду, измеряется в Кбит /с (килобитах в секунду) или Мбит/ с в секунду и Гбит /с. Чем выше битрейт, тем более плавным будет качество видео.
  • Частота кадров: сколько кадров отображается в секунду в вашем потоке видео в реальном времени. 30 кадров в секунду считаются довольно приличными, но старайтесь показывать 60 кадров в секунду, когда сможете.

Шаг 5: Настройка места назначения потоковой передачи и кодировщика

Ключом к обеспечению успеха вашей прямой трансляции является то, что ваш кодировщик и платформа для видеохостинга / потокового вещания должны быть должным образом интегрированы друг с другом.

Кодировщик должен знать, куда отправлять видеоданные, в то время как платформа видеохостинга должна получать и проверять данные, чтобы она могла начать предоставлять их зрителям.

Хотя это может варьироваться в зависимости от кодера и видеоплатформы, обычно вы можете сделать это, скопировав URL потока и ключ потока / название потока (секретный код, предоставляемый платформой хостинга) в кодер.

Шаг 6: встраивание видеоплеера на ваш веб-сайт

Последнее, но не менее важное — это встраивание видеопроигрывателя на ваш веб-сайт, и этот шаг может варьироваться в зависимости от того, какую платформу видеохостинга / видеопроигрыватель вы используете. В этом руководстве мы будем использовать Viloud в качестве примера. В Viloud вы можете использовать следующие шаги для встраивания проигрывателя на свой сайт:

  1. Войдите в свою учетную запись Viloud
  2. Перейдите к каналам в меню навигации с левой стороны
  3. Нажмите кнопку Встроить, она должна быть хорошо видна
  4. Настройте свой проигрыватель: размер, параметры отображения и воспроизведения
  5. Вы должны увидеть код для встраивания в текстовом поле, скопируйте этот код
  6. Вставьте этот код в HTML-код вашего сайта

Вуаля, на вашем веб-сайте теперь есть функциональный видеоплеер, который вы можете сразу использовать для трансляции как видео по запросу, так и видео в реальном времени.

Заключение

Как вы можете видеть, потоковое видео в прямом эфире на вашем веб-сайте или в приложении на самом деле довольно легко сделать в настоящее время, благодаря достижениям в технологии, которые сделали оборудование, необходимое для запуска прямой трансляции, намного более доступным, чем когда-либо, а также наличию недорогих и надежных платформ хостинга, таких как Viloud, которые делают добавление видеоплеера на ваш веб-сайт намного проще, чем когда-либо.