Clr browser
Содержание:
- Процесс установки
- Best Practices
- 0.8.0b1
- I updated and now nothing in OBS is working, what happened?
- Firefox
- Installing compiled sources
- Flash
- JavaScript bindings
- Настройка трансляции в OBS Studio
- Системные требования
- Browser Plugin
- Фильтры сцен и источников
- 0.8.0b3
- Common Directory Structure and CMakeLists.txt¶
- Pale Moon
- multiple bundles
- Waterfox
- Browser source plugin
- Rematrix-filter plugin
- Sources¶
- Basilisk
- Dooble
- Настройка CLR Browser в OBS Classic
- 0.8.0
Процесс установки
Сразу стоит отметить, что процесс установки будет происходить на английском языке. Тем не менее, интерфейс программы состоит полностью на русском языке.
Запускаем скачанный файл и открываем «Установщик Windows».
Нажимаем «Next» и переходим к окну с лицензионным соглашением.
Прочитав и приняв условия, откроется окно с возможностью выбора пути установки продукта.
Прочитав и приняв условия, откроется окно с возможностью выбора пути установки продукта. Программа предложит выбрать устанавливаемые компоненты. «Browser Source» позволяет подключить плагин для ведения съемки непосредственно
с web-браузера.
«Realsense Source» включает в себя поддержку одноименной технологии, позволяющей взаимодействовать с компьютером с помощью жестов, мимики и телодвижений, а также получать информацию о глубине изображения и проводить трехмерное
сканирование.
Подключив все необходимые модули, запускаем процесс установки, который займет не более пяти минут.
После завершения процесса инсталляции «Установщик Windows» предложит запустить OBS Studio.
Best Practices
-
There is a query, which gives a reasonable configuration
for most users:"browserslist":
-
If you want to change the default set of browsers, we recommend combining
, with a usage number like . This is
because on its own does not add popular old versions, while
only using a percentage above will in the long run make popular
browsers even more popular. We might run into a monopoly and stagnation
situation, as we had with Internet Explorer 6. Please use this setting
with caution. -
Select browsers directly () only if you are making
a web app for a kiosk with one browser. There are a lot of browsers
on the market. If you are making general web app you should respect
browsers diversity. -
Don’t remove browsers just because you don’t know them. Opera Mini has
100 million users in Africa and it is more popular in the global market
than Microsoft Edge. Chinese QQ Browsers has more market share than Firefox
and desktop Safari combined.
0.8.0b1
- Updated translations from Crowdin, huge thanks to everyone submitting translations!
- Fixed FFmpeg Encoders not respecting user selected color formats and instead always using YUV 4:2:0. ()
- Fixed FFmpeg ProRes not correctly overriding color formats with the ones supported by the selected profile. (, 140)
- Fixed a lot of code issues by actually jumping ship to modern C++.
- Fixed some sources not tagging the settings object with the current version, making migrating settings problematic.
- Removed the prefix from the StreamFX.so files on Linux. Make sure you delete the old version of the plugin first if you’re using Linux!
I updated and now nothing in OBS is working, what happened?
We are very careful when making updates, and test everything as extensively as we can. OBS updates should leave your settings intact, but it’s possible that something else on your system may have interfered with the update process. Most commonly, updates will cause antivirus and security programs to look closer at OBS. Some can even flag the behavior, falsely, as malicious. Make sure that if you are running an antivirus, the OBS folder is whitelisted. You may need to remove and re-add any .exe files to the whitelist after each update as some products ignore the whitelist if the file has changed since it was added.
Since the OBS Contributors are a small group, we can only test against the hardware and software that we have available. If we do make a mistake with an update, you can bet we’ll be on top of it, honest about it, and correct it as soon as we can. Stop by our Community Chat if you need more assistance.
Firefox
Available on: Windows, Mac, Linux, Android, iOS
No list of the best open source web browsers would be complete without a mention of Firefox. It is the second most popular browser in the world behind Google Chrome.
It also the only browser on this list that’s available on the three main desktop platforms and the two leading mobile operating systems. If you want a consistent user experience with all your bookmarks and settings synced across all your devices, it is the best browser open source browser for you.
Despite its benefits, Firefox isn’t perfect. There’s no automated webpage translation, some users complain that it hogs RAM (despite Mozilla’s claims to the contrary), and updates have been known to install add-ons without the user’s permission.
Download: Firefox (Free)
We consider Firefox the best browser for Linux.
The 9 Best Browsers for Linux
Looking for a new Linux web browser? We’ve listed what we think are the best Linux web browsers—with a few surprises thrown in.
Installing compiled sources
- Run to install all plugin binaries to .
- Make sure to have all dependencies installed on your system
Flash
You can enable flash by providing the path to your installed pepper flash library file and its version.
Some distributions provide packages with the plugin, but you can also extract one from google chrome installation.
The Flash version can be found in manifest.json that is usually found in same directory as .so file.
JavaScript bindings
obs-linuxbrowser provides some JS bindings that are working the same way as the ones from obs-browser do. Additionally, a constant has been introduced to allow the distinction between obs-browser and obs-linuxbrowser on the website.
All off the following bindings are children of .
Настройка трансляции в OBS Studio
Идём в программу OBS Studio -> «Файл» -> «Настройки» -> «Вещание» в поле «Сервис» нужно выбрать «Настраиваемый» в поле «Сервер» вставить ссылку «URL», а в поле «Ключ потока» вставить «KEY» на этом наша вкладка «Вещание» настроена далее перемещаемся во вкладку «Общее».
Вкладка «Вещание»
Вкладка «Общее»
Отмечаем галочками пункты:
- Показывать окно подтверждения при запуске трансляции
- Показывать окно подтверждения при остановке трансляции
Вкладка «Вывод»
- Режим вывода -> Расширенный
- Потоковое вещание:
- Кодировщик -> x264
- Управление битрейтом -> CBR
- Битрейт -> 1500
- Интервал ключевых кадров -> 2
- Предустановка использования ЦП, профиль и настройка можно оставить без изменения
Аудио
Битрейт аудио 128
Вкладка «Видео»
- Базовое (основа) разрешение — это разрешение экрана предпросмотра в программе оно должно равняться размеру монитора если не хотите получить проблемы с изменением размеров источников выбирайте разрешение своего монитора, чаще всего это самое верхнее значение
- Выходное (Масштабированное) разрешения — это разрешение которое будет отправлено на сервер трансляции
- Фильтр масштабирования -> Метод Ланцоша
- Значение FPS -> 30
- Остальное не трогаем нажимаем -> OK
Главное окно программы
Подготовим сцену и, например, добавим нашу вебкамеру, описание всех источников можно найти на нашем сайте, с помощью программы можно передать в интернет то что Вам захочется, если конечно Вам будет не лень копаться с настройкой нужных источников. В главном окне программы нажимаем + в док панели источники из выпавшего списка выбираем «Устройство захвата видео», называем его понятным названием, например, камера либо оставляем всё как есть и нажимаем «OK»
В открывшихся настройках выбираем:
устройство — ваша вебка, обратите внимание, что вебка не должна быть занята в каком-либо другом приложении.
Разрешение/Частота кадров — Пользовательское
Разрешение — согласно возможностям, вашей вебкамеры
Всё остальное оставляем как есть и нажимаем «OK», если камера выходит за границы либо она меньше окна просмотра её нужно растянуть или уменьшить в окне предпросмотра на весь экран. Для этого выделяем наш источник левой кнопкой мыши в док-панели источники далее кликаем по нему правой кнопкой мыши в появившемся меню выбираем пункт -> «Трансформировать» -> «Подогнать по размеру экрана».
На этом основные настройки завершены, переходим к тестированию самой трансляции. В программе OBS Studio в док-панели «Управление» нажимаем на кнопку «Запустить трансляцию», переходим на сайт ВК в окно предварительного просмотра дожидаемся начала нашей трансляции, время загрузки зависит от вашего интернета. Например, у меня очень слабый домашний интернет и я так и не дождался загрузки в это окно нашей трансляции и просто нажал «Опубликовать», сама трансляция сразу появилась на сайте.
Часто пользователи спрашивают почему у них большая задержка в ВК, да всё просто из-за интернета соединения, чем он слабее и медленнее, тем будет больше задержка трансляции причем время задержки у всех будет разное. Это не время задержки передачи трансляции на сайт как некоторые думают, трансляция передаётся с самой минимальной задержкой если у вас трансляция отстаёт на 1-2 минуты это означает только одно, что ваш интернет не может воспроизводить видео в реальном времени и ему нужно поместить некоторые данные в буфер для нормального воспроизведения видео.
Системные требования
- Intel Core i3 последнего поколения и выше (основной атрибут влияющий на качество стрима, поэтому если есть возможность, то берем Intel Core i5, i7 – не раздумывая)
- Видеокарта, которая поддерживает DirectX 10 (чем лучше – тем комфортнее стримить)
- 4-8 GB RAM (16 GB в самый раз)
- Монитор (желательно чтобы сразу с разрешением 1920х1080, но самое главное соотношение сторон 16:9)
- Другие стандартные железки и девайсы: жесткий диск, мышь, клавиатура, наушники, микрофон
- Безлимитный интернет 100 мбит/с , включая зарубежный трафик
- Windows 7 / MacOS / Linux (на оф сайте написано Windows 7+ , т.е. на win 8-10 должно работать)
Browser Plugin
This plugin already comes bundled in the OBS Studio Full Installer. You do not need to install this manually unless you did not install it via the Full installer.
This plugin allows you to add web pages as sources in OBS Multiplatform.
This version is for Apple OSX 10.8+ 64bit.
Chrome Version: 41.0.2272.43 CEF Version: 3.2272.2029
Mac OS X The Mac browser plugin comes with two variants:
- (Download Latest) 64bit plugin with 32bit CEF (Stable)
- (Download Latest) 64bit plugin with 64bit CEF (Experimental)
In reality both of these are similarly stable so 64/64 should work for most cases.
To install: Download the dmg and double click the «OBS Browser Plugin Install.mpkg». Follow the instructions and then run OBS to start using it.
To uninstall: Double click the «Uninstall» in the dmg.
Windows
Download latest (v1.29 — 24-12-2016) changelog/older releases
To install: Extract to the root of your installation folder. For those that used the OBS Studio installer, that would be: C:\Program Files (x86)\obs-studio\
Known problems:
- By default the plugin doesn’t use any gpu acceleration due to it not working for everyone, this also means no WebGL support, if you really need that, start OBS Studio with the —enable-gpu argument.
- Https sites don’t work: Usually this happens when using Kaspersky, make sure to put obs32 or obs64.exe on the whitelist.
Linux There is not currently a Linux build of this browser plugin, but in the meantime bazukas has built another browser source based on qtwebkit. Details here: https://obsproject.com/forum/threads/browser-plugin.20358/page-2#post-133062
If you would like to interact with a browser source then right click on the source item and select ‘Interact’. This should then act like a very simple browser window.
When browsing for a local file, if you need to go into a .app file use cmd-shift-g or drag the directory onto the file browser.
When looking at the properties of browser source you might notice ‘Restart CEF’. This will restart the entire CEF isolated process in case it gets stuck or is not behaving correctly. Normally this should not be needed.
Фильтры сцен и источников
Маска изображения/Смешивание
Фильтр «Маска изображения/Смешивание» позволяет использовать канал цвета или канал прозрачности изображения для маскировки или смешивания изображений (умножение, добавление, вычитание) в ваших сценах или источниках. К примеру, этот фильтр можно использовать, чтобы сделать круглую границу для вашей вебкамеры:
Кадрировать
Название этого фильтра говорит само за себя; кратко говоря, он позволяет обрезать ваш источник или сцену сверху, слева, справа или снизу, чтобы показывались только те сцены, которые вам нужно.
× Информация! Кадрировать возможно и с помощью горячих клавиш, читайте в статье: «Горячие клавиши OBS Studio для источников и окна предпросмотра».
Коррекция цвета
Опять же, название говорит само за себя. Вы можете менять контрастность, яркость и гамму вашего источника и даже задать сдвиг оттенка.
Прокрутка
Фильтр перемещения дает нам возможность перемещать тексты, к примеру, слева направо или сверху вниз. Отрицательные или положительные значения поменяют направление, в котором ваш источник будет перемещаться, также вы сможете при необходимости ограничивать высоту и ширину прокрутки.
Цветовой ключ и хромакей
Цветовой ключ:
Хромакей:
И «Цветовой ключ», и «Хромакей» можно использовать для удаления определенного цвета из вашего источника и придания ему прозрачности. Это можно использовать для зеленых экранов и тому подобного. Принципы их работы немного отличаются друг от друга, так что вам придется экспериментировать и искать наиболее подходящие для себя варианты.
Увеличить резкость
Фильтр повышения резкости так же говорит сам за себя: если вам кажется, что изображение с вашей вебкамеры, например, немного размыто и вы хотите слегка улучшить общую резкость, добавьте этот фильтр и попробуйте разные значения.
0.8.0b3
- Fixed Linux being unable to load the plugin due to a missing Qt symbol.
- Fixed vertex buffers not being initialized to 0, causing some effects to not render.
- Fixed mip-mapping causing Browser Sources to render corrupted.
- Fixed Dual-Filtering Blur causing excessive GPU usage due to miscalculated render target sizes, which also fixes Dual-Filtering looking weird.
- Fixed the «Adaptive I-Frames» option being inverted in the NVENC FFmpeg Encoders.
- Fixed that «Adaptive B-Frames» is not actually being applied in the NVENC FFmpeg Encoders.
- Improved the performance of various rendering steps by using a single fullscreen tri instead of a quad (See ). The effects should be immediately noticable with mip-mapping and some of the Blur effects.
- Added optional performance profiling which by default is not compiled in. Developers can choose to build StreamFX with it if they wish to check for possible optimizations.
- Removed any currently broken shader examples.
Common Directory Structure and CMakeLists.txt¶
The common way source files are organized is to have one file for plugin
initialization, and then specific files for each individual object
you’re implementing. For example, if you were to create a plugin called
‘my-plugin’, you’d have something like my-plugin.c where plugin
initialization is done, my-source.c for the definition of a custom
source, my-output.c for the definition of a custom output, etc. (This
is not a rule of course)
This is an example of a common directory structure for a native plugin
module:
my-plugindatalocaleen-US.ini my-pluginCMakeLists.txt my-pluginmy-plugin.c my-pluginmy-source.c my-pluginmy-output.c my-pluginmy-encoder.c my-pluginmy-service.c
This would be an example of a common CMakeLists.txt file associated with
these files:
Pale Moon
Available on: Windows, Linux
Pale Moon is made by the same team that’s responsible for Basilisk. It is also a fork of Firefox, though there are some important differences between the two cousins.
Most notably, Basilisk is based on the user interface of Firefox version 29 onwards. Pale Moon uses the older Firefox 4 to 28 interface in order to aid customization.
Indeed, Pale Moon’s biggest selling point is customization. The browser still lets users apply Complete Themes; they change the entire browser interface and are no longer a feature in Firefox. You can also reorganize the interface, create your own skin, and much more.
Pale Moon differs from Firefox through its decision to run in a single-process mode, support for XUL, XPCOM, and NPAPI plug-ins, and its use of the Goanna browser engine. All Firefox extensions work on Pale Moon.
Lastly, like Basilisk, there are only official releases for Windows and Linux, along with an unofficial macOS build.
Download: Pale Moon (Free)
multiple bundles
If browserify finds a d function already defined in the page scope, it
will fall back to that function if it didn’t find any matches in its own set of
bundled modules.
In this way, you can use browserify to split up bundles among multiple pages to
get the benefit of caching for shared, infrequently-changing modules, while
still being able to use . Just use a combination of and
to factor out common dependencies.
For example, if a website with 2 pages, :
var robot = require('./robot.js'); console.log(robot('beep'));
and :
var robot = require('./robot.js'); console.log(robot('boop'));
both depend on :
module.exports = function (s) { return s.toUpperCase() + '!' };
Then on the beep page you can have:
<script src="common.js"></script> <script src="beep.js"></script>
while the boop page can have:
<script src="common.js"></script> <script src="boop.js"></script>
This approach using and works fine for a small number of split assets,
but there are plugins for automatically factoring out components which are
described in the
.
Waterfox
Available on: Windows, Mac, Linux
Waterfox is an open source 64-bit browser based on Mozilla Firefox. It has been around since 2011.
Initially, Waterfox solely focused on providing the fastest browsing experience possible, but now its scope has expanded.
Aside from the obvious open source benefits, Waterfox has two critical features that’ll appeal to anyone who wants a private browsing experience. Firstly, Waterfox does not collect any telemetry data; no one is tracking what you do inside your browser. Secondly, the only data collection is your operating system and version number so that updates can be applied correctly.
Other noteworthy features include bootstrapped add-ons, no plug-in whitelist (so you can run Java Applets and Silverlight apps), and support for any 64-Bit NPAPI plug-ins.
Download: Waterfox (Free)
Browser source plugin
Плагин Browser source plugin (ныне встроенный источник по умолчанию «Браузер») дает возможность включать практически каждый контент в стрим: flash-анимации, веб-сайты и другое. Благодаря этому плагину у юзера возникает возможность использовать программу, как обычный интернет-браузер и запускать все, что ему необходимо. Таким образом, стрим становится более насыщенным и интересным для зрителей.
Rematrix-filter plugin
Для ценителей отличного звука, которые используют более 2-ух аудиоустройств, прекрасно подойдет плагин Directshow audio source. Он сможет помочь записывать высококачественный звук с микрофона, с веб-камеры и других устройств. Плагин дает возможность не только воспроизводить отличную музыку, но также совмещать ряд звуков в одном потоке.
Sources¶
Sources are used to render video and/or audio on stream. Things such as
capturing displays/games/audio, playing a video, showing an image, or
playing audio. Sources can also be used to implement audio and video
filters as well as transitions. The libobs/obs-source.h file is the
dedicated header for implementing sources. See the
Source API Reference (obs_source_t) for more information.
For example, to implement a source object, you need to define an
structure and fill it out with information and
callbacks related to your source:
/* my-source.c */ ... struct obs_source_info my_source { .id = "my_source", .type = OBS_SOURCE_TYPE_INPUT, .output_flags = OBS_SOURCE_VIDEO, .get_name = my_source_name, .create = my_source_create, .destroy = my_source_destroy, .update = my_source_update, .video_render = my_source_render, .get_width = my_source_width, .get_height = my_source_height };
Then, in my-plugin.c, you would call in
to register the source with libobs.
/* my-plugin.c */ ... extern struct obs_source_info my_source; /* Defined in my-source.c */ bool obs_module_load(void) { obs_register_source(&my_source); ... return true; }
Some simple examples of sources:
Basilisk
Available on: Windows, Linux
Another of the best open source browsers is Basilisk. Basilisk is a XUL-based Firefox fork that first went live in November 2017. Unlike Firefox, the browser does not have Servo or Rust. It uses Goanna as a rendering engine.
Officially, Basilisk is only available on Windows and Linux, though there is an unofficial macOS build that appears to work well.
The main features on Basilisk include support for all NPAPI plug-ins, support for WebAssembly (WASM), and support for modern web cryptography standards.
Finally, the developer admits that Basilisk is in a permanent development state and thus is a perpetual beta release; you might find bugs.
Download: Basilisk (Free)
Dooble
Available on: Windows, Mac, Linux
If you want an open source browser that values your privacy, you should check out Dooble
The browser can block iFrames from third-party content providers, it automatically removes cookies, it uses the decentralized search engine YaCy, and any data it retains is saved using authenticated encryption.
Dooble also offers automated cookie removal, a non-JavaScript file manager and FTP browser, and the ability to protect your browser with a password.
In early 2019, the developers gave the entire user interface an overhaul. It now looks much more modern and is consequently more enjoyable to use.
Download: Dooble (Free)
Настройка CLR Browser в OBS Classic
2. Заходим на donationalerts.ru во вкладку «Виджеты» -> «Оповещения» нажимаем «Показать ссылку для встраивания» под этим пунктом появится ссылка, копируем появившуюся ссылку (копируйте, аккуратно не пропуская символы иначе у вас ничего не будет работать). Браузер и страницу не закрываем она нам ещё пригодится.
3. Возвращаемся в «OBS Classic» далее кликаем по полю «Источники» правой кнопкой мыши, выбираем «Добавить» -> «CLR Browser», вводим произвольное имя, например, сайт с которого производится донат в нашем случае donationalerts.ru
4. Далее в поле «URL» заменяем ссылку нашей, ничего более не трогаем нажимаем «OK».
5. Теперь нам нужно протестировать свою настройку, в «ОБС» жмём на кнопку «Предпросмотр».
6. Идём на сайт donationalerts во вкладку «Оповещения» которую мы не закрыли, нажимаем на шестерёнку далее на ссылку «Сделать тестовое оповещение».
В результате чего мы должны увидеть вот такой результат в окне просмотра «OBS Classic».
Для размещения в нужном месте и трансформации окна во время «Предпросмотра», выберите в источнике «CLR Browser», нажмите на кнопку «Изменение сцены» и выберите нужный размер и положение на экране, для того чтобы закрепить нужный результат нажмите «Изменение сцены» повторно.
Мы старались оцени контент:
Рейтинг: 4.2/5 — 18
голосов
Следующие 10 статей которые будут Вам интересны:
- Обзор сайта donationalerts.com
- Стрим на twitch через OBS Classic
- Сцены и источники в OBS Studio
- Настройка OBS Studio для Twich (2020)
- Гид по стримам, с чего начинать?
- Регистрация на twitch.tv
- Скачать OBS Studio, OBS Classic
- GIF картинки для стрима
- Что такое OBS Studio?
- Самые красивые фигуристки мира
Вступайте в группы:PROstrimer – в группе публикуется релиз новых статей сайта, а также важные изменения в статьях.
OBS Studio настройка – в группе предоставляется помощь по настройке установке OBS Studio, в том числе и бесплатно за подписку
Внимание, комментарии проходят проверку на спам и прочую чушь, в правом верхнем углу появляется результат отправки сообщения
0.8.0
- Fixed a crash on closing OBS Studio caused by an Audio-enabled Source Mirror.
- Fixed a possible scheduler collision between NVENC and NVIDIA Face Tracking causing sub-par performance.
- Fixed Transition Shaders not getting their parameters in the correct order, causing some parameters to have no data.
- Fixed a crash caused by FFmpeg encoders with no supported pixel formats.
- Fixed incorrect colors when OBS is set to record sRGB content.
- Fixed cases in which the configuration file for StreamFX would not save and reset every time.
- Fixed a flickering bug causing the ‘About StreamFX’ window to appear all the time or not appear at all.
- Fixed support for the AppleClang compiler.
- Fixed an uncommon out-of-order-lock freeze triggered by Source Mirror.
- Fixed support for Boolean values in Shaders.
- Improved performance of Shaders drastically by reusing existing memory and some additional compiler optimizations.
- Improved tracking quality in NVIDIA Face Tracking by moving part of the update logic into the per-frame update instead of the per-track update.
- Improved overall performance slightly by reusing existing memory.
- Moved the StreamFX menu out of the ‘Tools’ menu into the main menu.
- Added the new ‘Thank You’ images to the ‘About StreamFX’ window.
- Added support for enumerations (int, float) to Shaders.
- Added support for value suffixes to Shaders.
- Added the currently used StreamFX version to the ‘About StreamFX’ window.