Streamlabs verses Streamelements widget system

streamlabs verse streamelements

There are pros and cons to creating widgets in streamlabs verses streamelements. Streamlabs is more opinionated in that they give you pre-defined widgets such as subscriber goal, follower goal, donation goal, event list ECT. There is no additional data to work with just whats specified in the custom fields, anything else will have to be fetched by a third-party API. Alternatively, with streamelements custom widgets you can create any type of widget and you are given a data object to work within the sandbox. Data is available for youtube, twitch and facebook and is updated automatically so you basically get a fully functional API to work with right out of the box. Here is an example of some data thats available in the 'onwidgetload' and 'onSessionUpdate' event listeners:

  • data["follower-latest"]["name"] - Name of latest follower

  • data["follower-session"]["count"] - Followers since session start

  • data["follower-week"]["count"] - Followers this week

  • data["follower-month"]["count"] - Followers this month

  • data["follower-goal"]["amount"] - Followers goal

  • data["follower-total"]["count"] - Total count of followers

  • data["subscriber-alltime-gifter"] an array of

    • data["subscriber-alltime-gifter"]["name"] - Name of latest gifter
    • data["subscriber-alltime-gifter"]["amount"] - Number of gifted subs
  • data["subscriber-gifted-latest"] an array of

    • data["subscriber-gifted-latest"]["name"] - Name of latest gifter
    • data["subscriber-gifted-latest"]["amount"] - Number of gifted subs
  • data["subscriber-gifted-session"]["count"] - Number of gifted subs during session

  • data["subscriber-latest"] - an array of

    • data["subscriber-latest"]["name"] - Name of latest sub
    • data["subscriber-latest"]["amount"] - Duration in months
    • data["subscriber-latest"]["tier"] - Tier of sub (1-3)
    • data["subscriber-latest"]["message"] - Message attached to sub action
    • data["subscriber-latest"]["sender"] - If it was a gift, here’s a gifter
    • data["subscriber-latest"]["gifted"] - If it was a gift, here’s a gifted
  • data["subscriber-new-latest"] an array of

    • data["subscriber-new-latest"]["name"] - Name of latest new sub
    • data["subscriber-new-latest"]["amount"] - Number of months (1)
    • data["subscriber-new-latest"]["message"] - user message
  • data["subscriber-new-session"]["count"] - Number of new subs during session

  • data["subscriber-resub-latest"] an array of

    • data["subscriber-resub-latest"]["name"] - Name of latest resub
    • data["subscriber-resub-latest"]["amount"] - Number of months
    • data["subscriber-resub-latest"]["message"] - user message
  • data["subscriber-resub-session"]["count"] - Number of resubs during session

  • data["subscriber-session"]["count"] - Subscribers since session start

  • data["subscriber-week"]["count"] - Subscribers this week

  • data["subscriber-month"]["count"] - Subscribers this month

  • data["subscriber-goal"]["amount"] - Subscribers goal

  • data["subscriber-total"]["count"] - Total count of subscribers

  • data["subscriber-points"]["amount"] - Subscriber points (used for unlocking additional channel emotes - more info on Twitch Partner Emoticon Guide)

  • data["host-latest"]["name"] - Latest host

  • data["host-latest"]["amount"] - Number of viewers in latest host (can be 0)

  • data["raid-latest"]["name"] - Name of latest raider

  • data["raid-latest"]["amount"] - Number of viewers in latest raid

  • data["cheer-session"]["amount"] - Cheers since session start

  • data["cheer-month"]["amount"] - Cheers this month

  • data["cheer-total"]["amount"] - Total amount of cheers

  • data["cheer-count"]["count"] - Number of cheer events

  • data["cheer-goal"]["amount"] - Cheer goal

  • data["cheer-latest"] - An array containing latest Cheer event

    • data["cheer-latest"]["name"] - Latest cheerer
    • data["cheer-latest"]["amount"] - Latest cheer amount
    • data["cheer-latest"]["message"] - Latest cheer message
  • data["cheer-session-top-donation"] - Aan array of top cheerer since session start

    • data["cheer-session-top-donation"]["name"] - Username
    • data["cheer-session-top-donation"]["amount"] - Cheer amount
  • data["cheer-weekly-top-donation"] - An array of top cheer in past week

    • data["cheer-weekly-top-donation"]["name"] - Username
    • data["cheer-weekly-top-donation"]["amount"] - Cheer amount
  • data["cheer-monthly-top-donation"] - An array of top cheer in past month

    • data["cheer-monthly-top-donation"]["name"] - Username
    • data["cheer-monthly-top-donation"]["amount"] - Cheer amount
  • data["cheer-alltime-top-donation"] - An array of top cheer all time

    • data["cheer-alltime-top-donation"]["name"] - Username
    • data["cheer-alltime-top-donation"]["amount"] - Cheer amount
  • data["cheer-session-top-donator"] - Aan array of top cheerer since session start

    • data["cheer-session-top-donator"]["name"] - Username
    • data["cheer-session-top-donator"]["amount"] - Sum of the cheer amounts
  • data["cheer-weekly-top-donator"] - An array of top cheerer in past week

    • data["cheer-weekly-top-donator"]["name"] - Username
    • data["cheer-weekly-top-donator"]["amount"] - Sum of the cheer amounts
  • data["cheer-monthly-top-donator"] - An array of top cheerer in past month

    • data["cheer-monthly-top-donator"]["name"] - Username
    • data["cheer-monthly-top-donator"]["amount"] - Sum of the cheer amounts
  • data["cheer-alltime-top-donator"] - An array of top cheer all time

    • data["cheer-alltime-top-donator"]["name"] - Username
    • data["cheer-alltime-top-donator"]["amount"] - Sum of the cheer amounts
Facebook
  • data["fan-latest"]["name"] - Name of latest fan

  • data["fan-session"]["count"] - Fans since session start

  • data["fan-week"]["count"] - Fans this week

  • data["fan-month"]["count"] - Fans this month

  • data["fan-total"]["count"] - Total count of fans

  • data["fan-latest"] - An array containing latest fan event

  • data["follower-latest"]["name"] - Name of latest follower

  • data["follower-session"]["count"] - Followers since session start

  • data["follower-week"]["count"] - Followers this week

  • data["follower-month"]["count"] - Followers this month

  • data["follower-goal"]["amount"] - Followers goal

  • data["follower-total"]["count"] - Total count of followers

  • data["share-goal"]["amount"] - Amount of share goal

  • data["share-session"]["count"] - Shares since session start

  • data["share-week"]["count"] - Shares this week

  • data["share-month"]["count"] - Shares this month

  • data["share-total"]["count"] - Total count of shares

  • data["share-latest"] - An array containing latest share event

    • data["share-latest"]["name"] - Username
    • data["share-latest"]["amount"] - amount
  • data["share-recent"] - An array of latest share events with each element structure as in share-latest

  • data["stars-goal"]["amount"] - Amount of stars goal

  • data["stars-session"]["count"] - Stars since session start

  • data["stars-week"]["count"] - Stars this week

  • data["stars-month"]["count"] - Stars this month

  • data["stars-total"]["count"] - Total count of stars

  • data["stars-latest"] - An array containing latest stars event

    • data["stars-latest"]["name"] - Username
    • data["stars-latest"]["amount"] - amount
  • data["stars-recent"] - An array of latest stars events with each element structure as in stars-latest

  • data["supporter-goal"]["amount"] - Amount of supporter goal

  • data["supporter-session"]["count"] - Supporters since session start

  • data["supporter-week"]["count"] - Supporters this week

  • data["supporter-month"]["count"] - Supporters this month

  • data["supporter-total"]["count"] - Total count of supporters

  • data["supporter-latest"] - An array containing latest supporter event

    • data["supporter-latest"]["name"] - Username
    • data["supporter-latest"]["amount"] - Amount
  • data["supporter-recent"] - An array of latest supporter events with each element structure as in supporter-latest

  • data["videolike-goal"]["amount"] - Amount of videolike goal

  • data["videolike-session"]["count"] - Videolikes since session start

  • data["videolike-week"]["count"] - Videolikes this week

  • data["videolike-month"]["count"] - Videolikes this month

  • data["videolike-total"]["count"] - Total count of videolikes

  • data["videolike-latest"] - An array containing latest videolike event

    • data["videolike-latest"]["name"] - Username
    • data["videolike-latest"]["amount"] - Amount
  • data["videolike-recent"] - An array of latest videolike events with each element structure as in videolike-latest

YouTube
  • data["sponsor-goal"]["amount"] - Amount of sponsor goal

  • data["sponsor-session"]["count"] - Sponsors since session start

  • data["sponsor-week"]["count"] - Sponsors this week

  • data["sponsor-month"]["count"] - Sponsors this month

  • data["sponsor-total"]["count"] - Total count of sponsors

  • data["sponsor-latest"] - An array containing latest sponsor event

    • data["sponsor-latest"]["name"] - Username
    • data["sponsor-latest"]["amount"] - amount
  • data["sponsor-recent"] - An array of latest sponsor events with each element structure as in sponsor-latest

  • data["subscriber-latest"]["name"] - Name of latest subscriber

  • data["subscriber-session"]["count"] - Subscribers since session start

  • data["subscriber-week"]["count"] - Subscribers this week

  • data["subscriber-month"]["count"] - Subscribers this month

  • data["subscriber-goal"]["amount"] - Subscribers goal

  • data["subscriber-total"]["count"] - Total count of subscribers

  • data["superchat-goal"]["amount"] - Amount of superchat goal

  • data["superchat-session"]["count"] - Superchats since session start

  • data["superchat-week"]["count"] - Superchats this week

  • data["superchat-month"]["count"] - Superchats this month

  • data["superchat-total"]["count"] - Total count of superchats

  • data["superchat-latest"] - An array containing latest superchat event

    • data["superchat-latest"]["name"] - Username
    • data["superchat-latest"]["amount"] - amount
  • data["superchat-recent"] - An array of latest superchat events with each element structure as in superchat-latest