Как провести интерактивную прямую трансляцию в Facebook

Благодаря Open Graph, Фейсбук позволяет отслеживать реакции на ваш пост.
Мы помним, что многие из вас побаиваются разработчиков и программирования.

Поэтому мы нашли для вас полный бесплатный zip-архив, который можно скачать.
В нём вы найдете всё, чтобы создать собственную веб-страницу и вести интерактивный прямой эфир с помощью Facebook Live.

В нём содержатся:

- index.html (главная страница эфира);
- логотип;
- фон;
- смайлики-эмоджи (лайк, сердечко, смех, грусть, шок и злость);
- скрипты.

Разархивируйте файл на компьютере. Откройте файл index.html в «блокноте».
Можете увидеть, что с некоторыми настройками нужно поработать самостоятельно.
Давайте посмотрим, как это сделать!

Обратите внимание: вы можете упростить этот процесс, если вы немного знакомы с CSS.

Длительность: 7 минут.

Если вы знакомы с Facebook API, то вы наверняка знаете, что из себя представляет процесс создания приложения на Фейсбуке. Это занимает несколько минут и точно того стоит.
Так, вы будете способы создать собственный токен доступа и запросить данные в фейсбуке.

Не будем объяснять полный процесс создания приложения, просто загуглите, как это сделать.

Важно: ваш токен должен выглядеть так: "349788035326125|BPmk2PBTHSnzbI8o6CZVLaRJiBY". Он состоит из целого числа, символа «|» и текстовой строки. Если после следования инструкции счетчик не увеличится, проверьте, является ли ваш токен доступа в Фейсбук действительным.

Теперь правим файл index.html (строку 105) с помощью нашего нового токена доступа.

Чтобы выйти в эфир, используем «инструменты публикаций» на вашей странице в Фейсбуке.

Зайдите в свой профиль и кликните на «инструменты публикаций» в верхнем меню. Далее кликните на «Видео» в меню слева. Далее – на кнопку «+Эфир» в правом верхнем углу.

Далее скопируйте ключ трансляции в появившемся модальном окне.

Важно: URL сервера и ключ трансляции могут быть использованы только для единичного просмотра или поста эфира. Вам нужно использовать один и тот же URL и ключ для просмотра и поста. Таким образом, вы не можете остановить эфир, а потом вернуться к нему. Срок действия данных URL и ключа истечет через 24 часа после просмотра.

Нажмите на превью и заполните обновленный текст и описание под видео.

Длительность: 15 минут.

Поехали. Ваш Facebook Live почти готов, осталось только настроить прямой эфир на вашей динамичной странице. Для этого мы будем использовать OBS.

А) Скачайте OBS и установите его на свой компьютер.

Б) Зайдите в «Настройки» в OBS и кликните «Эфир» в меню слева.

В графе «Тип Эфира» выберите «Эфир с сервиса», а в качестве сервиса выберите «Facebook Live».

Вставьте ключ трансляции, который вы получили на предыдущем шаге в поле «Ключ Трансляции».

Нажмите «Применить» и «Ок».

В) Добавьте источник в меню OBS. Нажмите на «+» > "Browsersource" > Создать новый.

Загрузите и выберите ваш файл index.html (подсмотрите в шаг 1) как «Локальный файл». Нажмите «Ок».

Г) Вам будет доступен предпросмотр вашей собственной страницы.
Увеличьте, чтобы растянуть на весь экран.

Нажмите «Выйти в эфир».

Вернитесь во всплывающее окно Facebook Live в браузере. Через пару секунд оно отобразит «Загрузка эфира». А еще через несколько секунд вы увидите свою страницу!
Обратите внимание, эфир будет идти с задержкой в 5-7 секунд. Это нормально.

Важно: мы пока не знаем адрес вашего поста. Это последнее, что нам нужно, чтобы закончить настройку вашего index.html. Как только пост опубликован, мы можем получить адрес вашей записи и начать работу с ней!

Опубликуйте свой эфир, кликнув на «Выйти в эфир».

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

Есть несколько способов получить адрес поста. Самый простой - зайти на свою станицу в Фейсбуке, кликнуть на время публикации и скопировать ссылку. Номер, отобразившийся в URL, и будет адресом записи. Вставьте этот номер в файл index.html на строку 106. Сохраните.

Важно: адрес поста – это целое число, а не URL.

Теперь вернемся к меню OBS. После двойного клика на источник появится всплывающее окно. Нажмите «ОК». Страница перезагрузится с последними обновлениями.