Extra Life Helper! Show real-time donation info on your stream! - Page 9 - Live Streaming Tips & Tricks - Extra Life Community Hub Jump to content
bread_man

Extra Life Helper! Show real-time donation info on your stream!

Recommended Posts

I just wanted to pop in and thank you for this!  I wanted to find a way to automate the process and this just works perfectly for me!  I'm keeping this in my wheelhouse for the future :)

 

(The donation "kids cheering" sound popped in when I was playing a horror game and I got confused for a moment *laugh*)

  • Like 1

Share this post


Link to post
Share on other sites

Hey everyone!

 

The Helper has always been offered as a web app that you download and run locally on your computer. Since I created it six years ago, anyone who wanted to use it was required to download the zip file, extract it, and then edit the ExtraLifeHelper.html file with their information and settings preferences. This worked fine for the most part. It actually led to many Extra Lifers modifying the Helper to look different or have additional functionality which was pretty awesome.

 

With that said, I'm excited to say that version 3.0 of the Helper has been released and now can be used without downloading or editing files!  If you don't have a reason to modify the  source code (which applies to most Extra Lifers), adding the Helper to your OBS and XSplit scenes just got a lot easier. Simply visit this page, use the form to customize the Helper, and then copy the link. The page lets you quickly preview the Helper and test donation alerts and sound levels. 

 

http://breadweb.net/extralife-helper.html

 

For those who have enjoyed modifying the Helper, don't worry; It will continue to be available for download and both the local and remote versions will be kept in sync. 

 

Feedback and bug reports are appreciated, as always. Thanks! -bread

Share this post


Link to post
Share on other sites
On 11/3/2018 at 1:41 PM, Griffeth said:

Is there any way to control the volume of the alerts?

 

There is now in version 3.0 that was just released today! Thank you for the feedback. 

Share this post


Link to post
Share on other sites

Hey @bread_man! Once again, thanks for your hard work on the extra-life helper, it helped me and my team out a lot last year and i'm happy to see you're keeping it up to date! We did have a few teething problems last year however, maybe you could help me out with them :)

Last year we ran the helper in team-mode on 2 separate PCs and while it did work, the donations often came in staggered.. so I would get a donation alert, and then maybe 2/3 minutes later my team-mate would get the same donation alert and vice versa. Is this a by-product of running in team-mode? Or is that not supposed to happen? Also.. I see that you have now made an online version of the helper, which is great! Would that version possibly fix the de-sync issues we've been facing? and if so, is there a way for us host our own remote version with a custom donation mp3?

 

Thanks again for all your hard work year on year :)

Share this post


Link to post
Share on other sites
On 4/25/2019 at 8:17 PM, MaelstromALPHA said:

Hey @bread_man! Once again, thanks for your hard work on the extra-life helper, it helped me and my team out a lot last year and i'm happy to see you're keeping it up to date! We did have a few teething problems last year however, maybe you could help me out with them :)

 

Hey @MaelstromALPHA! Awesome to hear that the Helper worked out for you and your team last year!  Thanks for the kind words. I'll keep finding ways to improve the Helper for as long as people want to keep using it! :)

 

On 4/25/2019 at 8:17 PM, MaelstromALPHA said:

Last year we ran the helper in team-mode on 2 separate PCs and while it did work, the donations often came in staggered.. so I would get a donation alert, and then maybe 2/3 minutes later my team-mate would get the same donation alert and vice versa. Is this a by-product of running in team-mode? Or is that not supposed to happen? Also.. I see that you have now made an online version of the helper, which is great! Would that version possibly fix the de-sync issues we've been facing? and if so, is there a way for us host our own remote version with a custom donation mp3?

 

Yes, that makes sense. The Helper polls the Extra Life API for donation information on an interval and not at fixed points in time. So the only way two separate computers running the Helper would be close to being in sync is if they started the Helper at the exact same time. This is the same if the Helper is running in team or participant mode and doesn't change if you're using the download or online version. 

 

The online version of the Helper doesn't support custom alert sounds right now. I'd have to create a way for people to upload these custom files or provide a link to them uploaded somewhere else.  The download version will always be available and continue to support custom sound.  You trade a little customization power for ease of use when using the online version at the moment.  Hope that helps.

 

Share this post


Link to post
Share on other sites

Thanks for making this, super intuitive, but when I have my start date and time set to 

startDate = "11-02-2019";              // Set to your local Extra Life start date.
startTime = "10:00:00";                // Set to your local Extra Life start time. 

It continues to say that the date or time is missing/invalid, any help is welcome as I honestly don't know what is wrong here

Share this post


Link to post
Share on other sites
10 hours ago, Zach Wasylenko said:

Thanks for making this, super intuitive, but when I have my start date and time set to 

startDate = "11-02-2019";              // Set to your local Extra Life start date.
startTime = "10:00:00";                // Set to your local Extra Life start time. 

It continues to say that the date or time is missing/invalid, any help is welcome as I honestly don't know what is wrong here

 

Hey Zach! Are you using the latest download version (https://github.com/breadweb/extralife-helper/releases/tag/3.0) or a link generated using the new form on http://breadweb.net/extralife-helper.html?  The default startDate and startTime in the download version are set to those values and appear to be working fine.

  • Like 1

Share this post


Link to post
Share on other sites

Hello @bread_man ! Great work you're doing on those overlays!!

I was wondering though if you could help me out a bit... would it be possible for you to show me how to modify the source code so the overlay would be in french? Everything is in english in OBS and etc so I'm working on changing all that to french to appeal more to people where I'm from but I don't want to end up with overlays mismatching with the rest.

 

Also, I'm not really good at this... does this overlay work with streamlabs OBS or just the regular OBS?

 

Thank you for your time!

-Max

Share this post


Link to post
Share on other sites
21 minutes ago, Max Delisle said:

Hello @bread_man ! Great work you're doing on those overlays!!

I was wondering though if you could help me out a bit... would it be possible for you to show me how to modify the source code so the overlay would be in french? Everything is in english in OBS and etc so I'm working on changing all that to french to appeal more to people where I'm from but I don't want to end up with overlays mismatching with the rest.

 

Also, I'm not really good at this... does this overlay work with streamlabs OBS or just the regular OBS?

 

Thank you for your time!

-Max

 

Hey Max! Changing the language in the download version of the Extra Life Helper is easy.  After unzipping the files to your computer, find the "helper.js" file and modify these lines, changing the English values to French:

const TEXT_DAYS_UNTIL = "DAYS UNTIL EXTRA LIFE:";
const TEXT_HOURS_UNTIL = "HOURS UNTIL EXTRA LIFE:";
const TEXT_EXTRA_LIFE = "PLAYING GAMES TO HEAL KIDS!";
const TEXT_MY_AMOUNT_RAISED = "MY AMOUNT RAISED:"
const TEXT_OUR_AMOUNT_RAISED = "OUR AMOUNT RAISED:"
const TEXT_HOURS_PLAYED = "TOTAL TIME PLAYED:";
const TEXT_ANONYMOUS = "Anonymous";

Save the file and you're done!

 

This is isn't the first time someone asked for French or Spanish translation so I'd like to add that and make this available to everyone as a new feature, even those using the new remote version. Can you help me by providing me the French translations please? :)

Share this post


Link to post
Share on other sites
1 hour ago, bread_man said:

Also, I'm not really good at this... does this overlay work with streamlabs OBS or just the regular OBS?


The Helper works in just about any streaming software including regular OBS, Streamlabs OBS, Streamelements OBS, and XSplit. :)

Share this post


Link to post
Share on other sites
Posted (edited)

 

 

On 10/3/2019 at 11:08 AM, bread_man said:

This is isn't the first time someone asked for French or Spanish translation so I'd like to add that and make this available to everyone as a new feature, even those using the new remote version. Can you help me by providing me the French translations please? :)

 

I downloaded a JS editor and made the changes, only problem is that JS apparently dosen't care for our weird accents our letters when I translate it word for word (Notre montant récolté) sooo...

Helper_French.png.67eabb58f73a2d749ec314524aa5e202.png

I changed the text for both the participant and team boxes so they both say the same thing which translates to Donation's Total, hope it's still ok.

557473526_Helper_French2.png.afc7d834347b09a69c7a5787c4964cd6.png

 

Unfortunately I can't insert a JS file into this forum so do you have an idea how to make the helper.js file available to you?

 

*** I've also realized that Total Hours Played translates to Total d'Heures Jouées which is also messing up so I changed it to Total d'Heures Faites which means Total Hours Done... stupid accents!!

Edited by Max Delisle

Share this post


Link to post
Share on other sites
On 10/4/2019 at 1:33 PM, Max Delisle said:

 

 

 

I downloaded a JS editor and made the changes, only problem is that JS apparently dosen't care for our weird accents our letters when I translate it word for word (Notre montant récolté) sooo...

Helper_French.png.67eabb58f73a2d749ec314524aa5e202.png

I changed the text for both the participant and team boxes so they both say the same thing which translates to Donation's Total, hope it's still ok.

557473526_Helper_French2.png.afc7d834347b09a69c7a5787c4964cd6.png

 

Unfortunately I can't insert a JS file into this forum so do you have an idea how to make the helper.js file available to you?

 

*** I've also realized that Total Hours Played translates to Total d'Heures Jouées which is also messing up so I changed it to Total d'Heures Faites which means Total Hours Done... stupid accents!!

 

Ah, those characters may not exist in that font set or we may just not be encoding them correctly. I'll try proper encoding and we can always swap out the font if necessary.

 

In the meantime, posting the translations here in this thread would be great and I'll copy them into a format that the Helper can use when somebody changes the new language setting which I'll be adding. If you don't mind, could you please provide the most accurate translations even with accents and I'll get them working? Thank you again!

Share this post


Link to post
Share on other sites

@Max Delisle I just released a new version of the Helper (both download and remote) that supports a new language option.  :) You can now select English, French or Spanish for the displayed text and there are now French and Spanish text-to-speech voice options available as well. The Helper will swap out the font to something similar which supports accents if the language requires it. Thank you for inspiring me to get this done!

Remote: http://breadweb.net/extralife-helper.html
Download: https://github.com/breadweb/extralife-helper/releases/tag/3.1


langs.png.3d702f168417adcb6c2e8fe8fb4e919e.pngfrench.thumb.png.6e111c1f3d4edd17f8b8b666750738c9.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...