Giter VIP home page Giter VIP logo

breadweb / extralife-helper Goto Github PK

View Code? Open in Web Editor NEW
26.0 6.0 17.0 10.44 MB

The Extra Life Helper is a web app that can be used by Extra Life participants and teams to display their fundraising progress. Works in OBS and any modern browser. Features donation alerts, an event countdown timer, a timer for hours played, and multiple themes and display options.

Home Page: https://breadweb.net/extralife-helper/

License: MIT License

HTML 3.21% JavaScript 81.28% CSS 0.34% Python 15.17%
obs streaming twitch extralife youtubelive charity extra-life fundraising livestream python

extralife-helper's People

Contributors

breadweb avatar jeepee12 avatar timmixell avatar x-ticker avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

extralife-helper's Issues

Show next donation milestone

First off, I've been using the helper for my events for five or six years—thank you for making such a helpful, customizable tool!

With milestones being integrated into donation pages for the last couple of years, it would be really nice to include the next milestone in the rotation of things which can show up on the tracker, similar to the Extra Life and CMNH logos displaying every so often. I attempted to implement it myself last year, but I ran into some hurdles and didn't figure it out. A notification when the milestone is reached would be an added bonus!

Multiple custom sounds plays all at once

I am not sure if it was by design but putting in multiple custom sounds in the ExtraLifeHelper.html file causes all sounds listed to play at the same time on donation.

Getting "$NaN" for goal

Currently, the goal under our Extra Life Helper badge displays "$NaN" as the dollars raised for the team:
https://tvgs.z13.web.core.windows.net/trailers/extra-life/ExtraLifeHelper/ExtraLifeHelper.html

chrome 2019-10-31 (22168)

The team is for Tech Valley Game Space. We're not sure why we get these results. The configuration is as follows:

// Extra Life Helper
// ============================================================================================
// For use details and use instructions, visit https://github.com/breadweb/extralife-helper
// For support or feature requests, visit http://bit.ly/helper-forum/
// 
participantId = "";    // Set this to blank to run in team mode.
teamId = "49460";      // Set this to blank to run in participant mode.
startDate = "11-02-2019";      // Set to your local Extra Life start date.
startTime = "12:00:00";// Set to your local Extra Life start time.
helperTheme = "white1";// Color theme: white1, gray1, blue1, or blue2.
helperBorder = "rounded";      // Border type: rounded, square, or none.
helperWidth = 250;     // Width of the Helper, in pixels.
showDonationAlerts = false;     // Set to false to suppress donation alerts.
showGoal = true;       // Set to false to only show amount raised on the
//     // main screen and not also your goal.
showYearMode = false;  // An alternate display to support fundraising all
//     // year. The count down/up timer is hidden.
donationSounds = "";   // Set this to your custom set of sounds, separated
//     // by commas. Or set to "" to play no sounds.
donationMessageVoice = "";     // Set to US-male, US-female, UK-male, UK-female,
//     // FR-male, FR-female, ES-male, ES-female or set
//     // to "" to not read messages with text-to-speech.  
testDonationSeconds = 0;       // Number of seconds to show a test donation after
//     // the Helper loads. Set to 0 to disable.
volume = 0;    // The volume for all sound effects and text-to-speech.
lang = "en-us";// Language to use for all text displayed in the
//     // Helper. Supported options are en-us for 
//     // English (United States), fr-ca for French (Canada),
//     // or es-419 for Spanish (Latin America)
// ============================================================================================

Light Bridge hook?

Hey, is there any chance you could share a brief set of instructions on how to set up Philips Hue lights to flash (or change to a random color, or whatever) when you receive a donation? I cannot seem to find a way to do so via IFTTT.

Support other aspect ratios

Helper appears to be designed for a fixed aspect ratio of 12:5 (WIDTH_ORIGINAL = 264, HEIGHT_ORIGINAL = 110). That can be fine if it's going to be inserted as a small element of a larger scene, but I was looking to use Helper to be the sole content on a standard 16:9 HDTV screen. I tried increasing HEIGHT_ORIGINAL, which did increase the height of the background rectangle, but the content within the rectangle did not move so it appeared to be aligned to the top which wasn't very pleasing. Perhaps a simple solution could be that the content would be centered vertically within the available space, as it already appears to be centered horizontally.

License Request

Hi, thanks for making this awesome tool! I would like to request you add a proper FLOSS license so that we're legally allowed to use this software. No license implies that standard copyright law applies and all rights are reserved; this is mentioned in the readme, though it's unclear if it's for the tool or the website.

Please see this link for more details. Thank you very much!

Issues with voice/sound

Greetings,

I was checking out your extra life tool and ran into a few issues.

https://code.responsivevoice.org/getvoice.php?t=This is such a good cause. Good luck!&tl=en-GB&sv=g1&vn=&pitch=0.5&rate=0.5&vol=1&gender=female
Resolves to a 403 address and won't play sounds

Donations text to speech also seems to not work in OBS. It will play the sound, but not read the donation.

However, if I just load the html file in a browser, it plays the text to speech, if I pick US-male, but it will not play sounds.

Add ability to remove both time until and year

I really like the plugin and this will be my second year using it. I wanted to make the suggestion to add the ability to remove the year and 'time until' feature to make the whole thing a little more compact.

Problem testing locally

Hello,

I wasn't sure how to get in touch with you and the the Helper forum is down so I though I might try this. I know it's not the proper use of this feature.

I'm having trouble testing locally and using the debugging tool locally. I thought I might just need to change the path for the various txt files to local documents but that doesn't seem to do anything.

I have used used the testDonation function in the html file by changing the seconds from 0. While that does show a message it doesn't play the sound and it doesn't go away so it's not the most helpful.

Any guidance in how to properly test locally would be great thanks.

Best,
Nick

Live version does not match the last version of Git.

5 Days ago a typo in the french version was corrected, but the live version of the countdown still has the typo. Can you please update the live version? (The download link on the readme is also not up to date.)
Thank you so much for this amazing tool!! I love it!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.