Как добавить браузер в OBS

Вариант 1: Добавление источника «Браузер»

Источник «Браузер» в OBS — встроенный инструмент, работающий на базе Chromium Embedded Framework. Он загружает указанную веб-страницу прямо в окно программы, не показывая адресную строку, табы и остальные элементы обычного браузера — в сцене отображается только содержимое самой страницы.

Применяется этот источник преимущественно для добавления в сцену оверлеев и виджетов для стримов. Через него подключаются оповещения о донатах и подписках с сервисов DonationAlerts, StreamElements и подобных, а также добавляются таймеры обратного отсчета, чат-виджеты и различные анимации событий. Кроме готовых решений от внешних сервисов, через источник «Браузер» можно загрузить любую локальную HTML-страницу, что дает возможность создать полностью кастомные элементы оформления сцены.

Фон источника по умолчанию прозрачный, поэтому виджеты и оверлеи накладываются на остальные элементы сцены без дополнительной обработки. Для тонкой настройки внешнего вида доступен раздел «Пользовательский CSS» в свойствах источника, куда можно добавить собственные стили.

Чтобы добавить источник в сцену, выполните следующие действия:

1. В блоке «Источники» нажмите кнопку с плюсом и из появившегося списка выберите «Браузер».

2. Введите произвольное название для источника и подтвердите нажатием «ОК».
3. В окне свойств укажите URL веб-страницы в соответствующем поле. Если планируете загрузить локальный файл с компьютера, поставьте галочку напротив «Локальный файл» и укажите путь к HTML-документу.

4. Выставьте нужную ширину и высоту источника — по умолчанию стоит 800×600, однако под конкретный виджет размеры подбираются индивидуально. Большинство сервисов указывают рекомендуемые значения в настройках своих виджетов.
5. При необходимости включите «Использовать индивидуальную частоту кадров» и укажите значение FPS. Для большинства виджетов частота кадров по умолчанию вполне достаточна.

6. Нажмите «ОК» для подтверждения настроек — содержимое страницы тут же отобразится в сцене.

Вариант 2: Захват веб-браузера

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

Способ 1: Захват окна

Захват окна — основной способ добавить окно любого приложения, включая веб-браузер, в сцену OBS. На Windows 11 он работает корректно с большинством браузеров при настройках по умолчанию, что позволяет получить результат буквально за несколько кликов.

1. В блоке «Источники» нажмите кнопку с плюсом и из списка выберите «Захват окна».

2. Введите удобное название для источника и нажмите «ОК».

3. В выпадающем списке «Окно» отыщите нужный браузер — для этого он должен быть уже запущен на вашем компьютере.

4. Параметр «Способ захвата» оставьте в значении «Автоматический», поскольку на Windows 11 он автоматически определяет оптимальный способ для текущего окна.

5. По необходимости поставьте или снимите галочку «Захватывать курсор». Параметр «Область клиента» при его активации отрезает заголовочную полосу окна, оставляя только содержимое.

6. Подтвердите настройки нажатием «ОК» — окно браузера отобразится в сцене.

При использовании метода захвата «Windows 10 (Версия 1903 или новее)», который применяется автоматически в актуальных версиях OBS, вокруг захваченного окна может появляться желтая рамка. Она видна только во время настройки в интерфейсе OBS и не записывается и не транслируется.

Читайте также: Как убрать желтую рамку в OBS

Способ 2: Захват окна с отключением аппаратного ускорения

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

Читайте также: Исправление проблемы с черным экраном при записи игры в OBS

Для решения требуется выполнить два действия: отключить аппаратное ускорение в настройках самого браузера, а затем в свойствах источника в OBS сменить метод захвата на «BitBlt (Windows 7 и выше)». После этих изменений содержимое окна начнет отображаться корректно. Подробная инструкция по отключению аппаратного ускорения в различных браузерах представлена в тематическом материале на нашем сайте — для всех браузеров на базе Chromium, включая Google Chrome, Microsoft Edge и Opera, процесс выполняется одинаково через раздел системных параметров.

Подробнее: Отключение аппаратного ускорения в браузере

Способ 3: Захват игры

Источник «Захват игры» в OBS создан для записи игр, однако он также поддерживает захват произвольных окон, включая веб-браузеры. Если предыдущие способы не дали нужного результата или при захвате окна возникают проблемы со стабильностью изображения, стоит попробовать этот вариант.

1. В блоке «Источники» нажмите кнопку с плюсом и выберите «Захват игры».

2. Задайте произвольное имя источника и нажмите «ОК».

3. В выпадающем списке «Режим» выберите «Захват отдельного окна».

4. Из списка «Окно» укажите нужный браузер — приложение должно быть запущено заранее.

5. Убедитесь, что галочка «Использовать перехватчик, совместимый с защитой от читов» стоит.

6. Подтвердите настройки нажатием «ОК».

При необходимости можно вернуться к свойствам источника и выбрать другое окно без удаления и повторного добавления «Захват игры» в сцену.

Способ 4: Захват экрана

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

1. В блоке «Источники» нажмите кнопку с плюсом и из списка выберите «Захват экрана».

2. Введите удобное название для источника и нажмите «ОК».

3. Если к компьютеру подключено несколько мониторов, в свойствах укажите нужный дисплей из выпадающего списка.

4. Подтвердите настройки — содержимое выбранного экрана тут же появится в сцене.

Для того чтобы в кадр попадал только браузер, разверните его на весь экран и убедитесь, что остальные окна не перекрывают его содержимое. Захват экрана также выручит в тех случаях, когда при использовании захвата окна или игры возникают неразрешимые проблемы с отображением.