dev-chat

[stray mauve]

Thanks for the info. That's unfortunate since I need to get the top 3 in each category (cheer, subs, donations).

I saw that there is an API endpoint for it (<https://api.streamelements.com/kappa/v2/session/<channel>/top>). If I use that endpoint with my own data (API Key and my Account ID) it works fine. I get the top 3 cheers for example.

If I now use the API Key and Account ID of the streamer, for who'm I'm creating this, I get an empty array. Kind of weird is that the streamer had donations in the past.

const accountId = "ID";
const apiKey =
  "apikey";
const apiUrl = "https://api.streamelements.com/kappa/v2";
const types = ["cheer", "tip"];
const interval = "alltime";
const axios = require('axios').default;

axios
  .get(
    `${apiUrl}/sessions/${accountId}/top?limit=100&offset=0&interval=${interval}&type=cheer`,
    {
      headers: {
        Authorization: `Bearer ${apiKey}`,
        "Content-Type": "application/json",
      },
    }
  )
  .then((response) => {
      console.log(response.data);
  }).catch((error) => {
      console.log(error);
  })

^ that's now for testing purpose in Node.js.

Spaghetticode I know

[winged niche]

Did you check the corresponding fields of the onSessionUpdate-Event to make sure it's not just the API endpoint acting weird?
Even if it won't help you determine the top 3 of each category without keeping track of a month's worth of events in your own database.

You could also try to check the dashboard to make sure the data you're not receiving actually exists.
That would be my best guess since it currently just sounds like API weirdness to me.

Only thing I could think of would be a missing scope of the API Key. Even though I would sincerely hope the API would return something more helpful than an empty result if that would be the case.

[stray mauve]

You could also try to check the dashboard to make sure the data you're not receiving actually exists.
I have "Full Control" of his SE Dashboard (via the invite link thingy). Checked and found donations / cheers. So yea, sounds like API being weird.

[winged niche]

Keeping track of all events via WebSocket https://dev.streamelements.com/docs/kappa/docs/Websockets.md might just be your best bet going forward for the forseeable future then.

[stray mauve]

Fixed it!

reset did it!

Now that code snipped works fine:

const accountId = "channel id";
const apiKey =
  "api key";
const apiUrl = "https://api.streamelements.com/kappa/v2";
const types = ["cheer", "tip"];
const interval = "alltime";
const axios = require('axios').default;

axios
  .get(
    `${apiUrl}/sessions/${accountId}/top?limit=100&offset=0&interval=${interval}&type=cheer`,
    {
      headers: {
        Authorization: `Bearer ${apiKey}`,
        "Content-Type": "application/json",
      },
    }
  )
  .then((response) => {
      console.log(response.data);
  }).catch((error) => {
      console.log(error);
  })

@winged niche tyvm for your help!:)

[covert crag]

on the hypecup i have all likes, shares, support, stars, fans, follows, tips active to drop something in the hypecup. everything drops something except the like and share nothing drops out for it. its the ones i really want for the cup and yes i have them checkmarked but the are not dropping anything\

[tough nest]

Hey so for an overlay I have to type the font I want, and i want to use the font Ubuntu, but I want to use the bolder version which is called Ubuntu Bold 700, how would I get that to work on my overlay

[split kelp]

I don't know what but I'm trying to toubleshoot obs live by uninstalling it but it's not uninstalling.

[lucid tapir]

Hey, please ask this in #helpdesk-selive

[split kelp]

I just deleted all of obs and reinstalled it. It works now.

@lucid tapir, It wouldn't uninstall so I said heck with this and ripped it from my ssd and threw it in the recycle been.

@lucid tapir Installed it again and it works now.

[woven sandal]

Hi, I have a problem with my streamelements on the Mac browser. It showed me blank page. Any help? Sorry I'm not sure which channel I should ask this question. I'm using safari. I didn't have this problem with my iOS safari.

[echo meteor]

I don't know if this is the right channel but I've got a problem.
Whenever I try to make a http post request I get the error amount is required.
I'm talking about this: https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1tips~1{channel}/post

I'm pretty sure I did everything correctly.

curl --request POST \
  --url https://api.streamelements.com/kappa/v2/tips/600fedbae2a74e758fc8de51 \
  --header 'authorization: Bearer REDACTED' \
  --data '{"user":{"userId":"XXXX","username":"XXXX","email":"[e-mail]"},"provider":"PayPal","message":"test","amount":15,"currency":"EUR","imported":true}'```

This is the answer from the server:
```json
{
    "statusCode": 400,
    "error": "Bad Request",
    "message": "child \"amount\" fails because [\"amount\" is required]",
    "details": [{
        "path": ["amount"],
        "message": "\"amount\" is required"
    }]
}```

[uneven oxide]

@pulsar willow, posting multiple links will result in not being able to post again.

[opaque wasp]

Where should I ask about the #art-marketplace Google forms? I'd like to know when or even if I will received an answer.

[teal osprey]

Friendly whisper into the dev realm: Twitch finally released Sub Points as part of the "Get Broadcaster Subscriptions" Twitch API endpoint," if anyone wants to do anything with that. Just passing it along. 😉

[severe shell]

Install that font on your computer, and then you can go to the overlay widget and select the option "Use Custom Font". Type the font name exactly as it shows on your computer and you are good.

[hardy walrus]

@teal osprey This has already been sent to the dev powers that be.

[trail imp]

Hello, I would like to know if there is any specific resources available for streamlabs for custom css alerts coding and any syntax standards to keep to besides the normal good form

specifically I'd like to make sure that I am not moving, removing, or editing html/css elements that are required for proper functionality - or if it is similar to codepen

for example, do I require the fields already in place in the html tab (like "awsome-text-container") or do I have full freedom in this?
Any link would be helpful if there is official SE info. I've searched but can't seem to find anything

[trail imp]

I see a typo, i think. in your copypaste it says: "amount":15, I think you might want to try: "amount: 15",

[echo meteor]

That wasn't it but I found what my mistake was.
I forgot to specify the content type in the header.

[teal osprey]

praise be

[silk owl]

yeah nothing is working can't even log into streamelements dashboard

[solemn tree]

Ok sorry if this has been asked before and I am sure it has 100 times but I can't find my answer. I have a give that plays once. When I add it to an overlay in the editor it only plays once(in image box). It never plays again. So trying to center alert text over a invisible image isn't working lol.

[edgy agate]

Is there a way to simulate an event using a command so an overlay can catch it?

I would like for the bits used to trigger sounds via sound alerts to count towards the SE overlay I created. Connecting sound alerts to an overlay seems a bit much to ask for, but a command for my mods to use when viewers trigger a sound seems reasonable.

[severe shell]

You are free to use the fields you want on HTML tab, as long as you reference it properly on CSS and JS. It is similar to codepen
You can check the Overlay Editor documentation on this channel title and you will find the response for each notification. In case you have any questions, there are good dev people here in this channel to answer some specific questions 🙂

[pulsar willow]

Is there a way to limit stream labels to a minimum amount to be shown?

For example, in order for the "Latest Raid" to be shown on my stream label, the person raiding would need to have a minimum amount of X.

I'm using the Alpha Gaming rotator feed for my stream labels and would like to inject a string of code that can help me with this but, I'm honestly not very skilled in this and can't seem to find any documentation on this specific issue.

Thanks!

[severe shell]

You can check the Overlay Editor documentation on the title of the channel. It will give the information you need for each event.
But you can use this as an example:

window.addEventListener('onEventReceived', function (obj) {
  console.log(obj) // This will show on console the event type and you can get the values. You can remove it later
  
  const listener = obj.detail.listener
  const amount = obj.detail.event.amount
  
  if (listener === "raid-latest" && amount > 50){
    // do your job
  }
})

[pulsar willow]

Thank you so much!!

[tough nest]

Hey so I'm trying to use the Events Rotator by Co6 which is on the widgets on the SE website, and I'm trying to use the monthly subcount thing, but for some reason it doesnt update in realtime and I have to refresh the overlay for it to update, but the most recent sub updates instantly, anyone know why this is?

[undone pagoda]

Im not sure if Im on the right channel but i need help with a widget that wont work... can someone assist pleasse

[tender spoke]

Hello guys 👋 How are you?
guys, I am trying to add an overlay into an iframe running on localhost but seems I have no permission to do it ( or maybe something is missing there )
Could someone give me a hand with this, please? 🙏

[lethal quarry]

Why am I getting a 404 sever call when some one hits my tip overlay?? I asked this question earlier but never got an answer can someone help me with this please

[zealous basin]

Hello, I am trying to create a colorwave on alert text to match my alert overlay, the coding is a bit different than streamlabs so I'm a bit lost.

[thorn crown]

if i create a custom widget, and create a <div> where its background is a solid colour, width and height are 100%, why do i see a seemingly padded border around it in the overlay editor? i still see the extra padding when clicking 'preview' and opening in the browser, so i don't mean to imply it's only visible in the editor. i've highlighted in dark purple rectangles where i'm seeing the extra padding in the larger red box. as far as pixel dimensions and position goes, it should be in the utmost corner and fill the space right to the edges

[viral patrol]

body {
  padding: 0;
  margin: 0;
}

[thorn crown]

doh, of course, thank you!

[dreamy wasp]

@viral patrol Hey. You made a animated chat box a while ago. Any reason it wouldn't be showing sub badges?

Disregard. I'm dumb

Was using the test message which showed moderation and partner but once I typed in chat myself, it was fine

[viral patrol]

❤️

[dreamy wasp]

Love it though. Been looking for a chat box that did the slide right animation like stream labs. Thanks for making it

[patent torrent]

I need help changing my SE pay bank info

[uneven oxide]

@patent torrent ⤵️

Please contact us via email for support with SE.Pay. You can use our contact form here: https://streamelements.com/contact Thank you.

[severe shell]

Go to your Streamelements Revenue > tipping settings > Tipping settings (again) > Tip panel setup and check if the URL is the same as the users are trying to reach

[pulsar willow]

Hi, I have a custom widget that outputs the current song from Lastfm but I'd like to expand its functionality as I don't wanna use the widget on all my overlays, and would rather have a chat command only active for some, but I couldn't seem to find any possibility to post from the widget to the streamchat even through SE_API. As Lastfm integration is something that's missing from SE, I can't just use the chatbot to do this for me.

[vague gulch]

It shows me this message when trying to tip with iDeal. Anyone knows what this means?

[primal geyser]

Hi, I applied to development program but after 2 days there is no response from StreamElements.

[hot hamlet]

hi guy

guys

how to fix my media request system keep reply last song

[timber raft]

is there anyone who could give me some insight regarding the API access approval?

[tough nest]

Bumping this cause i didnt get a reply

[opaque wasp]

I'm trying to inser this widget as a custom widget into Streamelements tradingview(.)com/widget/economic-calendar/ but I'm facing the following errors

    at https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:134
    at t (https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:311)
    at n._prepareUrl (https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:2875)
    at n.connect (https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:710)
    at o.connect (https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:3532)
    at _doConnect (https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:9021)
    at new _ (https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:4965)
    at https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:12184
    at https://www.tradingview-widget.com/embed-widget/events/?locale=en:39:12416```

    at https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:18:2113
    at Module.FBuY (https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:19:244)
    at i (https://www.tradingview-widget.com/static/bundles/embed/runtime.7174b149b3081e4ff3ce.js:1:581)
    at Object.TxTq (https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:32:1256)
    at i (https://www.tradingview-widget.com/static/bundles/embed/runtime.7174b149b3081e4ff3ce.js:1:581)
    at Module.<anonymous> (https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:63:922)
    at Module.uBLr (https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:64:2234)
    at i (https://www.tradingview-widget.com/static/bundles/embed/runtime.7174b149b3081e4ff3ce.js:1:581)
    at Module.<anonymous> (https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:24:1916)
    at Module.Sfnf (https://www.tradingview-widget.com/static/bundles/embed/embed_events_widget.df020bf3c7941f182f4c.js:31:1891)

Any idea on how to solve these?

[rugged dirge]

Hi guys, I'm trying to edit a widget for sub count with sub goal

<span id="total"><span id="{{goaltype}}"></span> / {{subGoal}}</span>

  "subgoal":{
    "type": "text",
    "label": "Subscriber Goal",
    "value": ""
  },

"subgoal":"15"

Am I missing how to inject a variable here?

[opaque wasp]

you're calling {{subGoal}} but the customField is called subgoal, it's case sensitive

[rugged dirge]

Ugh such a stupid mistake. Thank you

[neat silo]

Can anyone help me out with custom css? Its loading the default gif while I want it to load my video. (Regarding alerts)

[rugged dirge]

Anyway to format Bapes is offline as 0?

  if (fieldData.goaltype == 'Viewers') {
    $.get("https://decapi.me/twitch/viewercount/" + channelName, function (data2) {
      if (data2 === 'Bapes is offline') {
         $('#Viewers').text() = 0;
      }
      $('#Viewers').text();
    });
  }

Doesn't work

Got it 🙂

[opaque wasp]

you probably need to insert the text into .text('insert text here');

[rugged dirge]

Yup that was the issue 🙂

[icy wing]

I need someone to wipe my tips, for some reason they got imported incorrectly and my widgets show weird numbers

[uneven oxide]

@icy wing ⤵️

Please provide your account ID found at the top of this page: https://streamelements.com/dashboard/account/channels This ID is public info and safe to share here.

[timber raft]

bumping if anyone could help

[hardy walrus]

There are plans to open it super soon but no eta yet.

[timber raft]

so the pending Asana applications will be pending meanwhile?

[hardy walrus]

Do what?

[timber raft]

I mean if the currently unanswered Asana applications (to get OAuth2 credentials to access the api) will remain unanswered until the API is opened again (If I understood you correctly)

[hardy walrus]

Not sure what Asana has to do with API access.

[timber raft]

https://dev.streamelements.com/docs/kappa/docs/OAuth2.md
Apply for OAuth2 credentials here. Code samples are available here.
There is a link for Asana application which you have to fill in & sumbit & get it approved to get the credentials

[hardy walrus]

Oh. 1 sec

It seems it was added since I last spoke to someone.

[timber raft]

Okay. I was just wondering if these are being processed or not

[lunar halo]

I'm sorry if this seems innapropriate, but I have searched everywhere for this and didn't find an answer (nor the correct discord room).
I would like to remove my name (the broadcaster's name) from the !points rank, so it will only show the viewers' names.

[hardy walrus]

You'd have to blacklist yourself from loyalty.

[lunar halo]

Where should I click? 😊

I found it!!! Loyalty Settings >> Ignored Users

Thanks and sorry!!!

[frosty wing]

Hey guys :)
So I want to achieve this:
Press a button on my Streamdeck to show a gif and play a sound on stream without using a command in stream chat. I tried whispering it to streamelements but didn't work.. so any suggestion?
My only idea is to set up a custom widget or use a redeem alert (+item ofc) and trigger that by SE API (didn't check the API yet).

[thorn iris]

You want to use the multiaction button to achieve this. Idk if it has the ability to bring up a specific gif, but i know it can hide and unhide sources in OBS or SLOBS. So you can set it up that way.

[frosty wing]

Hm.. if I toggle a source like a gif or audio... does that reset it and play from start?

[thorn iris]

I do not think it resets the gif. Take this with a grain of salt, but if I remember correctly the gif simply continues to play hidden in the background. For sounds in stream, I use either voicemod or I have it set up to simply play an mp3 file. The downside to the mp3 is that it will play the whole mp3 file, so keep that in mind. A multiaction tool will allow you to unhide the gif, play the sound, and then hide the gif again.

[real mountain]

Hey, how do I get the custom widget to display latest follower, the website isn't really helping me out.

[frosty wing]

Hmm.. is there any way to do it via SE like an alert?

[thorn iris]

I'm not sure.

[frosty wing]

Hm.. can you even trigger an alert via SE API?

[tribal zenith]

For the initial load you can check the data object in onWidgetLoad: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-widget-load
After that you can listen for new follow events in onEventReceived (https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event) and then update the DOM accordingly

[tribal zenith]

Create a mp4 or webm video-file and toggle the visibility (in OBS) via Streamdeck. Videos can start over when they become visible again

[pliant pike]

can someone tell me how to put that background in streamelement in your obs
and oh yes i have stream elements

[glad urchin]

Does SE have a full list of youtube subscribers and or members available somewhere or do i need to pull this information from the youtube api?

[severe shell]

Taking into account that on Twitch (which is way open than YouTube to get data) SE doesn’t store that information, I would say that you need the YouTube API for that.

[severe shell]

Which background? Any image you want to use as background you can add it directly on OBS. I’m not sure if we are talking about the same thing, though

[pliant pike]

@severe shell the eight ground that can download streamelements

[pliant pike]

i wonder how your background of could put streameleman on obs

[frosty wing]

I think he means the overlay..

[pulsar willow]

Hi, is there any easy way to get around that $customapi in the chatbot will return the source of a website and not the text on it?

[glad urchin]

I was hopeful, I’ve noticed SE only stores information on recent subs and was hoping to find something else. Thanks for the response!

[ionic moat]

Any ETA on when SE will expose a simple Points/Reward redeem Event for Twitch's integrated points? Trying to make a custom widget which needed a feature like this and there's still no way to apparently get it done (I had checked a while back)

is it being worked on? or is SE not planning to implement it at all?

SE truly is my fav platform to work with and recommend. You truly do a great job pretty much everywhere!
But I'm not really finding any way to make this work - Given that we do/can give you the required scopes/permissions when we register with SE, could you easily have access to this event via the Twitch API to relay it back via your own events (usable in Custom Widgets)?
Or is Twitch's API functionality for this feature too convoluted?

[severe shell]

At the moment SE can only capture data from Rewards if the reward has "Require Viewer to Enter Text" option enabled, so it will capture the chat event. For Rewards that does not trigger chat event, you can use another system, like Triggerfyre (from Thefyrewire) for example.
At the moment we do not have any ETA when this option will be available on SE, unfortunately.

[ionic moat]

Quick follow-up, about the v27 OBS Browser Source feature added for granting the webpage access to OBS functionality - Well, using SE's Custom Widget, one quickly runs into an issue that all events are off-limits, seeing as they're being dispatched by obs-browser to the top level window, and our Custom Widget code runs inside an iframe document (lower level window object)
So there's an issue here in regards to implementation, which is understandable on SE's side given the need for security ofc!

When one tries to listen for the events on window.addEventListener, they'll just never arrive (they're occuring on the top level window, and local widget 'window' object is the iframe one)
When trying to grasp for window.parent / window.top, that won't work either since there's a CORS issue here being that code is being ran client-side at that point, on our OBS and Cross-Origin won't allow it
Sadly, there's no 3rd option since SE doesn't currently do 1 of 2 things: allow for specific 'messages' (window.postMessage) to be passed up granting the ability attach a listener from below up above -
or BETTER yet, replicating very specific events (the new OBS feature ones especially) down to the Custom Widget iframe you know might need them

Since you guys on your end already know a Custom Widget is exactly that, a custom widget. Basically just blanket-case cover OBS Events on your top window object and dispatch the same event on the Custom Widget's iframe.contentWindow

that way simple Custom Widget code like window.addEventListener('obsSceneChanged') using this new OBSv27 feature would work seamlessly as intended

[pliant pike]

can someone help me put overlay on streamelements obs because I can't get it to work

[jade night]

Apologies if wrong channel. Just trying to get customapi working and maybe down to using some free hosting and SSL (via Let's Encrypt) but StreamElements bot is responding with "RequestError: unable to verify the first certificate". Was just doing a simple page that formatted some Valo data and direct URL works fine without any flags on chrome for security issues but SE bot doesn't seem to like it.

This was working fine when I was with another provider (fasthosts, and their 1st year free SSL), but not now.

[trim bronze]

Question to Support Staff: How to send latest log file that prob. can shed some light into 'Freeze crash' from earlier today. It's most likely linked to latest Obs Studio patch. Received update on same day from SE, but maybe not enough yet.

[pulsar willow]

Hi, does anybody know how to use obj.detail.event.data to determine if someone's a channel admin on Twtich?

[hardy walrus]

Channel admin?

[broken coyote]

Yea

[pulsar willow]

It's one step above mod and one step below broadcaster.

[hardy walrus]

Never heard of such thing

[pulsar willow]

They're also known as Editors.

[tidal tulip]

Unsure on what channel this belongs to but I have to refresh some streamelements pages several times due to streamelements zendesk being rejected as a cross origin tracker. This is on Firefox with all addons disabled.

[icy wing]

How should I do it? I tried copying js and html to a custom but doesn't look the same
I dum dum, I know nothing about this kinda stuff

[broken coyote]

its not going to be a simple copy and paste. you'll have to change the JS over to make it work

[tired basin]

Hey is there a way to send a user a private message?

[icy wing]

Ok ty, i'll try to understand or find someone to help me with that , ty 😄

[broken coyote]

DM me all of the html, CSS, js, and custom fields

[icy wing]

ok ty

[severe shell]

Editor is not above mod. It is a different role, another wing with different permissions. In fact, there is an admin role, but it is a Twitch role, which is from Twitch staff. More information here: https://help.twitch.tv/s/article/twitch-chat-badges-guide?language=en_US
And no, Twitch doesn't send a flag about the editor's role so SE cannot check if the user is editor

[severe shell]

Streamelements website is Chrome optimized

[uneven oxide]

@tidal tulip ⤵️

Our Dashboard and Overlay Editor are Chromium Optimized. We strongly recommend using Chrome. Opera GX and the new Microsoft Edge Chromium might work closest to Chrome as its also Chromium built. Firefox also works, but some things might look a bit different or not work. We do not recommend using Internet Explorer with our Dashboard as it does not support functions.
If the website doesn’t work on chrome, be sure none of your plugins is blocking our website or clear your cookies. You can try if the website works in an incognito tab.

[severe shell]

Just click on the user and it will show an option to send a private message. Other option is typing /w username message in a chat and the message will be sent via whisper.
If you want the bot to answer a command via whisper, you can change the command response from say to whisper on Chat Commands list on Streamelements dashboard.

[severe shell]

OBS crashes are handled by OBS support, not Streamelements. You can contact them via their Discord server

[uneven oxide]

@trim bronze ⤵️

Obs.live is a plugin for OBS Studio for the best OBS support, please join their Official Discord @ https://discord.gg/obsproject

[rough galleon]

Hello there

Anyone can help me with overlay variables?

Im kind of confused about how i set a variable to use on the HTML

[tired basin]

okay but can i do this with the streamelelemts api?

[whole tide]

I'm creating a new Alert Box for followers. How can I move the [name] near the logo? 😦

[severe shell]

No, it won't work.

[severe shell]

If you are creating it, you can put the text aligned to the left... Or move the text square to the left, or move the image to the right... Or change it on your alert CSS... It really depends on how you are creating it, actually

[whole tide]

Well, i founded another solution but... it's a little bit a mess.
Another questione: can I copy-n-paste the setting of one single alert (Follow) to the others alert (bit, raid, etc)?

[jolly scroll]

Hii! How do I hide the text from a donation goal with CSS in OBS?

Oh nvm setting the text to 0 works xD

[jolly scroll]

How do I hide the "goal amount" instead?

not the current donated amount

[hardy walrus]

You'd need a custom widget for that.

[whole tide]

I have 90 followers but the SE Goal Counter says "135". Why? How can I fix it?

[uneven oxide]

To reset goals:

• from the Overlay Editor > Session data on top right (monitor symbol) > Goals tab > reset progress of desired goal
• from the Dashboard > Activity feed on the left > Widget data on the right > Goals tab -> reset progress of desired goal

Note: Goal widgets (progress) only counts up and doesn't go down automatically, if you lose followers/subs.

[hardy walrus]

Note that last bit

[whole tide]

Now is "0" followers 😂

I will write manually "90". I hope that the widget starts from that number to counts new followers.

[hardy walrus]

It should from what I understand.

[uneven oxide]

@pulsar willow, posting multiple links will result in not being able to post again.

[wooden ivy]

I need a way to implement a stat tracking system using the SE_API.store and would appreciate suggestions.

Basically, my stream has a "game" for viewers. If someone wins, I'd like to add to their high score. I'd like to do this for everyone and show top 3 leaderboard. But the store has limited space so this is the main issue. Suggestions?

[elfin arch]

how do you mean there is a limit for the store? have you gotten an error for it when trying to save; i never ran into that with my testing

[wooden ivy]

I believe you or someone else told me they were able to put in like 3000 entries or so

[wooden ivy]

I've spoken to SE directly about the limits of it and was told "as long as you keep your data within a KB range you should be good"

so there is a limit technically

[elfin arch]

that was the max i tested up to about

[wooden ivy]

also hard to interpret was that quote actually means

I'm assuming <1MB?

[elfin arch]

ya; there is a limit at some point; but not sure the size.

you'll run into to this with any database though.

[wooden ivy]

Is there any easy way to manipulate the store?

or would I have to manually get all the keys and print them out

etc

[elfin arch]

you could make a blank overlay that just does a store API call and puts the response as JSON into the HTML .... like a hacky API call if you needed to extract it

[wooden ivy]

fair

well as far as my "leaderboard" system. Would it be fair to say the best route would be just: player wins -> search store for their name -> increment or add new entry -> check if top 3 has changed, if so change display -> continue?

also I'd need to be able to get all entries in bulk to sort by score, not sure if that's possible

[elfin arch]

basically; the complexity, in my opinion would go -> 1) easy is SE Store, but hard to edit and unknown size; 2) Google sheets, more difficult to set-up, requires API calls but has a visual database, 3) MongoDb, most advanced

[wooden ivy]

didn't consider taking it outside of SE

that would be less hacky

[elfin arch]

I got a widget in the widget share that is like 'Chat games' that has a built in leaderboard .... basically the main store Object is something like: ```js
{
gameName: { ...,
users: { ID1: {points: ... },
ID2: .....}
...

then you can get SE store object.gameName.users and convert to Array and sort by points

[wooden ivy]

that's not too bad

might give that a shot actually

thanks!

[elfin arch]

no problem. have fun 🙂

[terse dome]

Is there a widget or a way to turn on tts for the whole twitch chat? For people who are blind or using vr, so they can still engage with chat. Please and Thank You.

[hardy walrus]

@terse domeNatively no though there's this if you don't mind a 3rd party app. https://speechchat.com

[terse dome]

Thank you for the reply

[clever stream]

hello all! I am looking for some ways to use the chatbot with the overlays.
I was thinking about using a timer, and letting the bot to play subscribe to my channel animation.
Is it possible for the streamelements bot to trigger events to overlays and do this?
It seems like right now the timers can send messages to the chat.

[opaque wasp]

Am I right if I say that every goal widget on SE is based just on the current session? What if I want the goal to last through different streams and session?

[tranquil scaffold]

Hello, I had a question about with partnerships, and that is that the challenges to get fortnite rewards do not appear, I attach what appears to me, a greeting

[hardy walrus]

It is not open atm and those chosen for the partnership are it for now.

[tranquil scaffold]

thanksss ^^

[opaque wasp]

How can I setup a goal that last for more than the current session?

[vivid jacinth]

Hey everyone, is there a way to limit certain widgets to only be used by mods and above? I'm trying to make the bank heist widget only triggered by mods and above

[static fern]

Hey, Im not really sure where to ask this, but I wanted to make this emote greet my new followers, this would be the idle mode and I want it to wave whenever I get a follower.

When I would just put a waving gif on top if it, it will probably not loop correctly, is there a way to work around this with Streamelements? Any ideas or suggetions? :D

[opaque wasp]

What about the tiers?

[marsh quiver]

Hi all, hope you're well. The team has crafted a new API creds application form that we can give to you/other community members who would like to apply for access.

👉 API Credential Application form: https://strms.net/oauth2_request 👈

[vivid jacinth]

Hey everyone, is there a way to limit certain widgets to only be used by mods and above? I'm trying to make the bank heist widget only triggered by mods and above

[next radish]

why does subscriber gifted latest amount not show the correct number? the red heart in the corner is supposed to be the gifted amount, but its clearly wrong

i think its actually showing the last gifted receivers months subbed, which just makes absolutely no sense 😅

[pulsar willow]

Afaik the functionality is only available if the widget implemented it.

The needed structure would look something like:

Javascript:

window.addEventListener('onWidgetLoad', function (obj) {
    userOptions = obj['detail']['fieldData'];
    
    userOptions['channelName'] = obj['detail']['channel']['username'];
    userOptions['additionalUsers'] = (userOptions['additionalUsers'].toLowerCase()).replace(/\s/g, '').split(",");
});


window.addEventListener('onEventReceived', function (obj) {
    // Ignore any event that isn't a chat message.
    if (obj.detail.listener !== 'message') return;
    
    let data = obj.detail.event.data;
    let message = data['text'].toLowerCase();        // the text of the chat message
    
    // Compare the message with the command specified in the widget settings.
    if (message !== userOptions['command1'].toLowerCase()) return;
  
    console.log("'" + message + "' detected");
    
    // Author of the message
    let user = data['nick'].toLowerCase();
    
    // Preparing userState object containing all user flags
    let userState = {
        'mod': parseInt(data.tags.mod),
        'sub': parseInt(data.tags.subscriber),
        'vip': (data.tags.badges.indexOf("vip") !== -1),
        'broadcaster': (user === userOptions['channelName'])
    };
    
    // Check if user has the correct permission level to trigger the command.
    if ((userOptions['permissionLvl'] === 'everyone') || 
        (userState.mod && userOptions['permissionLvl'] === 'mods') || 
        ((userState.vip || userState.mod) && (userOptions['permissionLvl'] == 'vips')) || 
        userState.broadcaster || 
        (userOptions['additionalUsers'].indexOf(user) !== -1)) {
        
        console.log("'" + message + "' is executed");
        
        // This code is only executed if the user has clearance.
        
    };
    
});```

Fields:

  "command1": {
    "type": "text",
    "label": "Command:",
    "value": "!test",
    "group": "General settings"
  },
  "permissionLvl": {
    "type": "dropdown",
    "label": "Who can trigger the command:",
    "options": {
      "streamer": "Streamer",
      "mods": "Streamer + Mods",
      "vips": "Streamer + Mods + Vips",
      "everyone": "No restrictions"
    },
    "value": "mods",
    "group": "General settings"
  },
  "additionalUsers": {
    "type": "text",
    "label": "Additional users (comma separated):",
    "value": "person1,person2",
    "group": "General settings"
  }
}```

You could also take a look at Benno's "Video on command" widget ([#widget-share message](/guild/141203863863558144/channel/457957557470887947/)).
The structure above is derived from it.

[vivid jacinth]

Thank you so much for this!! im dipping into to trying to learn to code some of my own, and seeing these community made widgets is so helpful

[civic phoenix]

Hello, I want another Icon if somebody redeemed some of my Emots. I dont like "Pepe the frog"! how can I change it?

[pulsar willow]

I also learned a lot by modifying existing widgets and the folks here always helped when I had a question. 👍

Good luck with your projects!

[pulsar willow]

Hey @elder dragon I found a bug in your Latest Widget.

[elder dragon]

@pulsar willow that’s a streamelements thing. They chose to not refresh the widget with toggle boxes. The easiest thing to do would be to quickly update any other setting and update it back instead of reloading the entire page!

[regal linden]

Does anyone know how to make the alert text animation so the text will expend in both sides

[rare canopy]

Hello, can anyone help me with AutoPoll - by @viral patrol ?

[kindred orchid]

You should actually use dropdowns with 'yes' and 'no' instead of checkboxes for this exact reason so they update.

[lost crow]

@viral patrol Thank you for your Patreon alert widget! Unfortunately, it hasn't been working for me lately. I've even completely deleted it and tried starting fresh, but when I click 'Send Test' from the Patreon page, nothing comes up on the StreamElements page. Is there any known issue or other advice?

[vocal sphinx]

Hey, does current API let you fetch information about last 5 tips or is it always just last one?

[viral patrol]

I have this just tested and it worked without any troubles.

[viral patrol]

The best way is to state question so when somebody who knows answer can provide it straight away.

[vocal sphinx]

If so, how to do it?

[next radish]

have a look at recents, it shows the past 25 of that event

[vocal sphinx]

lovely, thanks

[cerulean sparrow]

Hello. how can i use this chatpoll? not really working for me

https://github.com/StreamElements/widgets/tree/master/ChatPoll

[undone saddle]

Hi. I'm a channel editor and when I see the partnership page it doesn't load...

[cerulean sparrow]

UP

[severe shell]

It is this one: #widget-share message
You can import directly to your Streamelementts just by clicking on the link in there

[cerulean sparrow]

Thanks

I have a problem guys. if i want to go dashboard or profile it rediorect me to the main page. logged out / login not helped. Ctrl + Shift + R reload same. 😦

[cerulean sparrow]

👀

[cerulean sparrow]

I would like to customize the contest overlay. How can I do that? what are the variables for that?

[uneven oxide]

@pulsar willow, posting multiple links will result in not being able to post again.

[elfin viper]

Hi all! I'm helping the Swedish Childhood Cancer Fund to raise money in streams. They have their own platform for collecting donations, but they would also like to enable other streamers to join in and collect donations for them as well through paypal. I think the easiest solution ATM would be for streamers who want to join, to change their legacy-paypal-link to the Swedish Childhood Cancer Funds. But someone told me that this might trigger Streamelements "scam-detector" and shut down these streamelements-account. Does anyone know if this is true? And if it is: is there any way to whitelist a paypal-email for a period of time?

[cerulean sparrow]

I would like to customize the contest overlay. How can I do that? what are the variables for that?

[undone saddle]

someone help?

[lucid tapir]

Account ID of the channel you are editor of, please. 🙂

[uneven oxide]

@undone saddle ⤵️

Please provide your account ID found at the top of this page: https://streamelements.com/dashboard/account/channels This ID is public info and safe to share here.

[undone saddle]

rosmaninho84

[lucid tapir]

Loads for me. Which browser are you using?

[undone saddle]

Opera GX. It loads for me in my channel, but not as a channel editor for (I've tested it on all)

in my dashboard

as editor...

and before it worked perfectly :/

[lucid tapir]

Try with Chrome.

[undone saddle]

not working. maybe we cant see anymore as editor.. 😐

[indigo flume]

As an editor you don't have access to the partnership page

[undone saddle]

but before we had access. did you change?

[pale bramble]

One thing I haven't figured out how to do is to have a monthly AND a daily goal for subs and cheers. I can't figure out how to reset just the one goal and not both. Can this be done and if so please help?

[summer tiger]

I don't know if this is the right thread to ask this question, but I'll go for it anyways:

I created a WebM animation on Blender with transparency. Everything works fine, except when the animation plays on Streamelements after uploading it, it seems that the lightning no longer works. In other words, the animation is a bit darker than it should be. However, when playing the exported WebM video in a preview on my computer, the lighting looks fine. Does SE just have issues translating lighting information from the WebM format, or is it something I'm doing? Help would be appreciated, and if I need to provide any information for anyone to help, please let me know.

The weirdest thing is that the lighting was working perfectly fine in the past, but maybe with a recent update, something changed?

[cyan shoal]

Hello! I have a question about one of my alert overlays. It had been working great before but recently when viewers gift a sub to others, it'll replace the name of the sender to a streamelements fake name. Is there a reason why this happens? When I check my code, it's still linked to #username-container so I'm not sure why it pulls from the fake name pile.

[slow thistle]

quick question about the symbols/caps filters, do messages need to have both the maximum amount and percentage to get timed out, or just one or the other?

[frank grotto]

Hi guys sorry to bother but I have a little problem with a custom widget a guy made for me.
It's a donation goal which calculate the exact amount i receive from subs and bits.
Everything works just fine, except when someone subs/gift subs, the widget doesn't update automatically, and when someone cheer the amount displayed in the goal show "NaN".
Since I'm not a programmer nor do i know anything about coding, there is someone who is willing to spend a bit of time checking it out?

[rugged dirge]

Hey guys, for Automated Tweets Post pre-written tweets when certain events occur on the streaming platform are there variables? For example the game I'm playing?

[terse dome]

Please let me know if it is at all possible to get streamelements to accept a command sent through a twitch whisper? Thank you

[severe shell]

Not possible. Commands can only be created using streamer chat, Dashboard chat webpage or the API

[severe shell]

NaN means "Not a Number", so maybe the code is trying to calculate a value which is a string (i.e.: it is checking for the name instead of the amount of sub gifts and trying to calculate the total with the current value).
However, if your code is failing, the best option should be contacting the person who created it to check what is wrong with it. If that is not possible, then you can post the JS and HTML tabs here and hopefully someone will be able to help you. You can create a .txt file and upload it here in this channel.

[north tartan]

Hello @ocean fractal and good day to you. I saw and used your "Yet another chat widget" and I was very impressed with the customizable features of it. Although, I am not sure why the animations were not working after I customized it to my preference. I tried to "re-install" (not sure of the proper term to be used) it by clicking the shared link again and looks like by default, animations were not working.. .

[quasi furnace]

It'd be good if there was an option for broadcaster only on kappagen chat emotes. I want to trigger certain things on screen occasionally without making it overwhelming for the viewers and having it on 24/7

[frank grotto]

The problem is that the guy who coded it doesn't know how to fix it. I think I'm going to upload it here, thank you so much

[severe shell]

There is a !kappagen command on Chatbot Commands and you can choose the permission (user level). It will trigger what you configured on EMOTESPLOSION tab

[quasi furnace]

aye i know, unfortunately im not talking about the emotesplosions. Just the chat emotes section interests me. I like the idea of people in chat seeing me post several hearts in chat then seeing that reflect on screen

[frank grotto]

This is the complete code of the widget, if someone would be so kind to give it a look and sort out the problem(s), I will be so grateful to him/her ❤️

[severe shell]

Well, you can do a little trick... Create a new overlay, add only the kappagen widget and add it to your OBS. When you want the emotes to appear on screen, you activate it (toggle the eye next to the source on OBS) and deactivate it later :p

[ocean fractal]

hi! did you enable an animation type in the Animations Settings section?

[north tartan]

thank you for your reply! yes, this is my current setting right now. I changed the animation speed to 5s just to clearly see if the animation worked

Edit: I also tried using the same animation/direction in the guide video, but, result is that animation was also not applied

[ocean fractal]

that's strange. What browser are you using?

[north tartan]

im using microsoft edge rn

[rich breach]

Hi There, is there a limit to the number of variations you can have for one condition? We have 18 subscriber alerts and are unable to save them past 13. I wasn't sure if there was a number limit, file size limit, etc. Thank you.

[hardy walrus]

Not necessarily variation limit but amount of code within the overlay before you hit the "cap".

Imagine a sandwich.

You can put so much between the bread before it nopes out holding together.

The only difference is we stop you.

[rich breach]

This is probably the case, thank you. The largest CSS burden is likely the custom font; is it possible to store a custom font for custom alerts in one place as opposed to having the CSS refer to it separately in each instance? We are using code generated via font squirrel

[hardy walrus]

unfortunately each variation's settings are specific to that one.

[floral prism]

Hello, It seems like the Extra Life Donation tracker is broken. I have tried with both a personal and team ID and both are getting 500 errors when I look at the network traffic in my chrome dev tools.

GETS for both https://extralife.streamelements.com/goal/MYID?type=participant and https://extralife.streamelements.com/goal/TEAMID?type=team are failing. The response coming back is {statusCode: 500, error: "Internal Server Error", message: "received non 2xx response"}

[inner otter]

hey! so I had my extra life stuff set up and now when I go to the tracker it says $0 raised but I have $40. I deleted and re added it and re put in all my information but its not updating.

[floral prism]

I think this is related to my post right above yours. 🤞 they are already working on it

[inner otter]

Ope! Yep I see that now. Is the donation alerts working? or is it for both issues youve noticed?

[floral prism]

I use a different service for alerts right now so I'm not sure about that.

[cerulean sparrow]

Hello! @mortal knot Can you help me please? I cant go to dashboard. When i click on go to dashboard or just try to go through link, it returning me to the main page. I tried with 2 browsers. Not working, but in private tab its working.

Lmao 😄 i just changed the dark mode to normal. and its working now

[jolly scroll]

Idk what happened to the support of streamelements :/

but I feel like it has gotten a lot worse

[quasi furnace]

thats literally 900iq, I have such a small brain. Thank you

[cerulean sparrow]

Hey guys! Anyone know how can i add a CUSTOM contest widget? how can i customize the default widget?

[cerulean sparrow]

@static wigeon can you help me please?

[cerulean sparrow]

@mortal knot

[young shard]

https://github.com/StreamElements/widgets/blob/master/CustomCode.md

also you don't need to @ staff just be patient

[cerulean sparrow]

But there is no variable for contests 😦 sorry for tag

[spring osprey]

Prize Wheel by pjonp Question:

Is there any way to make more than Segments 25?

[inner otter]

Any update on fixing the Extra Life trackers?

[soft pulsar]

Hey, I'm working on an alertbox and I'm having an issue with how names are displayed. I pull the names from within the html with {name} the problem is that when the overlay is in use they don't show uppercase, while in the editor they do show uppercase. The weird part is that it is working for {sender} that one is showing up perfectly fine.

[cerulean sparrow]

Hey guys! Anyone can help me? I would like to customize contest widget but I dont know how can I make it. I just need to know the variables of the actual contest.
Example of it

[cerulean sparrow]

@static wigeon can u help me? Ur god 😄

[cerulean sparrow]

UP 😦

[lilac flume]

Hey together, is it possible to exclude bots from ${random.chatter}?

[hardy walrus]

Nope

[lilac flume]

okay, thank you

[glass edge]

Short noob question: I want to test a custom widget ( https://github.com/StreamElements/widgets/tree/master/CommandCounters ), but I cant get it to update on chat commands.

My approach: in overlay editor add custom widget, open editor and replace all the html,css & js from the github repo.

Added the overlay in OBS, and typed !win to test - nothing happens

[pulsar willow]

Your approach sounds correct.
Does the console of your browser show any error messages? (For Google Chrome it's F12 or ctrl + shift + j)

Added the overlay in OBS, and typed !win to test - nothing happens
I assume that means that nothing happened in the editor itself neither?

[severe shell]

There are two fields you can get the name of the person who followed you. displayName and username. Probably you are not using the displayName. Or your code has a toLowerCase() to display it, maybe

[glass edge]

Does the browser show any error msg?
You mean when in the streamelements overlay editor? I got a few "violations" but I cant tell for sure if they are linked to the custom widget

[severe shell]

Using the native Streamelements variable, no. But you can use decapi API for that:
https://docs.decapi.me/twitch?endpoint=random_user%2F%3Achannel

[glass edge]

I assume that means that nothing happened in the editor itself neither?
Correct, neither in the streamelements editor , nor in OBS

[soft pulsar]

There is no tolowercase(), how do I know if im using the displayName. I'm using just the {name} one, should i be using something else?

We also tested this with the default streamelements alertbox, it had the same issue

[severe shell]

I don't know if this would be your case, but what font are you using on your alert? Also, do you have any variation activated?

[severe shell]

Wait, is the default alert also not showing the uppercase characters? If you put the overlay link in your browser and simulate it, will it work correctly?

[soft pulsar]

The font is expressway bold. It should work in the editor emulating alerts it all works with the correct upper- and lowercases. Also for the gifted subs it works. the difference is that I call that one with {sender} and all the ones that don't work with {name}. There are variations activated, they all have the same code, just other video or text

[soft pulsar]

correct, the default alertbox is also not showing the uppercases.

[soft pulsar]

We tested it in obs, with actual alerts that happened on the channel

[severe shell]

Hmm, that's true, I just tested and it has the same behaviour, all lowercase. Never had paid attention to that 😄

[soft pulsar]

okay, luckily I wasn't going crazy then 😄 Do you know if this is something that will be fixed or changed? or is there a solution for it maybe? btw thank you for helping out, I really appreciate that!

[severe shell]

I really don't know... I'm not a developer, I know only basic things, sorry 😦

[soft pulsar]

Do you know who I should contact about this?

[severe shell]

Well... After some tests, I found that if you change from {name} to {displayName}, it will show the uppercases correctly. Can you try and let me know if that works for you?

[soft pulsar]

Thank you so much for that, going to test it tomorrow (client isn't available rn), I will let you know!

[glass edge]

Can someone help me with this 😇 ?

[severe shell]

Hi, I have just tried this one and it worked with no issues. Make sure to remove the contents on all 5 tabs (on DATA tab you can remove everything and just put {}). Let me know if it works for you.

[glass edge]

Thanks for the effort! Deleted everything like you said, added it in OBS as browser source, wrote "!win" in chat, nothing happens

I can see the text: "Current Loss counter 0 Current win counter 0"

[severe shell]

Maybe the bot is not recognizing the commands on your channel. Try to login to SE again using this link:
https://streamelements.com/logout
After that, on your dashboard, click on Part Channel and after a few seconds click on Join Channel. The SE Bot will inform on your chat it is running. Then try again to run !win and !lose

[glass edge]

Did it, but didnt work 😭
Do I need to register the command under "chat commands" ?

[severe shell]

No, it is not necessary to register the command, they are different things, actually. Are the values updating on the overlay editor?

[glass edge]

No, not in OBS nor in the editor.

When I update the widget position in the editor, it updates automatically in OBS.

so that works 😄

[severe shell]

Okay, let's try something. On Overlay Editor, open the console (F12) and clear it.
Open the JS tab and between lines 35 and 36, add console.log(commands). It will be like this:

window.addEventListener('onEventReceived', function (obj) {
  console.log(commands)
  if (obj.detail.listener !== "message") return;
  ...

After that, save it, clear the console again and run !win on your chat. Check if something appears on console.

[glass edge]

It does!

{
"wins": {
"description": "Current win counter",
"add": "win",
"remove": "delwin",
"reset": "resetwins",
"modsonly": true
},
"loses": {
"description": "Current loss counter",
"add": "lose",
"remove": "dellose",
"reset": "resetloses",
"modsonly": true
}
}

maybe he doesnt recognize me as the "broadcaster" ?!

PS: Also Prototype Object is there . Dont want to post all of it here

[severe shell]

Hmm, maybe... Try to change the values on lines 7 and 14 (modsonly: true) to false just to check
modsonly: false

[glass edge]

thats it

ffs

😄

but why ...

there is a query for broadcaster. Do I need to be "live" for that to work?!

But already huge thanks!

[severe shell]

No, no need to be online. Try to logout from Twitch and login again, not sure, to be honest... You changed your username recently, right? I tried to reach your channel from your profile, but it is unreachable

[glass edge]

Yes I changed username

Where should I logout? OBS? S

[severe shell]

OBS and Twitch website

OBS Settings > Stream > Disconnect

[glass edge]

Did it but doesnt seem to help

Where did you check my profile?

[severe shell]

Here on Discord. Right-click on your avatar > Profile

It shows "its_basti"

[glass edge]

yeah thats old

"der__Cookie"

is my twitch acc

(double underline)

And updated my profile, thx 😄

[severe shell]

Can you send your account ID? It is a public info, so don't have a problem to post it here

[uneven oxide]

@glass edge ⤵️

Please provide your account ID found at the top of this page: https://streamelements.com/dashboard/account/channels This ID is public info and safe to share here.

[glass edge]

60f2f5edd383953cc91cb750

[severe shell]

Thanks, I will check with the staff to see if there is anything we can do

[glass edge]

Thanks very much!

[neat ravine]

Asking here too. Is there anyone who can help with streamelements chatbot. I changed my twitch username and streamelements chatbot can't join to my channel anymore!

[glass edge]

Try this 😄 : #dev-chat message

[neat ravine]

nope it's not working

My twitch was previously MarysBlood and changed it to MaryzBlood

The bot is currently not in your chat.

join channel doesn't help anything getting that same message

it will join there for few seconds and then automatically parts the channel

I get message "StreamElements: StreamElements bot running :)" but then it parts the channel

clearing caches, logging out and nothing helps

so can't do nothing?

[cerulean sparrow]

Hey guys! Anyone can help me? I would like to customize contest widget but I dont know how can I make it. I just need to know the variables of the actual contest.
Example of it

[neat ravine]

so better start use streamlabs then because this problem cannont be solved

"Failed to join Bot"

[severe shell]

Updating the information in case anyone else has the same problem:
After some tests in DM, we saw the issue was because the displayName variable was capitalized and channel was lowercase.
To fix that, we just changed line 39 adding .toLowerCase():

let user = data["displayName"].toLowerCase(); ```

[severe shell]

You will need to logout and login using this link:
https://streamelements.com/logout

[severe shell]

Where did you get this contest widget? It does not seem to be the default one from the overlay editor, right?!
I think you can get the information you need here on SE API webpage:
https://dev.streamelements.com/docs/kappa/b3A6NTM5NzE0Mw-channel-contest-id

[cerulean sparrow]

No, this isnt the default. The default widget has timer and the betting status.

[glass edge]

I opened a pullrequest in github with the fix. 🙂

[elfin arch]

can you give me a tldr on this? ... is this for Twitch?

...nevermind; i found the PR .... there is a 'nick' and 'display' for the names (at least on Twitch). nick is forced to lowercase

[glass edge]

exactly

[elfin arch]

that is as expected

...at least to my knowledge

[glass edge]

But the code was doing "(user === channel)" which validated if he is the broadcaster. And that fails if you have uppercase letters in the username

So I was not recognized as broadcaster in my own channel because aBc != abc

Ah , so you would not "lowercase" but instead use "nick" which is already lowercase?

Sorry, its early in the morning here 😄

[elfin arch]

🤔 .... hahaha ya i follow the logic you have .... i stick to ID all the time when i can (because that works across all platforms) ... then nick ('cause known lowercase)

👍 ... looks good to me. good catch

[soft pulsar]

It is working! Thank you so much! only one thing is that for donations {displayName} isnt working, but normal {name} is working

[desert hemlock]

Hey.
i want to get the latest tipper from the api except that this seems not possible?
the only endpoint that returns tippers is /tips/:channel
but this requires the email, username and date of the tip which is litterly the data we want

[elfin arch]

you want to get the email of the tipper?

[desert hemlock]

I want the tip data.

tipId included

[elfin arch]

are you trying to build something as a widget?

[desert hemlock]

Kinda

i just need to fetch all the latests tips at startup

[elfin arch]

is it inside of the SE overlay editor?

[desert hemlock]

Nope.

Cause SE Overlay kinda sucks and making custom overlays is more fun anyways

[elfin arch]

hahah; what can't you do with an SE overlay

heheh; it has most the API built in; and is cloud based; 🙂 .... just trying to help you go down the right road

[desert hemlock]

my only to sources in my stream

[elfin arch]

if you do a single API call at the start of the source .... it won't update until you reload the source

[desert hemlock]

Sorta

Its already being updated by websockets antyway just need to fetch it at startup once

im already doing it for follower but that needed no parameters

[elfin arch]

is a Query the same as a "parameter" ?

and; thank you for using the sockets. i was worried for a second you were going to be an API pinger

[desert hemlock]

query is the same

sortof

[elfin arch]

query is a filter.

[desert hemlock]

the questionmarks are called query parameters

thats why its under query in the docs and the channel above it

[elfin arch]

do you need to query that for what you are doing?

[desert hemlock]

its required.

as it says on the page

[elfin arch]

it's not required

[desert hemlock]

the fucking docs are lying again

[elfin arch]

?

[desert hemlock]

it says all of are required

https://dev.streamelements.com/docs/kappa/b3A6NTM5NzIyMw-channel

[elfin arch]

that might be a website thing. i donno; i don't use that to test or use API calls

put a ? in all the fields

[desert hemlock]

Wierd

[elfin arch]

🤷

[desert hemlock]

seems to work

guess that the docs need that required thing removed

[elfin arch]

ya; should probably bump @viral patrol on this ^

... but; if you'd like to expand on why you think the built in SE widgts are bad... i'd love to hear your vent.

[fallow cypress]

Hey guys, how do I remove the snapping function in the Streamelements editor ?

[fallow cypress]

Lol...

Thank you XD

[topaz robin]

some one please teach me if I want to add back ground color as same Twitch name on chat box overlay

like this!!

[young shard]

for a message event, you can get the user color via obj.detail.event.data.displayColor

[inner mauve]

I have a question related to RegEx-triggered commands:

The command exists already and is basically - Command Name "!where" Response "@${user} I don't know"

Ideally, someone would type in chat - "Where is Bob?" or "When is james streaming?" and the RegEx would catch that and trigger the command. (Basically, the use case is to auto reply for when someone asks in chat where or when someone else will be doing something.)

I tried with the suggested "Google RE2 Syntax" and came up with "^((?i)(when|where).(is|will).(bob|james))" - however, despite the success of this in testing, it does not work in production (of course).

In troubleshooting I just tried using one word, removing the case sensitivity flag, and even different RegEx syntaxes. Then after a while just copied and pasted the example from the Streamelements documentation on Commands for the Greeting RegEx command - and still nothing has worked.

Please advise if possible. Thanks!

[inland pond]

this gem you made still a thing / my best bet for exporting 49 quotes to a different system?

[elfin arch]

ya; should still work

[inland pond]

everything seems to go great, but then the file created after !stop just has [] in it -- any idea what I'm missing?

[elfin arch]

the quoteDatabase.json was blank?

[inland pond]

yeah

[elfin arch]

i'll take a look; shoot me a dm.

[glass edge]

Hello everyone!
Does somebody know an easy way to send a twitch chat message via obs/SE ?
E.g. Instead of typing "!win" in the chat, I want to press a button

[topaz robin]

@young shard Thanks... but what should I do??

[young shard]

you'd have to add it in with javascript, can't do it with pure css

[inner mauve]

An Elgato stream deck would be the easiest way, but can be cost prohibitive ($79-249).

A less easy, but free way (with tinkering and coding) would be to use an OBS plugin like Twitch Chat Hotkeys or other 3rd party software like Mixitup streaming bot.

[topaz robin]

@young shard this?

[young shard]

yes, so there should probably be somewhere in

window.addEventListener('onEventReceived', function obj {
  // event handling
}

that will say something like

if (obj.detail.event.listener === 'message') {
  // message event handling
}

and wherever it creates the HTML for each message, you should be able to use obj.detail.event.data.displayColor (which is a hex code string) to put the color in

[topaz robin]

@young shard wawawawa you are so kind

I found!! if I want to change same color as Twitch's name

sorry i don't know about JS and HTML

[young shard]

you want to find the one that has === 'message'
if you can send me the HTML/CSS/JS i can tell you where to put the code in

[topaz robin]

@young shard I messed up Can I send DM?

[silent crater]

is there way to make loop?

because my music is 1min but video is 10sec

tag me pls

[silent bay]

quick question: on the alertbox widget, if I remove the "fields" section from a variation's CSS, will the variation take the values for the variables from the default alert?

I've reached a point where I'm stripping down any extra code from the widget to be able to save my overlay

it's like throwing out the spare seats from a racecar

[inner mauve]

Default behaviour for undefined HTML or CSS is to typically inherit from the parent element. So if a style is undefined, it will inherit the style value from the parent element - I believe it back tracks until it finds where that value is defined.

If the value is not defined in any parent element, then it is somewhat of a guessing game and will depend on the browser or system default behaviour.

Also, while wanting to strip down code is admirable, the analogy you use here does not really match as there is negligible benefit from cleaning CSS in terms of performance increase. It can be beneficial for the user when revising or editing, but that’s about it.

[echo sluice]

hello! i hope this is the right place to ask, i’ve asked a few code savvy friends but we can’t seem to work out what to do - is there a way to show ‘recent gifter - {name} and then how many they sent? if you do {name} {amount}, it shows the recent gifter but then the amount is actually the number of months the person who received a gift is subbed for. i was hoping for a label that would show how many gifts they gave. not sure if this is available on twitch’s end?

[inner mauve]

Try event.amount instead

API Reference https://github.com/StreamElements/widgets/blob/master/CustomCode.md

[young shard]

just add loop as an attribute to the video tag

<video loop src="video_url"></video>

[young shard]

it really should be called code editor instead of CSS editor...
anyway
no, all those variables are localized to each variation
your best best is just duplicating existing variations if you want all the same stuff

[young shard]

i think you need to use {sender} and {amount} instead

oh tho it might not be possible to do with the labels (works just fine with the default alert box), since those seem to only show literally the most recent gift sub (so always just the one, instead of the batch of subs they gifted), so you might need to custom code that instead

[inner mauve]

Still seeking input on this issue 🙂

[timber dome]

I have a question about launching my livestream on Facebook Gaming. When I try to push the button 'Start Streaming'; the program freezes and say, (Not Responding).

[silent crater]

i dont know coding so can you help me, ill be home at 16:00 (4pm)

[silent bay]

yeah, I'm not really trying to improve the performance per se, it's just that I was hitting the cap that SE has set up, and I was trying to get rid of excess code so that I could save my overlay

so it was more like taking off your shorts for the weigh-in before the boxing match to still be eligible for the weight class

[silk bear]

Hey there, I asked in #helpdesk-twitch and someone suggested I ask here instead (and @viral patrol might be able to help) , so here I am!
So I'm looking for a way to have stream alerts for new Patreon subscribers.
I found the jebaited.net / strms.net tool, but for some reason it doesn't work for me (once it's set up, "send test" on Patreon returns a "code 200" error).
But if anyone has another way of doing it (maybe more simple?) I'd be interested to know.
Thanks!

[hardy walrus]

200 isn't an error

That's actually just the response that says "confirmed".

[viral patrol]

Hi. If you followed instructions from attached video (#widget-share) it should work without any issues. I have it tested just few days ago.

[silk bear]

Thanks for the answer! So I started again from scratch and I'm pretty sure I got everything, but when I send the test it doesn't show up on the overlay at all. Could it have something to do with the fact I'm using Patreon in French? I doubt it but...

(The "test alert" from inside the overlay works fine though of course)

[viral patrol]

It should also appear in your activity feed

[silk bear]

Ah yes it appears as "made an order of 1 item(s)". So I guess SE gets the test, but for some reason it's still not showing up in the overlay's widget... I feel like I'm probably being very very dumb about something really simple I'm missing... But I went over the setup again and couldn't see what it is. :/

[viral patrol]

I think I found the bug on widget-share. Fixing it right now!

And it is fixed. Please create a new overlay on your account from widget-share link and it should be OK now

[silk bear]

Ah so maybe I'm not insane! 🙂
So I tried it again and still nothing... But if I "replay" one directly from the activity feed then it works! So everything seems to work, except the widget doesn't activate when it's Patreon sending the test directly. (I'm guessing I didn't need to redo the whole token / webhook thing)

[viral patrol]

Will check that case bit later

[silk bear]

Ok thank you very much for taking time for this.

[young shard]

there's a cap? how many lines/characters is your code?

[silent bay]

the code itself isn't that large (200 lines in JS and 166 in CSS), it's just that I have 50+ variations and all of them repeat the same code

I had troubles saving my overlay and I read from this Discord that there's a hidden cap on how much code you can have in an overlay

but yeah, the last thing I did was delete everything from the fields pages of a few variations just so that I could save it, but considering I still need to have the same variations for cheers, I may need to do some creative work to split these into 2

[young shard]

do u have that many variations because you want it to pick a random one each time?

[silent bay]

no, it's because I have video clips for specific sums of money and the variations match the sums

[inner mauve]

Is it currently switch and case and each case is different based on the various thresholds?

Or is each variation its own discrete function?

[silent bay]

you lost me

[young shard]

seems like literally just the alert box variations, not thru code

[inner mauve]

Ignore that - I spend too much time in custom widgets.

[silent bay]

ah yeah no, I'm basically just modifying the default alertbox widget here

[inner mauve]

I would say then just create duplicate alert widgets and spread out the tiers that way, no?

[silent bay]

yeah, that's currently the plan

will just have to make an "empty" one for "at least X" on top

and a minimum threshold for the other one

[inner mauve]

And for under X if you have more than 2 widgets - but yeah, that’s the only limitation I see.

[silent bay]

yeah, I might not have any coding knowledge, but I have plenty of experience MacGyvering

[young shard]

yea that seems like your best bet if u don't want to just custom code it

[inner mauve]

If it works it works

[silent bay]

yeah, unless there's some really simple solution, I think I have too much sunken cost affecting my brain to give up on this one

[silent bay]

you said it, but sadly some of the more creative ideas I have cannot simply be randomly stumbled upon 😛

so when making a new variation based on another variation (in this case, I'm using a tip variation for a cheer variation, so duplicating is not possible), what exactly gets copied?

eh, I guess my question should be more like "why don't the custom code, image and sound get copied and is there any way to bring those over?"

because right now it's looking a lot like I have an extra two hours of work setting all that up again

[broken coyote]

There is a cap on line of code. Run into this issue every once in a while when customers are trying to make a bunch of variations. It's per the alert box as a whole and not just one alert

[silent bay]

just to confirm, is the code cap on the alertbox or on the overlay itself?

[broken coyote]

Have not tested that deep. But I'd bet the overlay itself. Other wise would be no point in cap'n.

[silent bay]

makes sense

[broken coyote]

What I've recommended is. Do say 1-20. Then create a new overlay. And disable everything except 21-40 (example)

The issue is. You can still overlap

I think

[silent bay]

is disabling enough?

I'd assume you'd have to delete it altogether

[broken coyote]

Not sure what your referring to. I guess the narrowed down point if my question is. If one alert box goes go. Say, a follow. And then a variation happens. Is it one total queue. Or are they separate

[silent bay]

but yeah, I'm currently in the process of doing that, and I think the overlapping can be fixed by setting a minimum threshold on the 21-40, and making an empty variation for "at least X" in the 1-20, where X is the minimum threshold on 21-40

as for the other types of alerts... I guess you'd have to make one "real" alert, and one empty alert of the same duration on the other alertbox

[broken coyote]

Depending on what your variations are. If might just be easier to do a

If amount then do blah. Rather than making a ton of variations

[silent bay]

well, my variations are just media of specific amounts of money being mentioned, so I have to work with the exacts

[broken coyote]

If you are just changing a video file. Then that's easy

[silent bay]

sadly it also involves changing the animation (and rarely the alert) duration

• for some reason, I couldn't get the webms to work, so I'm resorting to gifs + mp3s

[bronze sluice]

how to add my friend's twitch account as a mod for my streamlabs......

[hardy walrus]

Ask them.

[bronze sluice]

lolz i mean stream elements XD

was typing and talking lolz

[uneven oxide]

@bronze sluice ⤵️

Follow these steps to grant managers/moderators access to your dashboard:

1. Click on your channel name at the top of the dashboard
2. Create a new invite at one of three access levels (Bot Supervisor, Editor, Full Control)
3. Send this invite to a mod/manager to give them access to your dashboard. The link is one-time-use and expires after 72 hours if not accepted

Video tutorial: https://youtu.be/zl_h-ttZDF0

[cerulean sparrow]

Hey guys! Is someone know a widget or something which is counting the actual "hotwords"?

[leaden halo]

Hello please i have problem. i use widget Events rotator from https://streamelements.com/dashboard/themes my problem is widget working nice but if someone type message on chat widget stop and disappears Don't finish the cycle

after some sec. play again. can some help me?

[severe shell]

Try to change the option "Reset Slider on new event" to "No".

[leaden halo]

OMG you are GOD

[lofty eagle]

Hi there im trying to switch everything over to streamelements for the first time, I have added streamelements as a mod but its not pulling through any recent data so labels arent showing names ect. any help with this would be greatly appreciated

[cerulean sparrow]

.

[severe shell]

All widgets we know are the ones available at #widget-share channel. You can use the search to check if any of them works for you. I don't know what you mean by "hotwords", though.

[inner mauve]

Command Triggers?

[severe shell]

When you say "recent data", are you referring to Activity feed, overlay notification, custom widget or something else?

[lofty eagle]

When I look at the dashboard it shows 0 for everything I've had followers and tips this week.

I wanted to add labels but when I try recent follower there isn't a name, I'm assuming that's because it's not getting the data from twitch

[severe shell]

Got it. Try to remove the bot and add it again. Run a command on chat and check if the bot responds to it.
Also, go to Activity Feed page and confirm there are activities in there (like followers, subs, etc) after the first time you add the SE Bot to your channel

[lofty eagle]

Ok so removed bot and added again, bot responds in chat, I'm not currently live so stream activity is still blank and I also only added the SE bot to my channel this evening, does it not pull through data from events before it was added? Only since its been on the channel?

[severe shell]

Yeah, it will only be able to collect data after you add it. So if you added it this event for the first time, you will only get information for followers from today on.

[lofty eagle]

Right ok that will explain it thank you 😊 I'll have to keep it running for the next few streams then update my labels, I did notice a widget data button in the activity feed section could I use that to get the correct names for the labels for now until they update?

[severe shell]

You can, and then the widget will look for there

[lofty eagle]

That's great thank you for your help? I'll soon be switching over all labels and alerts to SE 👍🏻

Another quick question, is it safe to have all labels and alerts for 1 obs scene on 1 SE overlay? I'm just thinking if that's good to do I can cut down the amount of sources I have in each obs scene

[cerulean sparrow]

if the users spamming a number that SE is counting that in the end

[cerulean sparrow]

@severe shell I mean combo counter which is counting the actual spammin number or word. not emote

[severe shell]

Hmm sorry, I don't know any widget which works with that

[viral patrol]

I think you can search for autopoll, it should be the thing you are looking for

[marble kindle]

this the right place to ask about setting up some custom css in alertbox?

[inner mauve]

Yeah, should be

[rancid valley]

heyo guys, so i've just grabbed someone's points nice and easy with api, is it just as easy to set them or is there more im gonna need?

I'm looking to do it via api rather than !addpoints

[nimble pike]

Is SE Pay ever going to be available for overseas streamers with no PayPal? (Sorry, I’m not sure if this is the appropriate channel for this)

[hardy walrus]

@nimble pike that unfortunately is up to the company that handles it for us.

[nimble pike]

Oh :(((

Thank you

[silk hornet]

I need help for the streamelements page 😄 i logged in but after that i see only white blank pages. No Dashboard, no Profile or anything... i use Firefox.

weird, i opend now windows Edge.. there works perfectly.. wth

[uneven oxide]

@silk hornet ⤵️

Our Dashboard and Overlay Editor are Chromium Optimized. We strongly recommend using Chrome. Opera GX and the new Microsoft Edge Chromium might work closest to Chrome as its also Chromium built. Firefox also works, but some things might look a bit different or not work. We do not recommend using Internet Explorer with our Dashboard as it does not support functions.
If the website doesn’t work on chrome, be sure none of your plugins is blocking our website or clear your cookies. You can try if the website works in an incognito tab.

[inner mauve]

If you Google 'Mozilla Websites say cookies are blocked - Unblock them' you can toggle your site settings for SE. This should allow you to view the site properly. Also check any conflicting plugins like ad-blockers, etc.

[hardy walrus]

@inner mauveIt's not a cookies issue. See the bot response.

[inner mauve]

The Mozilla search result is for broader browser configuration beyond just cookies. It’s just the page title for the resource (since posting of links is not allowed).

The article provides instructions for different tiers of Privacy & Security preferences.

I had the same issue a while back and was able to resolve and was providing the resources I used to mitigate.

[hardy walrus]

The bot is overzealous when filtering links but yours was actually approved.

But as I said this is an issue of backend things for the site not working with FF. Not something that can be fixed with configuring settings by the user.

[inner mauve]

I got the Bot ‘links aren’t allowed’ auto reply to the link though?

[hardy walrus]

Because it was the first time the bot saw it.

It either allows or denies after that.

[inner mauve]

Can I ask what the backend things are that don’t work?

I’m asking because I just tend to use SE with whatever browser I have open at the time - Chrome or FF - and I guess have just ignored issues and chalked up hitches to ‘bit flips’ but never really encountered anything truly ‘broken’.

[hardy walrus]

Because I don't work with SE I can't say the specifics as I don't know myselft.

[loud lagoon]

How do I hide a layer when an alert plays?

Basically my goal is to take a static image that sits but changes to an animation when an alert is played

lx pretty much made the widget that I need for NerdMonkey in #widget-share but it's only halfway compatible with YouTube and I while I can kind of muddle my way through css and js idk how the SE api works

[loud lagoon]

if anyone can help me I would really appreciate it

[fluid shard]

I'm trying to add a blur filter to my chat overlay. Is it possible to do that if I can't specify my video capture as the background? This is what it looks like in the overlay editor

This is how it appears on OBS

[ivory yarrow]

@fluid shard you mean adding blur as background effect to see chat better? you can do that using an image with a bit of transparancy to it

[north tartan]

Hello, I would like to ask if there is a way to make streamelements type in chat using JS? e.g. when using a video randomizer widget, if video #1 is shown, streamelements will type in chat "The video shown was [video #1]"

[timid igloo]

Hey everyone, I could definitely use some guidance! I'm noticing that Raids also trigger a Host activity event. This causes both a Raid alert to go off, followed by a Host alert for the exact same event. Is there any workaround for this without having to disable one alert?

[hardy walrus]

@timid igloo unfortunately no. Due to how twitch sends the events (or so I'm told) they sorta go hand in hand though not always.

[timid igloo]

Thank you for your quick response

[gaunt grove]

Hey, anyone here who knows where I can learn or google how to make my own streamelements donation scrolling text with custom color? So it's not white all the time
Tried to add {colorcode} as a variable in the default one (Widgets - Labels - Tips - Latest - Recent Tips and with scrolling on) but didn't work and the text still shows up white like on the photo below this photo

[hardy walrus]

@gaunt grove hold 1 sec. It's not gonna be fun getting from mobile but have something you might like.

[gaunt grove]

@hardy walrus I can hold as long as you want, sorry for getting you from mobile to the pc!

[hardy walrus]

I'm at work so PC isn't feasible

[gaunt grove]

Oooh haha sorry for making it not fun for you then!

[hardy walrus]

Luckily the part I need isn't too hard to get

<span style="color:red">text to color goes here</span>```

Put that around the respective text

[gaunt grove]

Uhm, can I put that in the photo where it says template? or do I need to create a custom widget with the recent tips

[hardy walrus]

Which text do you want colored?

[gaunt grove]

basically when I got to Streamelements and add the Recent Tips widget in overlays, I go on settings for it like in the photo above and want to change the color on the text where it says "Lord_Ironbeard" in the photo below that again
https://gyazo.com/80c69e400fffa1c7ce021ca867ef5d8c

Sorry for my bad explanation

[hardy walrus]

Simple place the variable in the spot I indicated with the text above and it should change.

[gaunt grove]

stream elements doesn't let me change the coding for it, unless I am doing something real wrong.. I have to say I'm pretty new to coding so I may not know where to add it if it's not in "Template" on the photo with settings

[hardy walrus]

Copy my text into the template. Which ever of those variables you want to be a different color goes where my text indicates inside leaving the others outside.

[gaunt grove]

https://gyazo.com/dd8858e8a60cdb841afb650ca870dafd did not work when I tried red color or blue color, I tried with #FF5733 as well which is red

[hardy walrus]

You have the text in the wrong place.

[gaunt grove]

I just want the variable currency and amount to be colored so shouldn't it be:
<span style="color:red"> {name}: {currency}{amount} </span> like that?

[hardy walrus]

That does all

[gaunt grove]

Uhm english is not my first language sorry but "That does all" as in that does nothing? 😅

[hardy walrus]

Okay. That should be working but not sure why. Could you hit save then get me this and post here?

[uneven oxide]

Please provide your account ID found at the top of this page: https://streamelements.com/dashboard/account/channels This ID is public info and safe to share here.

[gaunt grove]

@hardy walrus 5be73a0e339252a3c4f6c2ba this?

[hardy walrus]

Perfect

Now what's the name above where it says layers?

[gaunt grove]

I just called the overlay "Test"

[hardy walrus]

Perfect. I'm going to poke other that might be able to answer why it isn't working.

[gaunt grove]

wait didn't save renaming it.. so it's called Widget - Chat but the layer with the code we tested is still there in that overlay

Thanks so much for your help by the way @hardy walrus (sorry for tag)

[inner mauve]

@hardy walrus @gaunt grove add a semi-colon ; after red, like

<span style="color:red;"> {name}: {currency}{amount} </span>

[ivory yarrow]

You shouldn't need to, but I'd rather do <span style="color:#CC0000">{name}: {currency}{amount}</span> 🙂

[gaunt grove]

and @ivory yarrow unfortunately none of them worked https://gyazo.com/c25dc678c71fcaa7ea7bf434845063d7

[ivory yarrow]

I think you need to activate custom CSS and do it in the editor

I don't think you can do it in "alert message"

[gaunt grove]

Aaah, I need to get the code for that then and make a custom one I suppose

[ivory yarrow]

the code is there, you just need to customize it

I'll DM you

[gaunt grove]

okaay

[inner mauve]

CSS is the ideal way to do it, inline styling can be a pain.

[gaunt grove]

Thanks so much @ivory yarrow for great help! good alternate way of doing it and the other tips as well! 😄

[north tartan]

Hello, I would like to confirm if it is possible to trigger streamelements commands (e.g. !addpoints) through JS? My idea is for streamelements to type a command in chat after a widget gets triggered by a different command. e.g. !command -> widget gets triggerred -> wait for 10 seconds -> !addpoints <user> 1

[kindred orchid]

@gaunt grove I'm not sure if this is what you wanted or not, but you can change text color from the "Text settings" tab. Hope this helps!

[severe shell]

If you are going to do that via JS, I think the best option is working with the SE API to add points to an user:
https://dev.streamelements.com/docs/kappa/b3A6NTM5NzE3OA-channel-user-amount

[north tartan]

thank you for your reply, I will look into this

[high orchid]

Hi, someone changed the CSS of my stream overlay and put porn, how could it happen?

[hardy walrus]

@high orchid If you're from trovo we are aware of this issue and trying to fix it.

[high orchid]

Ok, thank you

[inner lagoon]

I'm in the process of learning how to make custom widgets for streamelements
I'm attempting to have a widget that rotates between listing my top 20 sub gifters, top 20 donators, and top 20 cheerers
I'm having a hard time finding the appropriate documentation on how I would do this, as https://github.com/StreamElements/widgets/blob/master/CustomCode.md doesn't seem to have the option to pull a list in, only the most recent or top of all time

hm nvm this should help me i think. just need to figure out how it works https://github.com/StreamElements/widgets/tree/master/CustomTopList

[north tartan]

thank you for the response earlier and I checked and tried the APIs briefly. I am receiving a 401 authorization error when trying the following API:

/:channel/say

I am not sure if I am just missing the authorization to my channel or I am not allowed to use the APIs for now? (I read in the OAuth2 page that I need to apply for it?)

[elfin arch]

don't use the Oauth flow and use the JWT flow

[inner lagoon]

what endpoint do i use to get a list of the top sub gifters?

/:channel/top only has tip, cheer, stars, embers

[north tartan]

thanks, I will check this

[elfin arch]

@inner lagoon are you going for a Facebook widget?

[inner lagoon]

no, twitch gifted subs

[elfin arch]

haha; ok; i saw 'stars' and 'embers' and was like? ... you want top 20 sub gifters, top 20 donators, and top 20 cheerers

[inner lagoon]

yeah, donators and cheers are found via /:channel/top

but top sub gifters i cant seem to find how i would find

and its definitely possible because there's a official widget that does it. labels - subscribers - latest - top gifters list

[elfin arch]

ya ya; it can be done. are you working inside of the StreamElements editor or making your own thing?

[inner lagoon]

in the editor

[elfin arch]

perfect; so what you want is to look at the Obj you get when the widget loads.

https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-widget-load

[inner lagoon]

data["subscriber-gifted-latest"]?

[elfin arch]

hmmm... maybe; can you console log it and see what you get on the widget load?

[inner lagoon]

already trying that 😛

will let you know

[elfin arch]

🤣 i'm not a Twitch affil so these are things i can't test.

[inner lagoon]

yeah idk im not seeing what i need in the obj

[elfin arch]

i'm not sure if SE keeps all that data. it might be in there; but i can't confirm

[inner lagoon]

it almost seems like I need to go through all events and total it up myself or something..

[elfin arch]

i wanna look at the default 'custom widget' cause that has some built in procs.

[inner lagoon]

could i look at the built in widget that does it and look at the JS source code and see how its done? would that work?

[elfin arch]

go into your session data: then do you see stuff here:

At the bottom of the Labels tab

[inner lagoon]

well its empty because i dont have a session currently

[elfin arch]

that should be the "alltime" info

[inner lagoon]

its not

just shows some donation data since i imported from streamlabs

[elfin arch]

when did you switch over? SE will only be able to read from that point on

[inner lagoon]

ive had it linked for years so its not that

session data is just the session..

and i see sub counts and other data in the other tabs

[elfin arch]

In the Labels tab; at the bottom.

[inner lagoon]

yes labels tab has stuff

[elfin arch]

...but the 'sub gifters' i don't think exists

[inner lagoon]

correct

obj object has who gifted the last sub, and who is the alltime top gifter

but not a top list

[elfin arch]

i'm going to agree with you; i don't see it either; the 'array of' tripped me up on the docs.

but i'm only seeing 1 (last)

[inner lagoon]

same

currently trying to reverse engineer the built in top gifters label.. not going well lol

[elfin arch]

i'm not sure the amount of subs it lists in the 'recent'; sorry but we are out of my ability to test. ... hopefully the recent Object has a 'sender' in it?

then you can filter/map the recent subs by gifters and populate your own list.

.... are you good with JS code?

[inner lagoon]

recent subs does not include who gifted

[elfin arch]

hmmm; ya; the on;y true Array there is the sub-recent...

i would suggest setting up a free API and doing a Twitch call to get your data.

[inner lagoon]

bruh are you reading my mind

literally looking into that now

lmao

[elfin arch]

and i'm not sure if there is a call to get the recent subs

[elfin arch]

🤣 ... setting up the API or doing the getting the info from Twitch?

[inner lagoon]

getting the info from twitch

[elfin arch]

ya ya; if you needed a pointer for the API set up, i got that.

the Twitch call; i got nothing, i never play in the sub areas

[inner lagoon]

no ive worked with the twitch api a bunch
just need to find an endpoint that gives me the data

[elfin arch]

big caveat here; is that you will API call on load then have to use SE triggers to update.

.... or API poll Twitch

never mind; use the SE trigger to poll API

[inner lagoon]

ugh this is so annoying
streamelements has the data
why cant I access it

[elfin arch]

i don't think it's in there....

[stoic ether]

Hello,
I’ve been doing behind the scenes work so that I can make my streams better. Something I’ve always found annoying is the way that the default TTS voices sound, and am currently looking at the idea of making my own alternative

I’m trying to use a modified version of the SAM (software activated mouth) voice for my alerts instead.
This will most likely be in the form of a widget if this works.

Is this feasible? Or I’m I going on a wild goose chase?

Thank you

[elfin arch]

Will you have an API call to covert the text and get a sound back?

if you are handling the text input -> api then getting a sound back it can work

[stoic ether]

I’ll get back to you on that, I am working with another person on this and I’m the dumber one when it comes to programming

[elfin arch]

^ 😉

this is an example of using the !redeem command. ... in the overlay/widget environment you will need to call the API to get (await) the "sound file" back; then send alert

[stoic ether]

Thank you [:

[broken coyote]

I guess I don't fully understand. But gifted.latest has name and sender?

[coral flare]

Is it possible to use Nested JSON for Widget Fields rather than everything being at the 0 level/

[cyan shoal]

Hello! I have a question about one of my alert overlays. The correct code replaces the name of the viewer to a streamelements fake name. Is there a reason why this happens? When I check my code, it's still linked to #username-container so I'm not sure why it pulls from the fake name pile. Only happens with subscribers.

[cyan shoal]

Even emulating a custom username isn't working within Streamelements editor. Certain usernames are replaced with a fake one. The usernames are not inappropriate either.

[young shard]

you can give them a group

[inner lagoon]

yeah of the last gifted but i need all-time top sub gifters

[coral flare]

yeah, it's an organizational nightmare, I submitted a fr since it doesn't appear to be supported.

https://streamelements.helprace.com/i2740-nested-field-options-in-json-for-custom-overlays

[desert pebble]

Hey everyone, I have a really precise question: Is it possible to use song request on Elements in a way that I can play the songs through an app, like Winamp or such? Because since Chrome takes up too much memory, I want to keep the browser sources usage as low as possible

[hardy walrus]

I'd say no.

[desert pebble]

Isn't there like a radio URL or something of the sort?

[hardy walrus]

Nope

[desert pebble]

ok, thanks

[rose sable]

Where would I go in here to talk to some of the widget developers about hiring out some work on a widget I need created?

[rare canopy]

hey, does someone have docs for streamelemnets widgets on youtube? I want to make a widget for youtube, but I would need some docs about how streamelements get the chat data if its possible

[severe shell]

On this Discord channel description, "Overlay Editor documentation"

[severe shell]

#art-marketplace

[rare canopy]

Thank you, thats what I was looking for

[rose sable]

Thanks so much!

[undone mantle]

Hello everyone, I'm trying to create a very simple widget but my sub-par knowledge of JS is making me hit a wall 😭

It feels like this should be really simple but I'm just not getting it - I want to make a widget which displays a different image based on the number of subs in the current session, e.g. - it starts with Image 1 at the start of the session, then changes it to Image 2 if the number of subs becomes 1, etc.

In theory, I know how to change an img src with JS, and I figured I would just have a variable X that corresponds to the session's sub count, then whenever there's a sub event, change the image with a clunky but working set of IF arguments that checks if X is 1, 2, 3, 4 or ≥5, and changes the image accordingly.

the problem I'm having is getting the sub count in the first place :/

[undone mantle]

NVM, widget achieved! 😄 Just needed to bump my head against it a bit and I figured out what I was doing wrong!

[fickle grotto]

Hello! Would someone be able to help with me with awesomeshoutouts?
I am having trouble putting the general username coding to shoutout whomever I feel.
If anyone could help it'd be much appreciated!

Never mind actually! Figured it out!

Thank you anyways!

[native pecan]

Twitch chat API is sending undefined for badge descriptions for the last couple of weeks 😦 Now my custom chat widget looks uggo. I temporarily changed it to use badge type but that limits the options for my widget by a lot compared to before.

Anyone have an alternate solution? I'd rather not use a badge URL lookup table as URLs could change too.

[thorn jungle]

hello could somone help me here

im trying to make a command which shows my rating wins and my place on the leaderboard in valorawnt

i saw a post and it was more complicated then it shouldve been

[severe shell]

This is a Custom API. Ask one of their mods if they can give you the command response for that. But if it is using eval, Streamealements bot does not support it. Nightbot has eval support, so it is able to collect JSON outputs and filter on the command. Maybe they are using this API (but as I said before, Streamelements chat commands does not have support for JSON outputs): https://docs.henrikdev.xyz/valorant.html

[thorn jungle]

i clicked on the website and i see the mmr data and i see the api output with the response so then how do i add this to a command

[severe shell]

As I told you, Streamelements does not support JSON outputs, so this website outputs will not work for a simple chat command. If you are using Nightbot, then you can work with eval... See more about this from this post (#dev-chat message) until AvE message explanation.

[thorn jungle]

okay i see the explanation, thanks for the help so far. i'm 0 percent good at coding so the output he gave how do i add that to a command with nightbot

just with !command add !rank $(..

[severe shell]

Yeah, and after you add the comand you can play with it to understand it better and modify the way you want.

[thorn jungle]

okay thanks so much!

[thorn jungle]

sorry to bother you again like this but, is there another output that shows my position on the leaderboard like #52

also does stream elements have any plans to add eval commands

[severe shell]

You maybe can use this endpoint:
https://api.henrikdev.xyz/valorant/v1/leaderboard/eu?name=USERNAME&tag=TAGLINE

[severe shell]

I believe there are some studies to implement that, but no ETA.

[sweet elm]

I have an idea for a twitch chat and I would like to know someone who wants to do it with a commission.

[hexed blade]

Ok I asked this in obs help desk and seemingly was ignored or nobody could help. Since you do not have a help desk for Trovo I'm gonna try here.
I'm trying to setup a command so my viewers on trovo can use !role and the chatbot will reply with the chat command /addrole role username. However I cannot get it to issue the command. It posts to chat and nothing happens. SE is set to supermod with permissions.
If I manually enter the command it works however if anyone requests it via !role the bot types the command and nothing happens. I've seen others on Trovo do this with SE but have had no luck getting help

Assuming I am either missing something simple or using the wrong variable. Still learning how to use variables

[severe shell]

You can check here #art-marketplace

[severe shell]

I'm not very familiar with Trovo, but maybe only the broadcast can add roles to an user, did you check that? Ask one of your moderators to run the command and check if it works.
Anyway, I think the best place to check for things on Trovo and look for thelp would be the channel #beta_trovo

[hexed blade]

Mods can if they are set as supermods.

[onyx shard]

Hello, i have a question, with the SE_API.store.set/get
What is the requests limits ?

[chilly grove]

Hey, may someone can help me? I´m trying to code a simple "don´t chat" message every time when someone puts something on chat. I just need a solid start, don't know where to study

[pulsar willow]

This should be doable with a custom chat command (https://streamelements.com/dashboard/bot/commands/custom).

Basically you would add a regex pattern that matches any message.
I used .* which matches a character that appears zero or more times.

[chilly grove]

WOW, ty soo much! @pulsar willow

[sturdy isle]

Any reason why my nightbot commands won't export?

[icy wing]

can u set minimum donation for TTS?

[mossy rose]

Im having trouble putting a photo of my ID on se pay. it says jpg, jpeg, png files between 10kb-10mb and the files im using are jpg 568.00kb and jpg 426.72kb which are way small enough. but unfortunately when i select submit it just says uploading and fills the bar up a little over 3/4 of the way and the little circle just keeps spinning over and over. I lrt it sit for 2 hours and it just stayed the same. Can someone plz help?? thank u!

[hot willow]

all time problem all information from my ID i have correctly

[uneven oxide]

@hot willow ⤵️

Please contact us via email for support with SE.Pay. You can use our contact form here: https://streamelements.com/contact Thank you.

[next radish]

any idea if bulk gifted labels are ever coming for twitch (or fb at that lmao)

[soft pulsar]

is there a way to pull the profile picture of a subscriber when they subscribe?

[severe shell]

Try to use Edge for that, and allow all popups before trying. Sometimes you will need to try to import 2 or 3 times to make it work.
That was how I was able to import from Nightbot

[uneven oxide]

@pulsar willow, posting multiple links will result in not being able to post again.

[severe shell]

If the user has a Streamelements account, you can use this endpoint:
https://api.streamelements.com/kappa/v2/channels/<USERNAME>
Then you will find the field "avatar" with the link.

But this is not guaranteed because not everyone has a SE account. You can also use this, which will get from Twitch:
https://decapi.me/twitch/avatar/<USERNAME>

[soft pulsar]

Thank you, didnt expect it to be possible, but thats nice

[onyx shard]

Good evening, for the custom widget, is there a way with the SE_API.store to know if the key is already present or not?

[inner lagoon]

How do I find a list of the top sub gifters with the API?

[pulsar willow]

I asked a similar question a few month ago.
Here is the answer to my question:
#dev-chat message

[opal heart]

heyyyyyy, so i saw the patreon sub widget thingy, and i was wondering if i can use that to show subscribestar subs or if anyone can direct me to how i can figure out how to make something like that work? i'm a fast learner...

i mean i can get into the nitty gritty if necessary

[hardy walrus]

This would be the first thing https://www.subscribestar.com/api

[opal heart]

I did have a look at that... not quite where to go from there... I can look into custom alert widgets I guess and see where that gets me?

[hardy walrus]

that would be a good place yes.

[edgy rampart]

hello, i have some problems with this... Can someone help me with this? a normaly send there id card, bank informations and it still have problems...

[uneven oxide]

@edgy rampart ⤵️

Please contact us via email for support with SE.Pay. You can use our contact form here: https://streamelements.com/contact Thank you.

[velvet ether]

Hello! I'm not entirely sure where to submit my question specifically but...
I've been having issues in regards to StreamElements overlays. I've been trying to figure out how I can create one continuous scrolling text for my labels (recent follower, sub, cheer, and tip)
Does anyone know how I can do that? I've look at various guides and asked on multiple platforms to no avail

[zealous acorn]

Hello

I need help with StreamElements OBS

[onyx shard]

Thanks you for your reply 🙂

[severe shell]

If you look for "scroll", "marquee" or something like that in #widget-share you can find some widgets and will be easier to understand the code inside it.

[lunar wraith]

I love that when the community brings up an issue with supported browsers, the devs are like "just use another browser" like that is the solution in 2021. Not everyone wants to use chrome and firefox is WIDELY supported. Since the page loads blank only 75% of the time, I feeel like you should....you know, try to support it better? I would say im alone but a quick search for "firefox" in this server kinda shows im not. No disrespect, but this is straight out of Apple's "you're holding it wrong" playbook

[indigo flume]

I would like to clear something first.
This channel is for asking for help surrounding community made widgets or asking for help with the API front.
Your issue can fall either in #tech-talk or #helpdesk-twitch

that being said, Firefox is supported, but there are still some minor things that might not work fully. In the past our SE.Merch editor didn't work well with Firefox, but has been updated and fixed some time ago.

Any issue reported that Firefox doesn't load our dashboard can be investigated as well and looked into as to what is breaking the page.

The thing that comes to mind that may break loading our pages was an antivirus extension for Firefox. Let me check up what it was called

Ghostery - if you have this installed on Firefox, apparently right now this blocks our pages from being opened

so you get a white page

[onyx shard]

Hi, I wanted to know if it was possible to create a fully customized event and if the other layers would receive this customized event ?

[restive ore]

Hello, I referred here by Renziito from Stream Elements support... I am having issues where I am using the events rotator widget you guys provide (by CO6Studios). Whenever I test the chat & an event pops up (follows etc) , the widget disappears until the chat is silent again... I have tried making two different overlays as well as putting them on the same overlay with no success, I was wondering if anybody had solutions for this

[real cape]

Is there an endpoint or another way I can trigger the Shoutout widget (on screen display + sound) via my own nodejs chatbot? I've set it up to auto shoutout raids, but I'd rather be able to trigger the overlay alert via code rather than my bot shouting them out and THEN typing the command in chat

[gentle current]

I have a question about the Alert Box widget. I have a TON of bit variations and I utilize the pick random if multiple match for scare alerts. I also have one for a specific friend so it matches on exact username. Is it possible to do a username + bit amount variation? Like a second clause in the conditional? Username == “soandso” AND bit amount > / = 999?

[gentle current]

Or if there is a way I can add a custom js layer that can interact with the alert box. Basically, if the bit amount matches a certain scare alert/jump I don’t want it to trigger any message or overlay popup. I have that part working for the normal user. But I have a special variant for a user that when they give bits, it uses a different TTS voice than the normal. The problem I have then is that the username matches so it always uses that and ignores the bit amount variant. Hearing the TTS before then jump scare sound kind of breaks the immersion and we can anticipate the scare

[gentle current]

I tried adding a custom js layer and it appears I can’t access the DOM of the other widget from the other layer. If there is anything possible as to editing the JS for the AlertBox widget or anything that would be super helpful. Or having the option of adding additional clauses to the conditionals for variations

[elfin arch]

you could start up a websocket on your nodeJs bot and have the Overlay connect to it; then send the Overlay a message on the trigger as a "custom event"

[elfin arch]

correct. each widget or layer is 'sandbox' and they can't talk to each other.

[hexed vector]

Hello. I'm struggling to pick the winner of a contest with the API. I'm using PHP / cURL, but I dont know what should I put in the CURLOPT_POSTFIELDS => "{}",. I've tried to put the option id but it doesn't work. I get the 201 response with the word "Created".

https://dev.streamelements.com/docs/kappa/b3A6NTM5NzE0OQ-channel-contest-id-winner

[elfin arch]

this seems correct, looking at the doc. it says response is just 201 'created'.

if you send in a bad token or id does it still 201?

[gentle current]

So it isn’t really possible to setup multiple condition variations then for alerts? Like username && bit amount

[elfin arch]

i don't believe so with the built in Alert Widget; i did try some quick testing using custom CSS; but i couldn't get the widget to chain itself....

[hexed vector]

changing bad token or ID I get this message: {"statusCode":403,"error":"Forbidden","message":"No channel authorization found"}'

[elfin arch]

i.e. Variation => cheers = 100; ... then in custom JS, if(user=X) new event => emulate '3024983290' bits ; else => emulate #+1 bits ... but i couldn't get it to dispatch the new Event

[elfin arch]

i guess that is good; you might need to chain your API call then; if 'created' then do an API call for the last contest (or contest with that id is better*) and get the data

[hexed vector]

But the winner options is not picked. My problem is that I don't know what to put in the body to pick an option as the winner

[elfin arch]

oooh; hmmmm; maybe that is the 'accept' header? ... i've never used the contest endpoints; but that would be my guess

[hexed vector]

no, it doesn't work

[elfin arch]

i see there was some discussion a long while back; but didn't see a direct answer for it.#dev-chat message

[hexed vector]

maybe @merry plume can help me

[hexed vector]

I found the answer here #dev-chat message and it worked.
Thanks

[elfin arch]

niice. ... i'm not surprised it was lx. he knows everything in the API

[hexed vector]

Maybe that {"winnerId": "optionId"} should be added to the docs

[elfin arch]

i agree. there are a few API docs that need more info added.

[hexed vector]

Docs have improved a lot in the last months anyways, thank you for your help

[elfin arch]

no problem; docs are the best place to start; ... then Discord search for the hidden stuff 🙂

[round badge]

@elfin arch sorry for the ping, love the new Prize Wheel widget however it seems mod's are allowed to use the !spin commands etc for it now. is there a way to set it to streamer only? i had a look through the JS but i have no idea what i'm looking for haha 😅 thank youuu

[elfin arch]

hmmm... 1 sec; i'll take a look. i had it originally to streamer only but may have switched it to mods too at the end. ... i didn't want to add more settings to it 🤣 so that is hardcoded in

ya; mod is in there; remove the highlighted part:

[round badge]

Perfect!! Thank you so much ☺️

[wild kestrel]

trying to edit steam overlays on website but I get an error Invalid authorization token

[onyx shard]

UP ? 👀

[full gale]

Posted this in OBSlive channel but maybe it should be here...the widget for "latest donation" circled in the preview image is missing from these overlays. The static donor image is there but the widget to pull the info isn't included. Any chance getting help making this?

[real cape]

So do you mean the Awesome Shoutout plugin can send requests to external sources, but can't be triggered itself from them? I'm not quite sure that'll do what I want, since the Awesome shoutout doesn't trigger on a raid the way my bot does 😦 Unless I've misunderstood and there is some kind of way to add an eventlistener into the editor on the overlay widget itself?

[half wagon]

Maybe this should be here,, Hello my names matt and i just recently downloaded stream elements everything works except ive been having one major issue and i was hoping i can get help here im nopt sure if this is where i should post plz help me. When i connect my twitch account to obs live and then start streaming it keeps wanting to connect to youtube then it fails to find server but i have it linked to twitch i dont understand why this it happening

[full gale]

@mortal knot any thoughts?

[severe shell]

Each widget acts independently, you would need to customize each one of them.

[severe shell]

You can add it manually:

• button > Labels > Tips > Latest > Latest tipper.

And then you can customize it to use the color, size, and anything you want.

[severe shell]

This will be better to have support on #helpdesk-selive. But you can go to Streamelements Menu > Logout and login again.
Other than that, you can go to OBS Settings > Stream > Logout and login with your twitch account

[severe shell]

Do the login again using this link: https://streamelements.com/logout

[wild kestrel]

I’ll try it out thank

[severe shell]

Look for the field "Reset Slider on new Event?" and select "No" on the left panel of the widget

[sudden lion]

ah excited. just submitted a codeguru item 🙂

[full gale]

Thanks, but, isn't latest tipper going to list who sent money using the tips functionality? Not extra life donations?

[severe shell]

Hmm, sorry, didn't see the overlay was related to extra life. I'm checking the overlay you are using and it seems there is no option to add the latest donator for extra life, only the normal donation to your account. 😦

[full gale]

Much sadness.

[severe shell]

I took some time to understand the Extra-Life widget and created a (not very beautiful) text widget for that. It will simply show the latest donator and the amount. So if you want, you can add it in there.

• Go to + button > Static / Custom > Custom Widget
• Click on "Open Editor" on the left Panel and remove everything from all tabs (HTML, CSS, JS, FIELDS and DATA).
• Replace each tab with the codes below:

HTML

<span id="most-recent-donation-name" class="donation-name">No Data</span>
<span id="most-recent-donation-amount" class="donation-amount"></span>

CSS

@import url('https://fonts.googleapis.com/css?family={fontName}');

.donation-name, .donation-amount {
  font-family: "{{fontName}}";
  font-size:{{someSlider}}px;
  color: {{someColorPicker}};
}

JS

window.addEventListener('onWidgetLoad', function (obj){
  
  // console.log(obj)
  const fieldData = obj.detail.fieldData
    
  setInterval (
    async function getExtraLifeDonor(){
      const jsonFetch = await fetch(`https://extra-life.donordrive.com/api//1.3/participants/${fieldData['extraLifeId']}/donations?limit=1&orderBy=createdDateUTC%20DESC`)
      const jsonResponse = await jsonFetch.json()
      
      // console.log(jsonResponse)
      document.getElementById('most-recent-donation-name').innerText = jsonResponse[0].displayName
      document.getElementById('most-recent-donation-amount').innerText = ` - \$${jsonResponse[0].amount}`
    }
  , fieldData['updateSeconds'] * 1000)
  
})

FIELDS

{
  "extraLifeId": {
    "group": "Extra-Life Config",
    "type": "number",
    "label": "Your Extra-Life ID",
    "value": ""
  }, 
  "updateSeconds": {
    "group": "Extra-Life Config",
    "type": "number",
    "label": "Seconds to update the value",
    "value": 15
  },
  "fontName": {
    "group": "Font Config",
    "type": "googleFont",
    "label": "Select a font:",
    "value": "Fredoka One"
  },
  "someSlider": {
    "group": "Font Config",
    "type": "slider",
    "label": "Font Size",
    "value": 19,
    "min": 0,
    "max": 100,
    "step": 1
  },
  "someColorPicker": {
    "group": "Font Config",
    "type": "colorpicker",
    "label": "Font Color",
    "value": "#96d400"
  }  
}

DATA

{}

And then, on the left panel, you can add your Extra-Life ID and change the values you want. After that, you can move it to the correct position.

It will be like this (in case you don't have any donation, it will show "No Data")

[gusty vale]

+1 on this, is there anything in the API that details more things in contests, such as a list of all users betting and their betting amount on an individual level?

[opaque wasp]

is there a way to detect if a message is been sent by a bot aside checking the sender's name?

[elfin arch]

negative,

[slate shale]

Hi all. I was wondering if there was a way to replace the 'tip' section in the credits roll to 'moderators' so as they are included? I've changed the names/fields in all the scripts but I'm not sure if this has worked without going live. Any advice would be appreciated.

[shrewd charm]

Hi, I've noticed for last couple days when I use bot to change the game, it just send a message to chat but title not changing.

[dense topaz]

Is there a way to get a youtube user's channel url and image?

[severe shell]

Answered on #helpdesk-twitch

[severe shell]

#widget-share message

[dense topaz]

I need to be able to shoutout people on Youtube 😅

[uncut ice]

Hi, Event List. In streamelements - how I can make Event list disappear after 1 minute? now it always shows. there is no option for fadeout anymore...

[severe shell]

Oh sorry, you want the bot to send a message on Youtube or Twitch chat?

[dense topaz]

I want it to send on Youtube chat.

[severe shell]

I don't know how Streamelements bot works on Youtube, but if it has customapi support on chat, you can try to use Decapi youtube endpoints:
https://docs.decapi.me/youtube

[dense topaz]

Alright. Thanks

[kind tusk]

Is there a way to get current data from twitch in my custom widget like subcounter while not being on stream? SE documentation only shows how to get data from current session into my custom widget. but if i haven't streamed for like a month, the session data is out of date, but i want accurate data when i start my first stream after a longer period of beeing offline.

[slate badger]

https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-widget-load

Look at the labels like data["subscriber-total"]["count"]

[kind tusk]

Thanks harvey. I have checked this, and i also got a working custom widget. My problem is that the subcount from data["subscriber-total"]["count"] is not accurate.

little example:

i have 100 subs at day 1,
80 subs are expiring at day 2,
and i start a stream at day 5,
i will still have 100subs in the counter until the stream stops at day 5.

The sessiondata is only updated when a streams is stopped, but the problem is: this means that the data isnt in sync with twitch, everytime i start a stream the data isn accurate. How do we fix this?

[slate badger]

I'm not sure on that. I can't say i've tested the accuracy of the label.

[kind tusk]

I have tested it, and that's the problem i have right now. And i dont know how to fix it. the problem is that SE only updates the session at the end of a stream and not at the beginning. so i never have accurate data in the counter when i start a stream. or do i miss something? 🤔

[slate badger]

https://streamelements.com/dashboard/session

You can reset session data here

I don't know if that triggers the update of the value you need?

In the totals tab, are the values correct? This may be the source of this issue

[kind tusk]

No, the values in the totals tab are about a month old(my last stream). But if i hit reset session, would that sync up with twitch, or would that set everything to zero? 🤔

[slate badger]

I'd hazard a guess at the latter. I did it to mine and they didn't reset to zero

My guess is that it forces a fetch of the data from Twitch

[kind tusk]

ok i test it. i hope it wont get set to zero LOL

nice, that did the trick! 👍 its accurate now! so does that mean, that i would have to do this before every stream i start, just to get accurate data?

[slate badger]

I'd hazard a guess you might. If you're streaming regularly it might not get out of sync as it has done after a break

[kind tusk]

From what i understand how the sync process works, is that its only accurate/synced post stream. the problem with that is, the longer the time is between streams, the more outdated the numbers get. The current behaviour means that i always have out of date numbers if i don't stream every day. This would mean we would need some kind of actually live-counter, that sync with twicth every minute or so.

[slate badger]

Yeah, then you'll need to reset before each stream then if that's the case. I can understand why they're not continuously syncing as that would be a lot of work if you consider every SE user

[kind tusk]

Yes i can understand that, but maybe they could implement two times of sync...one sync 5 minutes post stream, and one sync, 2 minutes after a stream starts 🤔

would be a balance, and the users would have accurate data after the started a stream.

Is there a way to trigger a session reset within a custom widget via a javascript function?

[slate badger]

I'm not aware of a way (although i've not really had the need to do so)

[kind tusk]

Im amazed how no one else had this type of problem before 🤷‍♂️

I mean, there is a setting for auto session reset, but its only for "after each stream ends"

[kind tusk]

how to reach out to the SE staff coders that are able to implement such things? 🤔

[severe shell]

You can use the endpoint documented here (you would need to use your JWT token, so be careful on how to store your widget):
https://dev.streamelements.com/docs/kappa/b3A6NTM5NzE5MA-channel-reset

A workaround option would be creating a .html file on your computer to fetch this API endpoint. Then you import to OBS as a browser source and it will run it when you open it.

[kind tusk]

YOU are the man @severe shell 💪 ❤️ thats exactly what i was looking for!

[kind tusk]

I have found my JWT toke, but i am unsure about the "channel
string", is it simple the name of my twitch channel or is it also a token?

[severe shell]

It is the Account ID, the same place you find your JWT Token

[kind tusk]

are there also api endpoints for "pause alerts" "resume alerts" and "Skip alert"? Atm i am starting OBS on my gaming pc(where my streamdeck is connected) just to be able to use the pause alerts function. as OBS uses a lot of resources i am looking for another way to get the pause alerts function into my streamdeck. I am streaming from a second PC. Maybe this is also possible with this api?

[severe shell]

Some months ago I tried some endpoints to control alerts like muting and skipping them, but none of them were successful. I don't know if it the endpoints were obsoletes or my lack of knowledge by the time.
If you are using the Streamdeck from Elgato, there is a OBS.Live plugin that you can pause and mute alerts:
https://www.obs.live/articles/2019/3/26/how-to-use-the-elgato-stream-deck-with-obs-studio-amp-obs-live

[kind tusk]

Thanks @severe shell I am already using the OBS.Live plugin, but the "problem" is that it does only work when OBS is running on the PC my streamdeck is connected to. But my streamdeck is NOT connected to the Streaming PC, but to the gaming PC. Here is a little scheme to clarify:

[Gaming PC]---(Streamdeck)
|
|
[Streaming PC(OBS)]

Now i need a way to pause, resume and skip alerts from the streamdeck on my gaming pc 😉 any ideas? 😅

[severe shell]

I tried to think some ways for that, but couldn't think of any (except connecting the streamdeck to the Streaming PC haha)

[kind tusk]

could you direct me to the documentation of the api endpoints for the pause resume and skip alert features pls? then i can tinker with it myself 🙂

[hardy walrus]

Actually not seeing anything in docs

[kind tusk]

maybe sudo has any other idea or way to get this working? I would need to control the SE-Stream controls(Pause resume and skip alerts) from the streamdeck, without OBS running. or maybe on another PC 🤷‍♂️ any way of interacting with that interface from a streamdeck or an api or something like that would be awesome. I don't get why the only way of doing this is by using a browser, or the OBS-Plugin. if its a butten in the backend there has to be some kind of method to interact with it via console or scripts.

[severe shell]

Maybe it is this one, but I am not totally sure how it works.
https://dev.streamelements.com/docs/kappa/b3A6NTM5NzE3NA-channel-action-action

[hardy walrus]

Would definitely do it there

[kind tusk]

i get this response in the dev tool of my browser when trying to use the javscript fetch option:

ok: false ​redirected: false status: 400 statusText: "Bad Request"

[hardy walrus]

I'll leave this to someone else since I can't API

[kind tusk]

i have used the following code:

fetch("https://api.streamelements.com/kappa/v2/overlays/MY_ACCOUNT_ID/action/pause", { "method": "PUT", "headers": { "Content-Type": "application/json", "Authorization": "Bearer MY_JWT_TOKEN" }, "body": "false" }) .then(response => { console.log(response); }) .catch(err => { console.error(err); });

[severe shell]

There is a Request button on the API page, you can test it there. But the only option I see working is reload. The other ones just show "Created" but I don't know what is really creating... It is not muting or pausing any overlay, though.

[kind tusk]

this is weird, when i try to use the "Send request" feature i get

"error": "Unauthorized", "message": "invalid token"

But i used the correct tokens from the backend, i double checked 🤷‍♂️
What could have gone wrong here?

Should i contact the support about this issue?

[severe shell]

Probably you are using quotes " " when inserting the JWT token to the field

[kind tusk]

nope, no quotes. i just copy pasted the JWT token from https://streamelements.com/dashboard/account/channels

Is there a way to contact somebody from staff to get this sorted? I mean, i cant do anything about an invalid JWT token myself i guess. I want to get some of those things done today.

[severe shell]

You can open a ticket for that (https://streamelements.com/contact). But I don't think you are going to have this done today.

If it still showing invalid token, try to logout from SE (https://streamelements.com/logout) and login again. After that, try to copy the JWT token one more time.

Maybe check if it works from another endpoint. This one for example (Accept field is application/json): https://dev.streamelements.com/docs/kappa/b3A6NTM5NzEyMA-channel

[kind tusk]

I just answered directly in the feedback-channel as i dont wanted to bloat this channel while i blow off some steam.

[restive ore]

Hello! I have finally tested it out and it is indeed fixed! Thank you for the help!

[formal sphinx]

I wanna try to create my own widgets, and i'm wondering if its possible to do the coding in a program like visual studio instead of doing it in the streamelements widget editor?

[pulsar willow]

I think you're looking for this? (I haven't tested it myself)
#dev-chat message

[formal sphinx]

ohhhh, looks like it could be it. thanks! ill test it when i get home

[wintry quiver]

gap property doesn't work on OBS browser source?

[slate badger]

Is there anywhere that documents how Superchats work in terms of the amount? Is it a dollar converted amount? I can't see anything on the event that defines a currency

[kind tusk]

Any news on the token system? My JWT still is shown as invalid by the api. 🤷‍♂️

I already resetted it and did a bunch of relogins.

[icy wing]

Why won't i receive host alerts ?

[uneven oxide]

@icy wing ⤵️

Due to changes to Twitch API, we have filtered out hosts and will only show these ones on your activity feed:

• All hosts coming from an online channel with at least 1+ viewer
• Auto host events with at least 1 viewer - only from a channel that just went offline

Note: If you see X channel has hosted you with no viewers on the back, that is considered an offline host or a host with 0 viewers, we do not show these.

[severe shell]

I think it shows the value in the original currency. This is informed on Overlay Editor documentation:

[severe shell]

If you are using Streamelements overlay editor link on the browser source and try to add Custom CSS to OBS field, I believe it will not work.
However, if you have your overlay with the CSS gap property on it, and imported to OBS, it should work. I changed the gap values on CSS and it worked fine in my tests using the example below:

HTML

<div class="grid-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>  
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>  
  <div>8</div>  
</div>```
CSS
```css
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 20px 50px;
}
.grid-container > div {
  border: 1px solid black;
  background-color: yellow;
}

[severe shell]

It seems to be something wrong with your JWT, I tested some here and all of them are working with no issues

Can you try this? It is an endpoint which gives information about your channel based on the JWT informed. Just replace **** for your JWT

(async function test(){
  const testFetch = await fetch('https://api.streamelements.com/kappa/v2/channels/me',{
    method: "GET",
    headers: {
      "Content-Type": "application/json",
      "Accept": "application/json",
      "Authorization": "Bearer ****"    
    }
  })
  const testResponse = await testFetch.json()
  console.log(testResponse)
})()

[stoic drum]

@tacit mortar suggested I ask this over here.
Regarding SE chat commands, is there any sort of conditional statements allowed?
The idea was to have a command that makes a random number roll b/w 1-20, and based on the provided random number prints out a different message.
if (roll < 5) { "insert message here" }
else (roll > 5 AND < 10) { "insert some other message" }
AND SO ON, is this type of thing possible?

[severe shell]

Unfortunately SE does not have support to eval, so you cannot do if/else, but maybe this can be useful for you:

${random.pick 'Number ${random.1-5} - insert message here' 'Number ${random.5-10} - insert some other message' 'Number ${random.10-15} - this is a third message'}

It will pick between those three messages randomly and get a random number between the values you put. So output would be like this:

Number 3 - insert message here
Number 9 - insert some other message
Number 2 - insert message here
Number 11 - this is a third message

Or if the number is not that important, you can just remove the ${random.1-5}, ${random.5-10} and ${random.10-15}

[stoic drum]

Thanks, I think this might work!

[charred pewter]

How can I use bot counter messages in chat from within a widget?

or access the bot counters from within a widget

[severe shell]

You can use SE_API:

SE_API.counters.get('name_of_the_counter').then(counter => {
    // counter is of the format { counter, value }
    console.log(counter)
});

[charred pewter]

where do I find that documentation?

I've got just the API for requests, didn't know i could use SE_API in the widget haha

[severe shell]

"Overlay Editor documentation" on this channel description

[charred pewter]

❤️

is it possible to PUT a value to a counter?

im trying to make a goals widget that, when filled, PUTS the amount of completions (1 for 100%, 2 for 200% etc) to a counter for storing between sessions. Then resets the goals to 0

just need to increment the bot counter from the widget and its done 🙂

[severe shell]

I don't think it is possible to change the value of the counter using the widget, but you can use SE_API.store get/set to obtain and store a value of your choice in SE database.

[charred pewter]

could the chat bot pull that value?

so I can store the variable with the widget, and then pull them with the bot

I was working on using SE_API to make me send a command to the bot haha

so the widget makes me send a message to the channel that tells the bot to increment the counter

[severe shell]

Well, there are some ways to increment the value, but the easiest one on chat is creating a counter, like:
!cmd add testcommand ${count countername}

So everytime you or someone runs !testcommand will increment countername by one

[charred pewter]

I would need to take the count to add (in the widget), and then build a payload, then send a chat message from the widget, to make the bot add? !count goals {addcount}

i think?

Also wondering how to include arguments in a custom command...
${count <name> +<step>}
!add counter 5

for example

[charred pewter]

well, i can only get the streamelements bot to talk to the chat and the bot won't issue itself commands haha

is there a way to directly send a command to the bot from an API call?

like, skip the chat message and just directly issue bot a command hmm

[severe shell]

When you are engaged in a conversation, it is always better to use the reply button, so the other person will be notified. I didn't see your messages here, so couldn't answer before.
Anyway, I think it would be better if you use SE_API.store set/get to create your own counter, so you don't need to create a chat command for that. For example:

SE_API.store.set('keyNameYouWant', {
  key1: 'valor1',
  keybla: 'valor2',
  blablabla: 'valor3',
})

When you want to consult the keys, you can do:

SE_API.store.get('keyNameYouWant').then(obj => {
  console.log(obj)
});

[charred pewter]

thank you, sorry about that!
I think you're right, I will just need to find a way to take counters off that store from chat somehow. Maybe using another bot instead

[charred pewter]

would i be able to put a variable straight into that call?

  value: myvalue,```

[severe shell]

Yes

[slate badger]

Cheers for this. It's just when I debug a test superchat event, I don't see those values as options on the event

[wintry quiver]

Did you try it with Flex Gap? My flex gap property didn't work when I imported to OBS even though it was applied on the overlay

[kind tusk]

Thanks for the code @severe shell 👍 If all your requests with your JWT do work fine without any problems, then it seems to be my JWT only. I did try your code, and get the same response Object { statusCode: 401, error: "Unauthorized", message: "invalid token" }

[severe shell]

I'm kinda new on CSS world, so I'm not familiar with Flex Gap, but it seems the browser on OBS does not support gap on flex items. MDN docs says Chrome is supported after version 84 and OBS is still using Chrome version 75 (https://developer.mozilla.org/en-US/docs/Web/CSS/gap)

navigator.userAgent
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 OBS/27.1.3 Safari/537.36

I found this page with some workaround, maybe can help you in some way: https://coryrylan.com/blog/css-gap-space-with-flexbox

[hardy walrus]

and OBS is still using Chrome version 75 (https://developer.mozilla.org/en-US/docs/Web/CSS/gap)

That will change after one of the future updates as it's planned to update to 95

More info being here https://github.com/obsproject/obs-studio/discussions/3853#discussioncomment-1523283

[wintry quiver]

Ohh, I didn't know that OBS runs Chrome on version 75, thanks for the info 😁

[wintry quiver]

I hope it comes out soon

[charred pewter]

How can I change this so I can use a variable in the body, from JS in a widget

body: "{\"subscriber-goal\":{\"amount\":6}}"
vs
body: JSON.stringify({"subscriber-goal":{"amount": msg}})

[charred pewter]

I changed the content until the output of JSON.stringify matched exactly.
body: JSON.stringify('{"subscriber-goal":{"amount":'+msg+'}}')
if I run that and then paste the result as the body, it works, but if i just use that as the body, it doesn't?

[severe shell]

Which endpoint are you using?

[charred pewter]

Im sorry, i don't understand, I am just kinda learning/code bashing to make things work
I think this is the endpoint?
"url": "https://api.streamelements.com/kappa/v2/sessions/

PUT

function sendGoal(msg) {
   
  
  fetch(`https://api.streamelements.com/kappa/v2/sessions/***`, {
    method: "PUT",
    headers: {
      'Content-Type': 'application/json;charset=utf-8',
      'Authorization': `Bearer ****`
    },
    body: JSON.stringify('{"subscriber-goal":{"amount":'+msg+'}}')
  });
}

[severe shell]

Yes, endpoint is the URL you are using to fetch.
You can template literals (backtick or grave accent) after body: ``
And then you put your variable inside ${ }, like below:

function sendGoal(msg) {  
  fetch(`https://api.streamelements.com/kappa/v2/sessions/***`, {
    method: "PUT",
    headers: {
      'Content-Type': 'application/json;charset=utf-8',
      'Authorization': `Bearer ****`
    },
    "body": `{\"subscriber-goal\":{\"amount\":${msg}}}`
  });
}

[charred pewter]

jeez, made it look easy

[charred pewter]

thank you, i spent so long trying to make it work lol
Not really sure why my stringify thing wouldn't work. but I am glad your one does! Thank you

[severe shell]

You don't need to stringify it. And you are mixing single quotes with double quotes on your code on body line

[charred pewter]

Yeah I kinda stuffed around with it until the string output matched identical to the string I used that worked. Much easier just doing the ${} 🙂

[charred pewter]

Okay, now that everything working, I've found that the session data is interfering with my math >:l
I am basically trying to use the sub goal counter in streamelements as my global variable.
when the count exceeds the desired goal, it checks by how much and then resets the subgoal to the "excess". ie. 150% of goal hit from a bomb, it will set the subgoal counter to 50% of the goal.
(So now, when it checks the data, the goal data will reflect the amount that does not exceed the goal.
Seems that the code is still pulling the session data, or the emulator is gremliny..
when I do subs, it clicks up and after hitting the goal, it sets the correct count but then next time it gets the goal data it goes back to the running session count.

    sessionData = obj["detail"]["session"];
    analyse();```

function analysePoints() {
let data = sessionData;
let subsAmount = data["subscriber-goal"]["amount"];
$("#subcountlog").html("SubCount: " + subsAmount);
}

so after it goes over 100%, subscount will read "3" for example, then after one sub it will go back to 54, (51 session subs+3 goal subs)

I presume this may just be a gremlin to do with the way the Emulate produces sub events?

[stable onyx]

hey guys... any ideas? my gifted sub scroll overlay stopped working today.. it's blank. no changes in settings. can't seem to get any answers.. anyone here able to help?

[wheat jackal]

Where/How can I see all the stored keys that I stored with SE_API.store?

[opaque wasp]

Did you find a workaround?

Currently I'm working on a widget where I would like to show all the avaible rewards as long as a points reedemed goal; the only way to get these data from my pov seems to use Twitch APIs but that will not be that cool since I wanted to realease the widget to the public..

[charred pewter]

is the streamelements widget emulator kinda messed?
I am drawing values from the Goals data, and it seems to do that on load, and then just ignores the goals and looks at session data thereafter.
I am not sure if this is how it will operate LIVE, or just how it operates when being poked with the emulator

[charred pewter]

onload subscriber-goal data:
{"amount":9}
after one emulated sub
{"amount":1}

S.E goal counter subs = 9

I just can't work out if I am missing something, or this is just a side effect of the emulator...
I would expect after an emulated sub the amount = 10

[opaque wasp]

This days I'm thinking about a new widget, as of now I'm looking for sources and references for the following features:

1. a goal bar that working with reedemed channel points
2. a section that display in rotation the avaible channel rewards (the ones reedemable with channel points)

I didn't find anything about these on Streamelements docs nor googling. Is this something doable without directly using Twitch APIs tokens?

The only reference I've found is github.com/Kruiser8/Kruiz-Control, it seems to use something I could use to develope the features above while working on Channel Points. Did someone already dig into that project and found something usefull? Or can someone help me searching in there? I've try reading through the source code but I wasn't able to acknowledge a thing.
Cheers