agentc0re - Extra Life Community Hub Jump to content

agentc0re

Members
  • Content Count

    5
  • Joined

  • Last visited

Community Reputation

0 Neutral

About agentc0re

  • Rank
    Novice Member

Extra Life

Profile Fields

  • Location
    Utah

Contact Methods

  • Twitter
    agentc0re

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hey bfin, i'm pretty sure this is your old alert site, right? bfin.beer/el/trackAlert.php?id= Well I just wanted to say thanks for it because you inspired me to create my own site for alerts. It's still a WIP but it's mostly done. http://extralifealerts.com if you wanna have a look. feel free to take any of my code if it makes your life easier.
  2. Mine does that exactly. Http://extralifealerts.com It has the OBS instructions on the site as well.
  3. Hello everyone. I am getting the following errors after an amount of time. That time can vary, it usually takes a few good minutes to come up. https://gyazo.com/7e81b98065b5558d8697f90711c65331 sorry i accidentally hit the quote button twice & couldn't figure out how to remove it. What i've read on the internet is that it's an addition that Extra life would have to make on their end. Something similar to this, if you're using apache: Header set Access-Control-Allow-Origin "*" AllowOverride all Order allow,deny Allow from all My site is http://extralifealerts.com & all my code can be seen by looking at the source code. I don't have anything hidden. Decided to post my code. I two .html files that it happens to, both are almost exact mirrors of each other when it comes to grabbing the json data. I am assuming if i can fix it in one then i can fix it in the other, assuming this error is a problem on my end. <html> <head> <title>Extra-Life Alerts</title> <meta charset="utf-8"> <link href="controller_blue.ico" rel="shortcut icon" type="image/x-icon"> <link href="teamAlert.css" rel="stylesheet"> </head> <body> <?php header('Access-Control-Allow-Origin: *'); ?> <script type="text/javascript" src="./javascript/jQuery/jquery-2.1.4.js"></script> <script type="text/javascript" src="./javascript/jQuery-url-parser/2.3.1/purl.js"></script> <script type="text/javascript" src="./javascript/dropzone/dropzone.js"></script> <!--<script type="text/javascript" src="./javascript/feedback/jquery.feedback-1.2.0.js"></script>--> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script> <!--<script type="text/javascript" src="./javascript/json-parse/json_parse.js"></script>--> <script> var currentDonation; var priorDonation = "0"; var getText; function init() { $.ajaxPrefilter(function( options ) { options.async = true; options.cache = false; options.crossDomain = true; }); // Parse setup parameters. var id = $.url().param('id'); var audio = $.url().param('audio'); var playAudio = document.createElement('audio'); var marquee = $.url().param('marquee'); var xmlhttp = new XMLHttpRequest(); //var url = "http://extralifealerts.com/tempTeamDonations.txt"; var url = "http://www.extra-life.org/index.cfm?fuseaction=donordrive.team&teamID="+id+"&format=json"; function startXMLHTTP() { xmlhttp.open("GET", url, true); /*xmlhttp.onreadystatechange = function () { getText = xmlhttp.responseText };*/ /*$.ajax({ url: url, type: "GET", async: true, dataType: "json", }).done(function(data){ //console.log("IN AJAX Data is "+data); currentDonation = data; });*/ $.ajax({ url: url, type: "GET", async: true, dataType: "json", jsonp: true, crossDomain: true, success: function (data) { //console.log("IN AJAX Data is "+data); currentDonation = data; } }); //currentDonation = JSON.parse(getText); //console.log("after function currentDonation: " + currentDonation); xmlhttp.onreadystatechange = function () { if ((xmlhttp.readyState == '4' && ( xmlhttp.status == '200' || xmlhttp.status == '204' ) ) && ( ( currentDonation.totalRaisedAmount != "0" || currentDonation.totalRaisedAmount >= priorDonation ) )) { if(currentDonation.totalRaisedAmount == priorDonation) { return true; } else { extraLifeAlert(xmlhttp.responseText); //console.log("Executing the extralifealert function"); } } }; xmlhttp.send(); /* Debugging steps*/ //console.log(xmlhttp.onreadystatechange); //console.log("TEST BEGINNING Amount: Current: " + currentDonation + " | Prior: " + priorDonation); } setInterval(startXMLHTTP,5000); function extraLifeAlert(response) { var teamName = JSON.parse(response); var teamGoal = JSON.parse(response); var raisedAmount = JSON.parse(response); document.documentElement.style.overflow = 'hidden'; // firefox, chrome document.body.scroll = "no"; // ie only if (teamName.name) { $('#posts').find('.teamName').text(teamName.name); } if (teamGoal.fundraisingGoal) { $('#posts').find('.fundraisingGoal').text(teamGoal.fundraisingGoal); } if (raisedAmount.totalRaisedAmount) { $('#posts').find('.totalRaisedAmount').text("$" + raisedAmount.totalRaisedAmount); } if(priorDonation == "0"){ setTimeout(function () { $(document.getElementById('posts')).fadeIn(1000); }, 1000); } if (currentDonation.totalRaisedAmount > priorDonation) { setTimeout( function() { $('#posts').find('.totalRaisedAmount').fadeOut(1000); }, 0); setTimeout(function() { $('#posts').find('.totalRaisedAmount').fadeIn(1000); }, 2000); setTimeout(function(){ if (audio) { playAudio.setAttribute('src', './audio/'+ audio); playAudio.loop = false; playAudio.load(); playAudio.play(); } }, 1000); } priorDonation = currentDonation.totalRaisedAmount; /** Debugging steps */ //console.log("TEST END Amount: Current: " + currentDonation.totalRaisedAmount + " | Prior: " + priorDonation); } } setInterval(init, 5000); </script> <div id="posts" class="entireMessage" style="display:none"> <div id="teamGoal"> <span class="teamName"></span><br> Goal: $<span class="fundraisingGoal"></span><br> Total Raised: <span class="totalRaisedAmount"></span> </div> </div> <script> /*$('.entireMessage').marquee({ duration: 8000, gap: 50, delayBeforeStart: 8000, direction: 'left', duplicated: true });*/ </script> <script> var effect = $.url().param('effect'); var font = $.url().param('font'); var headID = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = 'http://fonts.googleapis.com/css?family='+font+'&effect='+effect; headID.appendChild(link); document.getElementById('teamGoal').className = 'font-effect-'+effect; document.getElementById('teamGoal').style.fontFamily = font; </script> </body> </html>
  4. I've already made a post in the alerts section, so i'll just link you to that post. It talks about everything im doing, my story that involves the primary childrens hospital and other good stuff. I hope you can find it helpful. If you have any questions feel free to comment here or email me at extralifealerts@extralifealerts.com Thanks, -Jonathan
  5. Hello, my name is Jonathan, AKA agentc0re. I set out to make a simple, web based alert/display for when someone new donates to you. I hate installing a program just for that and some sites require twitch app authorization. On the other hand, what about YouTube Gaming? Well if you know how to add a browser source to your streaming client then this might be the solution for you. http://extralifealerts.com What is Extra-Life Alerts? Well my web app parses the JSON data from your participant page. It then takes the most recent person and first displays them, then it waits and checks every 5 seconds for a new donor. Currently the only feature I have up is, displaying the donor which shows Name:Amount:Message. It will fade in this information then fade it out. Currently the text color is white surrounded by a black border. No CSS is needed. I've already set the BG to transparent and hopefully provided all the options you need to make your custom URL for donation alerts unique and awesome! Instructions to set it up in OBS are on the website as well. The setup is probably very similar to any other streaming software. Current known Issues: If messages are long, they might get cut off. Not enough testing to figure out how to deal with this problem. This issue is resolved by turning on the marquee effect.It takes a while to load at start because of a wait time i had to add to hide text, long story, and then it waits another 5 seconds to run through the operation.Future plans (not in any order): Change ability for text alignmentChange text sizeChange fade in/out timesAlways on screen featureAdd custom alert soundchange font & border colorchange wait time to check between new donationsAdd Google Font API for EffectsAdd a marquee scrolling effectA bit about why I did this and why I participate in Extra-Life. When I was eight, I tore my thumb off. I was taken to our Primary Children's Hospital by the University of Utah. We were an extremely poor family and there was no way we could afford the surgery. But due to donations and such, or at least I believe it worked this way, my surgery was covered for. Two surgery's later, my thumb was reattached. To this very day my thumb is very functional. It's amazing the things you take for granted had you not had a thumb. Im so very thankful to the doctors who were able to reattach it for me. It's amazing how far medicine has come in the last 30yrs. If you fill the need there are links to donate to my donor page or straight to me. Donations are obviously optional.
×
×
  • Create New...