{"id":6919,"date":"2016-09-16T14:19:18","date_gmt":"2016-09-16T19:19:18","guid":{"rendered":"https:\/\/www.infiniscene.com\/?p=6919"},"modified":"2016-09-16T14:19:18","modified_gmt":"2016-09-16T19:19:18","slug":"alerts-overlays-integrations","status":"publish","type":"post","link":"http:\/\/dev.prlxweb.com\/golightstream\/alerts-overlays-integrations\/","title":{"rendered":"Up Your Game with Alerts"},"content":{"rendered":"<style>\n.animation-container {position: relative; margin: 75px 0 15px;}\n.animation-container br {display: none;}\n.element {position: absolute; transition: ease-in-out .4s; opacity: 0;}\n.element.active {opacity: 1;}\n.element-logo {display: block; margin: 0 auto 30px; max-height: 70px; width: auto;}\n.sp-alert {position: absolute; top: 45%; left: 43%; color: white; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center; transition-delay: 1.6s;}\n.sp-element {top: 0; left: 0; height: 100%; width: 100%; transition-delay: .8s;}\n.m-element {top: 45%; left: 40%; width: 80px; transform: translate(-50%,-50%); transition-delay: .4s;}\n.m-element:after {content: 'Donation!'; position: absolute; bottom: -30px; color: #37464E; width: 160px; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center; left: 50%; transform: translateX(-50%); transition: ease-in-out .4s; transition-delay: 1s;}\n.m-element.active {left: 60%;}\n.sl-element {top: 40%; left: 60%; height: 90px; width: 90px; transform: translate(-50%,-50%) scale(0); border-radius: 50%; transition-delay: .2s;}\n.sl-element:after {content: 'Follower!'; position: absolute; top: 115%; color: #37464E; width: 160px; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center; left: 50%; transform: translateX(-50%); transition: ease-in-out .4s; transition-delay: .8s; opacity: 0;}\n.sl-element.active {transform: translate(-50%,-50%) scale(1);}\n.sl-element.active:after {opacity: 1;}\n@media only screen and (max-width: 660px) {\n.sl-element.active, .m-element.active {transform: translate(-50%,-50%) scale(0.65)}\n.sp-alert {left: 35%; transform: scale(0.65);}\n}\n<\/style>\n<p>Whether you&#8217;re a streamer or an avid viewer, you&#8217;ve more than likely come across stream alerts. Alert and notification systems allow streamers to show information like recent followers, subscribers, donations, tips, and when someone else is hosting a\u00a0channel to their viewers. Think of them like\u00a0shout-outs to viewers who are supporting your content. When implemented well, they can boost audience engagement and increase the overall dynamic of the broadcast.<\/p>\n<p>Our latest rollouts and product roadmap are paving the way for more simple, yet powerful implementations, as well as flexibility for all of your content channels. Let&#8217;s take a look at a few we support.<\/p>\n<div class=\"stream-labs animation-container\"><span class=\"sl-element element\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2747\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/pikachu-1.png\" alt=\"Streamlabs alert\" width=\"512\" height=\"512\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/pikachu-1.png 512w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/pikachu-1-300x300.png 300w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/pikachu-1-150x150.png 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2898\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/stream-labs-background-1.png\" alt=\"stream-labs-background\" width=\"1000\" height=\"585\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/stream-labs-background-1.png 1000w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/stream-labs-background-1-300x176.png 300w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/stream-labs-background-1-768x449.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"element-logo\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streamlabs-logo-1.png\" alt=\"Streamlabs logo\" width=\"450\" height=\"92\" \/><br \/>\n<a href=\"https:\/\/streamlabs.com\" target=\"display\" rel=\"noopener\">Streamlabs<\/a> is by far the most popular alerts and fundraising application. This is due in part to it being one of the easier programs to set up, as well as having one of the largest feature sets.<\/p>\n<p>Outside of displaying alerts and taking donations, you can seamlessly integrate Twitch chat on stream; add donation tickers and progress bars (for donation goals); show event lists for showing account activity; and display the more popular stream labels which pull relevant information from text files to display on stream. Streamlabs also plays nicely with other popular third-party platforms like <a href=\"https:\/\/gamewisp.com\" target=\"_blank\" rel=\"noopener\">Gamewisp<\/a>.<\/p>\n<h5>What we like:<\/h5>\n<p>Our team enjoys the level of customization that comes with using Streamlabs along with its extensive offering of unique tools that can be used across a variety of platforms, including our own!<\/p>\n<h5>Connect Streamlabs with Infiniscene:<\/h5>\n<ol>\n<li><a href=\"https:\/\/streamlabs.com\/dashboard\/\" target=\"display\" rel=\"noopener\">Login to Streamlabs<\/a> and copy your alert box URL.<\/li>\n<li><a href=\"https:\/\/www.infiniscene.com\/kb\/how-do-i-add-streamlabs-formerly-twitchalerts\/\" target=\"display\" rel=\"noopener\">Add a Streamlabs alert asset<\/a> in Infiniscene.<\/li>\n<li>Paste your Streamlabs alert box URL in the input box.<\/li>\n<li>Test your alerts by logging in to your Streamlabs account and click on \u201cAlert Box\u201d from the navigation. Then, click on the test buttons that correspond to the alert type(s) you\u2019re tracking and you will see the preview in the Infiniscene editor.<\/li>\n<\/ol>\n<div class=\"muxy animation-container\"><span class=\"m-element element\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2777\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/rupee-1.png\" alt=\"Muxy alert\" width=\"342\" height=\"569\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/rupee-1.png 342w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/rupee-1-180x300.png 180w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2900\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/muxy-background-1.png\" alt=\"Muxy alert integration\" width=\"1000\" height=\"582\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/muxy-background-1.png 1000w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/muxy-background-1-300x175.png 300w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/muxy-background-1-768x447.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"element-logo\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/muxy-logo-1.png\" alt=\"muxy-logo\" width=\"280\" height=\"84\" \/><\/p>\n<p>As an up-and-coming contender in the alerts and fundraising space, we&#8217;ve been really impressed with their features and approach. <a href=\"https:\/\/muxy.io\" target=\"display\" rel=\"noopener\">Muxy<\/a> allows you to show customized alerts and notifications on stream, take donations, and track basic analytics \u2013 among other things. It also integrates with other third-party streaming applications like StreamTip.<\/p>\n<h5>What we like:<\/h5>\n<p>One of our favorite features of Muxy is the depth of customization for alerts, allowing you to edit or add your own HTML, CSS and Javascript. If you&#8217;re skilled at coding or know someone who is, you can have full-control over how your notifications look, animate, etc. &#8211; functionality that&#8217;s unavailable or not as easily manageable in other platforms.<\/p>\n<h5>Connect Muxy with Infiniscene:<\/h5>\n<ol>\n<li><a href=\"https:\/\/u.muxy.io\/dashboard\" target=\"display\" rel=\"noopener\">Login to Muxy<\/a> and copy your alert package URL.<\/li>\n<li><a href=\"https:\/\/www.infiniscene.com\/kb\/how-do-i-add-my-muxy-alerts\/\" target=\"display\" rel=\"noopener\">Add a Muxy alert asset<\/a> in Infiniscene.<\/li>\n<li>Paste your Muxy alert package URL in the input box.<\/li>\n<li>Test your Muxy alerts by logging into Muxy and clicking on \u201cLaunch Live Feed\u201d in the top bar. From the new window, click on any of the icons at the top that correspond to the alert type(s) you\u2019re tracking and select \u201cTest\u201d. You will see the preview in the Infiniscene editor.<\/li>\n<\/ol>\n<div class=\"streampro animation-container\"><span class=\"sp-element element\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2903\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay2-1-1.png\" alt=\"StreamPro alert and overlay\" width=\"1000\" height=\"579\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay2-1-1.png 1000w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay2-1-1-300x174.png 300w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay2-1-1-768x445.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><br \/>\n<span class=\"sp-alert element\">Subscriber!<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2902\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay-1.png\" alt=\"StreamPro alert and overlay integration\" width=\"1000\" height=\"579\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay-1.png 1000w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay-1-300x174.png 300w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-overlay-1-768x445.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"element-logo\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2016\/09\/streampro-logo-1.png\" alt=\"StreamPro logo\" width=\"486\" height=\"108\" \/><\/p>\n<p><a href=\"https:\/\/streampro.io\" target=\"display\" rel=\"noopener\">StreamPro<\/a> is another popular platform for on-stream alerts and notifications which also features an overlay system allowing you to create stream overlays (either via their library or your own) to work alongside of other tools they offer. Some of these tools include Strawpoll, Gamewisp, Twitter and ExtraLife integrations, as well as Twitch chat support.<\/p>\n<h5>What we like:<\/h5>\n<p>What we really enjoy most about StreamPro is the ability to have live editing of your overlays and alerts in a cleanly-designed interface. With their extensive feature set, there&#8217;s quite a bit to pack under the hood and they&#8217;ve managed to do it pretty effectively. <a href=\"https:\/\/www.youtube.com\/watch?v=AUTp6CRpPSk\">Watch this video<\/a> by one of the creators to get an idea of the workflow.<\/p>\n<h5>Connect StreamPro with Infiniscene:<\/h5>\n<ol>\n<li><a href=\"https:\/\/streampro.io\/dashboard\/main\" target=\"display\" rel=\"noopener\">Login to StreamPro<\/a> and copy your overlay URL.<\/li>\n<li><a href=\"https:\/\/www.infiniscene.com\/kb\/how-do-i-add-my-streampro-overlay\/\" target=\"display\" rel=\"noopener\">Add a StreamPro overlay asset<\/a> in Infiniscene.<\/li>\n<li>Paste your StreamPro alert package URL in the input box (from the dashboard, hover over your overlay and click &#8220;Launch&#8221; to grab the URL).<\/li>\n<li>Test your StreamPro integration by going to your StreamPro overlays dashboard (the first view when you log in) and click any of the \u201cTest Overlay Behavior\u201d buttons that correspond to the alert(s) you\u2019ve set up in your overlay. You will see the preview appear in the Infiniscene editor.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Don&#8217;t see your alert tool of choice? <a href=\"https:\/\/www.infiniscene.com\/contact\" target=\"_blank\" rel=\"noopener\">Let us know<\/a> what we&#8217;re missing. If they&#8217;re based on URLs or text files you can always try adding them\u00a0as a Custom URL or <a href=\"https:\/\/www.infiniscene.com\/kb\/add-text-file\" target=\"_blank\" rel=\"noopener\">Text File<\/a> asset.<\/p>\n<p>No matter what platform you decide to use, we&#8217;re keen on making these integrations easier and more versatile. Our roadmap has exciting features on the way to put more customization into your hands. Like you, we know the value of a good experience and live stream, and we aim to provide the medium for you to achieve that &#8211; every single broadcast.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whether you&#8217;re a streamer or an avid viewer, you&#8217;ve more than likely come across stream alerts. Alert and notification systems allow streamers to show information like recent followers, subscribers, donations, tips, and when someone else is hosting a\u00a0channel to their viewers. Think of them like\u00a0shout-outs to viewers who are supporting your content. When implemented well, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[17,78,97,137],"class_list":["post-6919","post","type-post","status-publish","format-standard","hentry","category-avclub","tag-alerts","tag-integrations","tag-overlays","tag-tools"],"acf":[],"_links":{"self":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/posts\/6919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/comments?post=6919"}],"version-history":[{"count":0,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/posts\/6919\/revisions"}],"wp:attachment":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/media?parent=6919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/categories?post=6919"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/tags?post=6919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}