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

Обновлено: 21.11.2024

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

Перейдем к руководству.

Что такое источники браузера в Streamlabs OBS?

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

В этом уроке я расскажу о трех различных типах источников браузера, которые вы, вероятно, захотите использовать в Streamlabs OBS.

Добавление источника URL браузера в Streamlabs

Исходный URL-адрес браузера позволяет отображать веб-страницу в потоке. Например, вы можете показать страницу Youtube и отреагировать на определенное видео.

Чтобы добавить источник браузера в свою трансляцию, выберите Источники –> + –> Источник браузера –> Добавить источник

Дайте вашему источнику имя, и тогда мы сможем добавить наш URL.

Просто вставьте URL-адрес веб-сайта, который вы хотите отобразить на своем экране. Для чего-то вроде YouTube у них есть всплывающее окно GDPR, которое вам нужно будет удалить, если вы хотите посмотреть видео.

Для этого щелкните правой кнопкой мыши источник браузера –> Interact. Появится новое окно, в котором вы сможете взаимодействовать с браузером и идеально расположить его для трансляции.

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

Добавление стороннего браузера виджетов в OBS Streamlabs

Сторонние виджеты используются в основном для источников браузера в Streamlabs OBS. Это позволяет нам добавлять в ваш поток дополнительные функции, которые не предоставляет Streamlabs OBS. Если вы использовали OBS Studio раньше, вы, вероятно, знакомы с этим.

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

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

Чтобы использовать сторонний виджет, вставьте свой URL-адрес в раздел URL-адресов (если вы хотите настроить аудио, выберите звук управления через OBS), и все готово.

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

Добавление локального файла в качестве источника браузера в Streamlabs OBS

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

Например, я использую приложение для запуска таймера обратного отсчета в своих потоках. Чтобы продемонстрировать таймер обратного отсчета, мне нужно добавить локальный файл в качестве источника браузера в Streamlabs.

Например, приложение, которое я использую, называется Snaz, и здесь вы можете видеть, что они предоставляют мне локальный URL-адрес файла на моем компьютере (Копировать путь в буфер обмена). Когда я копирую этот URL-адрес, я перехожу к исходному коду своего браузера, выбираю «Локальный файл» и вставляю URL-адрес.

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

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

Вас также может заинтересовать наше Полное руководство по OBS Streamlabs

Подведение итогов

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

Платформа OBS предлагает широкий спектр возможностей, которые вы можете добавить к прямой трансляции или записи. Добавление окна браузера для показа клипов или веб-сайтов может помочь вам еще больше привлечь аудиторию. Итак, как записать окно браузера в OBS?

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

Запись окна браузера в OBS

Я предполагаю, что у вас установлена последняя версия OBS и вы готовы к работе. Если нет, вы всегда можете скачать его бесплатно.

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

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

Обычно я настраиваю это без отображения закладок или адресной строки.

Добавить источник захвата окна

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

Нажмите, чтобы добавить снимок окна.

Дайте захвату новое имя. Это сделано для того, чтобы вы могли легко найти его в макете источников. В этом уроке я назову его просто «Мой браузер».

Откроется окно настроек источника.

Измените настройки в соответствии с вашими потребностями

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

Если вы не видите здесь свой браузер, щелкните раскрывающийся список "Окно", чтобы выбрать браузер.

Как видите, OBS показывает окно WordPress этой статьи. Это потому, что я делаю скриншоты, когда пишу. Поскольку это последнее окно, которое я использую, OBS фиксирует его.

Сохраните настройки

Когда закончите, нажмите "ОК".

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

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

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

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

Добавить источник захвата изображения

Откройте список источников в OBS.

На этот раз вы хотите выбрать «Захват экрана».

Дайте вашему дисплею имя. Таким образом, вы можете легко найти его среди источников OBS в вашей сцене. В данном случае я назову его «Мой монитор».

(Необязательно) Выберите дисплей, который вы хотите использовать

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

Этот источник будет захватывать каждый отдельный элемент с этого конкретного монитора.Это означает, что если вы хотите записать видео с помощью OBS, вам просто нужно запустить его в полноэкранном приложении и нажать кнопку «Начать запись».

Да, сейчас это Star Trek Voyager на Netflix

Сохраните настройки

При записи потокового видео необходимо:

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

Я считаю, что при записи потокового видео таким образом лучше всего использовать два монитора. Таким образом, вы сможете запускать OBS на одном экране, а свой видеоконтент — на другом.

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

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

Но это то, как вы добавляете оповещения Streamlabs и другие элементы в свое видео или прямую трансляцию.

Добавить источник браузера

Добавить новый источник в OBS.

На этот раз вы нажмете "Браузер".

Источник браузера в OBS обычно находится в верхней части списка при добавлении нового источника в вашу сцену.

Как и в описанных выше методах, дайте имя своему браузеру и нажмите «ОК». В этом случае я просто оставлю его как «Браузер». Сомневаюсь, что удержу его в кадре, и сейчас объясню почему.

Измените настройки браузера

Откроется окно настроек источника с несколькими параметрами.

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

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

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

Отображается домашняя страница Netflix. Вы не можете взаимодействовать с ним.

Здесь вы можете ввести URL соответствующего сайта и нажать "ОК".

(Необязательно) Добавьте локальный файл в браузер

Однако вы также можете показать что-то, сохраненное на вашем компьютере, нажав «Локальный файл». Это изменит макет экрана настроек, заменив URL на локальный файл. Просто найдите файл, который хотите показать.

OBS поддерживает различные типы файлов для отображения.

Таким же образом вы показываете подписчиков Twitch в своих трансляциях.

Что можно делать с записями?

Добавление видеоклипов в прямые трансляции или записи может творить чудеса с контентом. Он добавляет к контенту уровень действия, который может заинтересовать людей.

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

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

Показ зрителям, как что-то делать на веб-сайте. Я часто использую это, когда делаю учебные пособия по WordPress или демонстрирую, как использовать онлайн-сервис.
Использование фильмов, телепередач, выпусков новостей и многого другого в качестве фона B-roll для ваших видео.
Взять отрывки из фильмов, чтобы подчеркнуть суть вашего контента или добавить немного юмора.

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

Просто убедитесь, что вы не нарушаете никаких условий использования или законов об авторских правах. Однако во многих случаях применяются законы о добросовестном использовании. Это просто зависит от того, что вы делаете с записью.

Предлагайте больше во время ваших видео

OBS — отличная платформа для самых разных целей. Хотя он в основном популярен для прямых трансляций на игровых веб-сайтах, я использую его исключительно для создания видеоуроков и независимого написания информации.

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

Майкл разработал ColoradoPlays, чтобы помочь различным благотворительным организациям с помощью своего любимого времяпрепровождения. С тех пор блог и каналы Twitch пожертвовали несколько сотен долларов Extra Life, Geeks of Grandeur и Operation Supply Drop, и это лишь некоторые из них.

Pulsoid создает виджеты для стримеров, и самый популярный из них предназначен для потоковой передачи пульса в реальном времени. Информация о сердцебиении — отличная вещь, которой можно поделиться со своими зрителями, и новый способ добавить новый способ взаимодействия со своими зрителями.

Все виджеты Pulsoid отображаются в режиме реального времени и имеют уникальный URL-адрес. Их можно использовать с источником браузера в таких программах для вещания, как OBS, Twitch Studio, XSplit, Streamlabs OBS и т. д. Чтобы добавить любой виджет Pulsoid, вам нужно скопировать URL-адрес из Страница конфигурации:

Скопировать URL-адрес виджета

Чтобы виджет отображался в вашей трансляции, вам нужно будет вставить URL-адрес в настройки источника браузера. Ниже мы покажем, как использовать его в популярном программном обеспечении для вещания.

<р>1. OBS Добавление нового источника в браузере: нажмите «+» или щелкните правой кнопкой мыши, чтобы добавить новый источник. Выберите «Браузер» из списка.

Для нового источника вам нужно будет добавить имя.

В настройках источника браузера вам нужно изменить URL-адрес на тот, который вы получили с веб-сайта Pulsoid.

Используйте параметры ширины и высоты с полноэкранными наложениями. Настройте ширину 1920 x высоту 1080 для наложения Red Frame, например, для потоковой передачи. Используйте пользовательский CSS для оформления виджета в дополнение к настройкам, которые предоставляет веб-сайт. Например, вы можете добавить тень или рамку к виджету BPM или изменить шрифт кнопки «ОК»

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

То, как записывать браузер с помощью OBS, может сбить вас с толку, если вы новичок, учитывая его многочисленные источники, сцены и другие функции. Большинство пользователей используют такие источники, как Window Capture или Display Capture, для записи веб-сайта. Тем не менее, извлечение исходного кода браузера определенно намного мощнее из-за функции Interact. Вы можете напрямую взаимодействовать с исходным кодом браузера в OBS, не открывая браузер на своем компьютере. Источник браузера обеспечивает неограниченную гибкость. И сегодня мы собираемся показать вам самое простое пошаговое руководство о том, как легко использовать источник браузера для записи с помощью OBS.

Часть 1. Что такое Browser Source в OBS и зачем он вам нужен

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

Часть 2.Как записать свой браузер с помощью OBS

Шаг 1. Загрузите и установите OBS

Загрузите OBS с официального сайта и установите его в соответствии с инструкциями для вашей операционной системы. После этого дважды щелкните значок ярлыка, чтобы запустить его. В нижней части экрана вы увидите множество разделов, таких как «Сцены», «Источники», «Микшер», «Переходы между сценами», «Элементы управления» и т. д.

Шаг 2. Добавьте источник браузера

При первом запуске OBS по умолчанию добавляется сцена. Имейте в виду, что вы не можете перетаскивать источник браузера, такой как Google Chrome, Firefox, Safari и т. д., в OBS. Итак, здесь вам нужно будет добавить источник. Перейдите в поле «Источники» и нажмите кнопку «+», чтобы выбрать опцию «Браузер». Назовите его так, как вы хотите назвать. Теперь вы можете скопировать URL-адрес, каким бы ни был этот источник браузера, и вставить его в появившееся окно «Свойства браузера». Вы можете ввести ширину и высоту под полем "URL".

Примечание. Вам предлагается ввести любое базовое разрешение вашего рабочего стола, например 1920*1080, что позволит вам использовать полное разрешение и все содержимое этого веб-сайта.

После того, как вы нажмете кнопку "ОК", OBS загрузит ваш браузер как источник браузера. Что еще более удивительно, вы можете нажать клавишу «Alt», чтобы удобно перетаскивать и изменять размер веб-сайта в ограничительной рамке, если есть куча дополнительного контента, который вы, возможно, не хотите показывать. Или, в качестве альтернативы, вы также можете щелкнуть правой кнопкой мыши исходный код браузера, чтобы преобразовать его, выбрав «Преобразование» > «Редактировать преобразование», и вы сможете обрезать и расположить его любым удобным для вас способом.

А вот и самое интересное. Спуститесь вниз и щелкните правой кнопкой мыши источник вашего браузера в списке, а затем выберите «Взаимодействовать» во всплывающем меню. Теперь вы можете взаимодействовать с самим веб-сайтом в OBS. Все, что вы делаете со своим веб-сайтом в окне «Взаимодействие с браузером», будет взаимодействовать с браузером прямо здесь, в OBS.

Шаг 3. Разрешите браузеру записи OBS

Теперь вы можете нажать кнопку "Начать запись" в правой части главного экрана, чтобы без проблем начать использовать OBS для записи веб-браузера.

Часть 3. Браузер записей с лучшей альтернативой OBS — Joyoshare VidiKit

Joyoshare VidiKit (созданный на основе Joyoshare Screen Recorder) значительно упрощает запись веб-браузеров. Просто запустите эту программу, и все, что происходит на вашем компьютере, может быть записано в чрезвычайно высоком качестве. Вы сможете использовать его для записи игрового процесса, просмотра фильмов в потоковом режиме, прямых трансляций, виртуальных встреч, видеочатов и многого другого без водяных знаков и ограничений по времени.

Поддержка различных выходных форматов, таких как видео 4K, DivX, M4V, DVD-Video, 3GP2, MPEG-1, ASF, DV, MOV, MKV, AVI, MP4, FLV, WebM и т. д., позволяет сохранять записи любым удобным для вас способом. Используя множество инструментов редактирования, поставляемых с Joyoshare VidiKit, вы сможете гибко управлять записью в браузере, например, обрезать, вставлять водяной знак, выделять клики и курсор, планировать задачи и многое другое. Все это можно сделать с помощью нескольких простых кликов.

Иметь интуитивно понятный и удобный для начинающих пользовательский интерфейс.
Запись браузера в полноэкранном режиме или любой выбранной области
Создавайте снимки экрана со звуком в качестве до 4K без задержек.
Настройка кодека, качества, разрешения, битрейта, частоты кадров и т. д. без ограничений по времени.
Поддержка многих инструментов редактирования и встроенного медиаплеера.

Шаг 1. Запустите Joyoshare VidiKit на ПК/Mac

После установки Joyoshare VidiKit на свой компьютер вы можете запустить его, а затем открыть средство записи экрана на панели «Запись». Нажмите на значок, чтобы включить режим «Запись видео и аудио».

Шаг 2. Получите доступ к дополнительным параметрам настроек

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

Шаг 3. Выберите область записи

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

Шаг 4. Начните запись браузера

Теперь вы можете открыть свой браузер, такой как Firefox, Edge, Google Chrome и т. д. Нажмите кнопку "REC" в Joyoshare VidiKit прямо сейчас, и после трехсекундного обратного отсчета ваши действия в браузере будут плавно записаны. и отлично. Нажмите кнопку "Стоп" на свернутой панели инструментов за пределами рамки захвата, чтобы в любой момент остановить запись браузера.

Шаг 5. Управление записями

В окне «История» вы можете переименовывать свои записи и использовать встроенный медиаплеер для свободного просмотра видео и аудио. Вы также можете нажать на значок "Редактировать", чтобы вырезать ненужные части ваших записей.

Помощь: как исправить проблему с черным захватом окна OBS

Пользователи OBS нередко сталкиваются с проблемой черного экрана после записи экрана веб-браузера. Несколько причин объясняют, почему OBS не может работать должным образом. Например, иногда они могут быть связаны с состоянием оборудования в вашей компьютерной системе. В этом разделе основное внимание будет уделено трем возможным способам решения этой проблемы.

Решение A. Отключите аппаратное ускорение в Google Chrome

Шаг 1. Откройте Google Chrome и нажмите значок "Настройка и управление Google Chrome" в правом верхнем углу, чтобы открыть меню.

Шаг 2. Вкладка "Настройки", выберите "Дополнительно" в левой части экрана и выберите категорию "Система";

Шаг 3. Снимите флажок "Использовать аппаратное ускорение, если доступно", затем перезапустите OBS и Google Chrome.

Решение Б. Отключите аппаратное ускорение в Firefox

Шаг 1. Откройте Firefox, нажмите кнопку «Меню» и выберите «Параметры».

Шаг 2. Нажмите «Дополнительно» и выберите панель «Общие».

Шаг 3. Отключите параметр "Использовать аппаратное ускорение, если доступно" в разделе "Производительность", затем перезапустите OBS и Firefox.

Решение C. Запустите OBS от имени администратора

Шаг 1. Щелкните правой кнопкой мыши значок программного обеспечения OBS и выберите "Запуск от имени администратора";

Шаг 2. Следуйте инструкциям на компьютере, чтобы завершить процесс.

Если все эти три метода не работают для вас, вы должны переустановить OBS и проверить, может ли он работать правильно в последнее время.

Часто задаваемые вопросы о OBS

Q1 Как скачать плагин для браузера?

Подключаемый модуль браузера позволит вам добавлять множество веб-страниц в качестве источников в OBS. Этот плагин поставляется в студии OBS, поэтому его не нужно загружать вручную. Плагин будет поддерживать Windows и Mac OS X.

В2. Что такое источники и сцены в OBS?

Сцены и источники — это место, куда вы добавляете свои игры и веб-камеры, настраиваете схему трансляции и любые другие медиафайлы и устройства, которые вы хотите использовать на выходе. Вы можете создавать столько сцен, сколько хотите. После создания сцены вы можете использовать кнопку «+» в нижней части «Источников», чтобы добавить то, что вы хотите захватить, например карту захвата, изображение, текст, игровой процесс и т. Д. Ниже приведены многие часто используемые источники. .

Устройство Blackmagic. Этот источник позволяет добавлять различные карты захвата Blackmagic Design с такими параметрами, как «Устройство», «Режим», «Формат» и «Использовать буферизацию (флажок)».

Браузер: как мы упоминали ранее, этот источник позволит вам добавить все, что вы запрограммируете для запуска в обычном браузере, прямо в OBS, например пользовательский макет, видео, изображение и т. д.

Источник цвета: этот источник можно использовать для добавления фоновых цветов в сцену.

Q3 Где сохраняются мои записи?

После того, как вы закончите запись в браузере с помощью OBS, вы сможете найти свои записи, выбрав «Файл» > «Показать записи». Вы также можете настроить путь сохранения в меню «Файл» > «Настройки» > «Вывод» > «Запись».

Вывод:

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

Читайте также: