Stream Overlay for OBS CLR Browser Source Plugin. Contribute to BirknerAlex/overstream development by creating an account on GitHub.
The temporary location to get the latest CLR Browser Source Plugin is here.
The latest version of the Browser Source Plugin is 1.0-34. It was compiled against version 0.552 Beta of OBS.
There are several flavors so be sure to select the correct download for the version of OBS that you are using.
Prerequisites
If you do not understand which version of the plugin to install and where to put it please refer to this plugin installation documentation.
Download
Confirm your platform!
Make *sure* that you download the correct platform and put it in the correct plugin directory. If you are at all unsure check the plugin installation documentation again.
Changelog
1.0-34 Current Version
2013/08/19
Bugs
Fixed a bug in how mime-types were decided
Previous versions
1.0-33
2013/08/18
Changes
Compiled against the latest released version .552 Beta
When used as a global source it should use less GPU/CPU resources if it is not present in the active scene
Updated the default asset html template to include UTF-8 encoding indication
Updated the default css to remove the default margin
Bugs
Fixed a bug in UTF8<->UTF16 conversion of asset paths
1.0-24
2013/05/18
Bugs
Fixed a bug when custom css or asset templates were empty
1.0-23
2013/05/16
Changes
Updated to Awesomium 1.7.1
Internal preparation for 64bit client
Added Javascript Extension framework
Added Twitch IRC JS extension
Bugs
Fixed bug in isConnected for irc
Fixed bug where threads weren’t cleaning up properly
Fixed bug where webviews when deleted/updated could cause a crash
1.0-11
2013/04/26
Changes
Added all common mimetypes when resolving files with asset loader
First support of javascript API binding but disabled at the moment
Bugs
There was a major flaw in how I handled deconstruction of the BrowserSource.
Fixed a double delete of memory.
Fixed a major bug in the BrowserManager where it would try to deference event object after it had been deleted
Misc
Switched to spaces only in the source.
1.0-9
2013/04/22
Changes
Added a CSS editor (similar to the html one0
Added a new blank asset for loading only from asset wrapper
Added a KeyboardManager for future capabilities
Default editor for wrap templates is now scintilla
Bugs
Fixed a small bug where the custom css wasn’t being saved
Some bugs in mime types were fixed as well as several added
Moved the datasources into their own file
Misc
Cleaned up Swf style, cosmetic changes and memleak
1.0-6
2013/04/19
Changes
Asset wrapping now allows you to load types like swf and wrap them in a html template.
Added a Swf parser to determine native size of swf assets. (Useful in the future maybe?)
Bugs
Fix bug in flash where it crashed if it wasn’t ‘navigated off’ before destroying
Fixes a small memory leak when creating view
1.0-4
2013/04/19
Changes
Events can now notify on completion
Bugs
Threading issues and fix to asset loading
Fixed some very idiotic problems in the view manager regarding the view list add/remove logic.
1.0-3 Initial public release
2013/04/17
-->
Jan 04,2019• Proven solutions
How to Set up Twitch Follower Alerts with OBS?
A. Downlaod CLR Browser Source Plugin:
Step 1: First of all you need to download OBS from internet and then get it installed on your device.
Step 2: Now download CLR Browser Source Plugin by visiting this link: https://obsproject.com/forum/resources/clr-browser-source-plugin-obs-classic-only.22/
Step 3: As soon as your plugin download is complete then you have to extract files from this downloaded folder and save them into dedicated plugin folder. If you are working on a 64 bit system then this folder can be found at C:Program FilesOBSPlugins whereas users of 32 bit systems need to follow C:Program Files (x86)OBSPlugins this path.
Step 4: Ensure that everything is working fine on your system. Now open OBS and go to sources. Below this category you have to right click and choose add from drop down menu. The CLR browser will immediately appear in the list.
B. Connect Your Twitch Account with Twitch Alerts:
Step 1: Move to the official website of Twitch and hit the Launch Twitch Alerts button that appears with green background on top right corner of your screen. After this you have to hit that purple button on screen to get connected with Twitch.
Step 2: As soon as you get connected to your Twitch account, you need to move towards dashboard. You will find so many options on the left hand side of your device screen under a well crafted menu. Hit Alert Box option from this list; it appears below stream widgets. Your screen will display few settings for notifications. Follow simple steps as guided by tool to finish with settings.
C. Testing Twitch Alerts:
Step 1: If you want to test your Twitch alert activity then go to the launch bar that resides on top most corner of page below alert box settings.
Step 2: Now hit this launch button and this tool will immediately lead you to a bright screen window. For testing your alerts, you have to click on Test Follow Alerts option available in screen. It will be found below Alert Preview settings. Once you are dine with the Follow Alert settings then it is time to set up your alerts with OBS platform.
D. Adding Your Twitch Alerts to OBS:
Step 1: Open OBS tool on your system and right click on the sources. Go to Add option and then hit CLR Browser button.
Step 2: As soon as you click on the CLR Browser button, it will open up a pop up window. It will show an option for adding URL, you need to move to Twitch alerts dashboard and get your URL copied from Alert Box Widgets.
Step 3: Paste this URL on specified field of CRL Browser Configuration Window and then hit OK.
Step 4: It is time to preview your Twitch alerts: go to preview stream option on OBS platform and then click Follow Alert button on Twitch Alerts Dashboard; soon your will find a pop up window on your device indicating your Follow Alerts.
How to get a donation Button on Twitch?
Follow these steps to get donations button on your Twitch platform:
Step 1: First of all you have to open your PayPal website and then sign in with your account.
Step 2: Hit the Profile option and now click on “my selling tools”.
Step 3: Go to PayPal Buttons section and then hit Update option. After this simply click on link asking to “create new button”.
Step 4: Now it will ask you to select type of your Button, choose Donation from the list and then type your Twitch Channel name.
Step 5: If you want to create a customized button that can match with your Twitch channel then hit “Customize Text or Appearance” option
Step 6: Now go to preview section and right click on this donation button. From drop down menu, select “Save Image As” option. Get it saved to your desktop.
Step 7: Choose your donation currency type and then hit Create Button option.
Step 8: Go to Email Tab and follow “Select Code” option. Copy this code.
Step 9: It is time to open a new tab where you have to sign in with your Twitch account.
Step 10: Select your Twitch Username and then choose” Channel” option.
Step 11: Move to admin button and select edit.
Step 12: Use + sign to add new panel and then give it a title “Donation”.
Step 13: Hit “Add Image” option and then choose PayPal donation button. You have saved it earlier.
Step 14: Hit “Done”; now choose the “Image Links to” option on screen and paste donation button code here; you have already copied it from PayPal.
Step 15: Enter the description about telling purpose of donations to your viewers and subscribers.
Step 16: Go to “Admin” button and press View. You will be able to view your new button below Twitch Stream.
Best Vdieo Editor: Filmora
Easy-to-use and powerful video editor for all creators.
Bring up your video to a professional level with straightforward tools.