Home

Welcome to Mollari.Chat!
So you want a chat overlay for your Beam.pro stream? You've' stumbled across the right place!

Welcome to Mollari.Chat! If you see a bug or have a suggestion let me know!

The Perks

  • Realtime chat display via Beam's chat protocol.
  • Realtime updates on chat changes. This means deleted messages, timed out users, and chat /clear happen instantly on the overlay.
  • Realtime follower tracking with the option for a frowny face if as the user's icon if they are not following the channel which updates in realtime.
  • Sub 1 second alerts on follow/host/sub/resub messages via Beam's constellation protocol.
  • Live updating preview of your chat settings.
  • 5 chat templates to choose from with multiple variations for each! Always trying to add more!
  • Customizable Beam rank colors to better fit your stream overlay!
  • 3 User special ranks that allow you to grant specific users a specific color! Great for Gamewisp subs etc!
  • Numerous message in and out animations with control over their animation duration!
  • Alert spam prevention.
  • Ability to ignore users/bots on the overlay and also to ignore all chat commands (chat start with !).
  • Global settings that transfer to every overlay you create allowing quick and easy customization!
  • Dynamic scalable usernames that will auto shrink usernames that are too large to fit in the space provided.
  • Include global emotes from Twitch/BTTV on your chat overlay.
  • Full text-to-speech options ranging from reading of all chat to just reading your alert messages!
  • Over 60 customizable options to make sure your chat overlay looks and runs exactly how you want it to!

Stuff To Keep In Mind

  • Some animations have more going on then others so they may look worse at lower animation durations.
  • There is padding on the right and left of the chat compared to the window to allow for some animations that move a little right/left. Make sure you use the /preview to align the chat to your liking!
  • You will need to check the box "Keep source in memory" in XSplit to use the overlay across multiple scenes! More information
  • The settings string is global! This means if someone likes your chat settings you can give them your settings string (http://www.mollari.chat/settings/XXXXXX) and they will be able to load them with their own global settings! Your settings will NOT change if they make thier own changes!
  • Default fireworks animation is the length of your message display length with a maximum length of 10 seconds.
  • 30 minutes cooldown on host alerts per user.
Change Log
The logs where all changes/bug fixes are posted!

April 9, 2017

Fixes

  • Fixed an issue with downloading the user follower lists. Looks like Beam changed their API format. Non follower frowny faces should work again!

Feb 5, 2017

Fixes

  • Fixed an issue where a message may not have been deleted from the TTS queue when deleted from the chat if it contained all emojis.

Feb 4, 2017

  • Added a new chat template called Just Message with 17 variations. As you guessed, it is just the message without the username/icon. This was a requested feature due to cultural difference for the Japanese users.
  • Text-to-speech with the Just Message template will only read the message and will not read the usernames. Any future templates that do not display the username will also only read the message when using text-to-speech.
  • Added option TTS Smart Username. This option will not read the "USERNAME said" if the previous message was from the same user and within 10 seconds. This should speed up TTS when someone types a few words on multiple lines. This is a global option.
  • Added option TTS Dynamic Rate. This option will dynamically change the rate at which the TTS is read based on how many messages are in que. For every 3 messages the rate is increased by 5%, up to 30%. It should help get through longer TTS queues faster while still being understandable. This is a global option.
  • Made it easier for users to add their own fonts via custom CSS. You should now be able to just add a custom font to the body (in your custom css) to add a font not on Google Fonts. Obviously this must be named corrently and installed on your computer. This is something you edit with custom CSS in OBS Studio/Xplsit. It previously required it to be appended to 2 different classes.
  • Just wanted to say that the traffic to Mollari.chat in January was over DOUBLE what it was in December (launch month). I am so glad the community is enjoying the chat, Also a reminder that I am always open for suggestions for things you would like to see added!
  • I removed the beta tag because I was worried something would explode. After a successful 2 months I believe we can shed the beta title!

Fixes

  • Fixed an issue where the browser favicon was not loading outside of the default address.
  • The chat templates are now listed alphabetically.

Jan 22, 2017

  • Added ability to whitelist names for text-to-speech. If you enter any whitelisted name only the messages of the whitelisted names will be read. This was a requested feature.
  • Renamed TTS User Ignore to TTS Blacklist.
  • Added the option to toggle alert animations (fireworks) per follow/host/sub. This was a requested feature. You're welcome Magnetron. :)
  • Added better support for Japanese text-to-speech. It should now recognize if there are no Japanese/English characters in the text. This should keep it from trying to read something it cannot. If someone is fluent in Japanese and can run some testing on this please let me know!
  • Added the base for some possible future things! This is pretty exciting but atm with the new Beam site being broken as hell, the project is on hold until it actually works again :(
  • Testing minifier with experimental ES6 support. Brings the files down in size another 10ish%! If you have any problems let me know!

Jan 7, 2017

  • Made some changes to better help server load as the user count continues to grow. This should cut server load by up to 30%! You should not see any changes on your end. The pages affected by these changes would be the mollari.chat site and NOT the overlays themselves. If you see a problem just let me know!

Jan 2, 2017

  • Added the ability to gives subs a color. Since there is not a default beam color for subs, you must toggle on this option for the color to be given to subs. This requires beam partnership.
  • Reordered all the user colors so they match the priority system from top to bottom. They priority order is
    • User Special 1
    • User Special 2
    • User Special 3
    • Beam Founder Rank
    • Beam Staff Rank
    • Beam Owner (channel) Rank
    • Beam Mod Rank
    • Beam Sub
    • Beam Pro Rank
    • Beam User Rank
  • Added in a certain emoticon that was not working previously.
  • Upon request, I have added the Japanese Female option to the text-to-speech. If your chat is not Japanese it will not sound correctly. It took a bit of searching but I think I have the syntax/grammer correct. If it is incorrect or if there are other languages you are interested in having added, please let me know.
  • Fixes

    • Fixed a minor spacing issue with the sub icon on the left side in the Gradient template.

Dec 30, 2016

Fixes

  • Fixed a minor issue with the chat preview volume toggle. It would turn on text-to-speech upon being toggled on even if the setting was set to off. It now correctly identifies your setting when toggling.

Dec 23, 2016

Fixes

  • Fixed a minor issue where fonts with spaces may not have displayed correctly in certain browser versions.

Dec 17, 2016

Fixes

  • Fixed a minor issue with the text-to-speech where in very rare cases it would not correctly replace.
  • Fixed a minor issue where the overlay preview would not update correctly after you submited our new overlay settings.

Dec 14, 2016

  • Added the ability to toggle mute the chat preview window so you can have the TTS turned on while editing settings without listening to it read the simulated preview chat.

Dec 13, 2016

  • Added 17 new chat template variations. One Color had 2 added and Single Line had 15 added.
  • Added a realtime chat preview that updates as you change settings on the setting page! You can now see what exactly what your chat will look like prior to creating it. It updates the instant you change any setting! The realtime chat preview is draggable and resizable so feel free to move it where you want it and whatever size you need. The addition of the realtime chat preview is a large feature and was a bit tricky to pull off so it may break a few things. I am sorry in advance if that is the case! It does open the ability for more unique template variations in the future!
  • Refactored a lot of CSS generation to work with the new live chat preview.

Dec 10, 2016

  • Added the ability to disable Beam emotes on the overlay.
  • When creating a new overlay the creation date and time should now correctly reflect your own time and not default to US CST.
  • Backend optimizations that may make the site (not the overlay) look funky if I screwed something up. If you see something looking weird, particularly in non Chrome browsers please let me know!

Dec 1, 2016

  • Added the ability to ignore certain users via TTS. This allows you to still display the messages on the overlay but they will not be read via TTS.
  • Added the ability to ignore commands via TTS. This allows you to still display the messages on the overlay but they will not be read via TTS.
  • Modified the TTS to be a bit smarter when attempting to choose if there is valid message to be read. Instances of "User said " with nothing being said because the TTS cannot read the message should be dramtically decreased.
  • This update is known at the Firebottle update.
  • Made it so you can now hide the alert messages on specific triggers by deleting the alert message text when Alert Messages are turned on. Also added the revert to default link.

Fixes

  • Fixed an issue where if you deleted the alert message text and still had the Alert Messages setting turned on it would output "Error: No valid text.".

Nov. 30, 2016 - Open Beta!

  • Added the setup link at the top and the YouTube video explaining adding Mollari.Chat to OBS Studio and Xsplit. Mollari.Chat is now officially in open beta and can be spread around freely!

Nov. 29, 2016

  • Added the ability to hide the successful connection messages upon starting up/reconnecting. Error messages and timed out messages will still display if they occur.
  • Follower list will not be pre-downloaded unless you have the User Not Following Icon set to None or Frown as it is not needed. This does not affect follow alerts. You will not notice any change.

Fixes

  • Fixed an issue with some Google Fonts having a default line height WAY higher than the font. Line height is now forced to keep that from happening anymore.

Nov. 25, 2016

  • Added the ability for users to configure their own text-to-speech changes. This allows users to replace words/phrases with either better prounced options or different words/phrases altogether. This is a global option.
  • Removed links from being spoken via the text-to-speech.
  • Added 2px to the base height of the user bar. Did this to increase the user icon by 2 pixels as well.
  • Changed max font size to 28px (down from 30px) but in reality increased it by 2px due to bug that had max height at 26px.
  • Better connection information display when having trouble connecting to Beam's chat/constellation protocols.

Nov. 22, 2016

  • Reworked the way the fireworks work. They will now cancel any previous fireworks and start over if another occurance of the fireworks is triggered before the first one is finished. This means you will always get a full length fireworks display for each time it is triggered.

Fixes

  • Fixed an issue with where text-to-speech was not working when previewing an overlay.

Nov. 21, 2016

Fixes

  • Fixed an issue with text-to-speech that could cause the overlay to crash if the message was too long.
  • I ended up recoding almost all of the text-to-speech because it was not handling message deletes, user timeouts, and chat clears like it should. Text-to-speech and the text-to-speech queue should now always reflect chat correctly and update instantly.
  • This fix is also the first test of the global cache system so if you see any problems let me know!
  • Fixed an issue in the Gradient template where usernames were not being scaled correctly if they were too long to fit in the space provided.

Nov. 20, 2016

Fixes

  • Fixed an issue with the "Fade Out" animation that prevented it from actually doing anything under certain circumstances.

Nov. 19, 2016

  • Added the ability to modify all the beam rank colors, mollarichat color, and the ability to change the username color (template specific). These are global settings.
  • Moved user special colors to newly created group with the new beam rank colors into a group called "Global Colors". These colors are global settings and are account bound.
  • Refactored pretty much all the skin CSS to work with the new color options availible to edit.
  • Added new notifcations to better illustrate when the users chat URL changed or when they need to refresh their current URL in OBS Studio/XSplit to update their global settings.
  • Changed the settings link on the top to "Create/Edit Overlay. See below.
  • Added a "mini-wizard" when creating or editing an overlay. This better illustrates to the users the options they have availible to them.
  • Created a system for controlling OBS Studio/XSplit caching. This should now ALWAYS allow you to get your new settings when you refresh the page. This system allows for user specific and site wide overlay cache control. This is a very good thing!
  • Added new template "Solid Bar". This template comes with 4 variations (Solid Bar, Solid Bar Right, Solid Bar Under, and Solid Bar Under Right). Like the Gradient template this skin allows for username color change.
  • Refactored a TON of the CSS generation. Must smaller code accomplishing the same thing previously and allows for easier expansion later on. This may cause something to look funky. It something is off please let me know!
  • Added a minor notification when you are viewing the default settings. Seems a lot of users are just using those and not customizing their overlays. Not a problem, just want to make sure the users understand there are over 50 customizable options!

Fixes

  • Fixed issue when forcing user/message case and not using the Gradient template.
  • Fixed an issue with the Gradient template that would cause the gradient to sometimes be the wrong way.
  • Removed the toast notification when an overlay is saved to "My Overlays". Turns out nobody noticed it.

Nov. 16, 2016

  • After 12 hours the god damn XSplit bug has been fixed! Make sure you check "Keep source in memory" when using XSplit!
  • Fixed a minor padding issue next to the sub icons in the Single Line template.
  • Non users must now register to use the chat on their channels.
  • Added ability to force the case on the username (uppercase by default) and the user message (normal by default). This was based on user feedback.
  • Adjusted the width of some of the help text under each setting in the settings page.

Nov. 15, 2016

  • Made a fairly large change to how the settings backend works. Let me know if something breaks.
  • XSplit is still doing some weird things with the page not loading initally sometimes. I am still in talks with them trying to figure it out.

Nov. 14, 2016

  • Cleaned up the preview a bit. Please use this to align your chat then remove the /preview when everything is in place.
  • Added new option to give Beam subscribers access to the !mollarichat fireworks command. This requires Beam partnership.
  • Fixed a spacing issue after the username in the Single Line template.

Nov. 13, 2016

  • Added preview for animations on the settings page. Please let me know if you have any trouble viewing the previews!
  • Added toast notifications when you save a new overlay that is also saved to "My Overlays" located in the dropdown of your username in the top right.

Nov. 12, 2016

  • Due to a large number of changes. The databases had to be reset. Sorry!
  • Completely redid the UI. It is all fancy and responsive now. Let me know if you find bugs!
  • Added ability to modify animation timers. Ranges from 0.1 to 2.0 seconds per animation.
  • Added ability to modify the tag/link colors on the chat overlay.
  • Added ability to modify the vertical space between messages.
  • Added ability to modify overall chat opacity.
  • Added ability to change the follow/host/sub/resub alert messages.
  • Added ability to hide user icon if user is not following channel.
  • Added 3 user special ranks. These ranks supersede Beams normal ranking and allow you the ability to change specific user's colors.
  • Renamed animation Short Slide to Grow/Shrink.
  • Renamed animation Short Fade to Fade In/Fade Out.
  • Added text-to-speech option for chat messages.
  • Added the ability to text-to-speech read your follow/host/sub/resub messages when they are triggered.
  • Added confirmation upon deleting a chat overlay template from your saved templates.
  • Moved some of the overlay options to global so they will be active on all of your chat overlays.
  • Updated non following user icon options to default (display icon), frown, or none.
  • Added preview image for chat templates.

Fixes:

  • Fixed a padding issue to the right of the usernames in the Single Line template.

Code Stuff

  • Better promises upon connection.
  • Removal of fallback font as it is no longer needed with Google Fonts.

Nov. 6, 2016

  • Added 2 new variations to Gradient (Gradient Under, Gradient Under Right).
  • Redid how the CSS files structured and located. If something looks off in one of the skins please let me know.

Nov. 5, 2016

  • All settings reset.
  • Added new skin Single Line.