Does the alert box escape any quotes or similar in the {{message}} variable? I'm concerned that if I do const message = "{{message}}"; a person's message might include a ", ' or ` character, in which case no matter how I try to capture the variable their message could break out of the string bounds, and, worst case, inject whatever content they want into my overlay
#dev-chat
1 messages Β· Page 63 of 1
... I just realised this is a dumb question because I can test it, brb
okay it looks like capturing the message in a ' or " string is safe, but capturing it in backticks (string templates) is unsafe
cool
from @terse crest: "Like that? https://cssgradient.io/blog/css-gradient-text/"
hahah; i was thinking you were hacked for a second; then saw the message the bot got ya for π€£ ; requested that be whitelisted
I'll dm you another sus link, that can be helpful
that looks amazing
The hype bar / hypeboss bar color can't be changed inside of the SE editor ..... but lx shared with me a trick a while back . +@severe shell . It can be overridden in OBS when you import the source; OBS Custom CSS; add: ```css
.bit-boss-wrapper[data-status=healthy] .health-inner {
background: #ffa500;
}
.bit-boss-wrapper[data-status=medium] .health-inner {
background: #ff7034;
}
.bit-boss-wrapper[data-status=weak] .health-inner {
background: #8b0000;
}
adjust background colors as you need.
Hello. I work for streamers who order overlays from me. I wanted to know if there is a way to export an overlay from my own SE account for them to import to theirs. This would be much more convenient than asking them for their code, etc.
@quiet kindle as of right now there's 2 options though only 1 immediately
Follow these steps to grant managers/moderators access to your dashboard:
- Click on your channel name at the top of the dashboard
- Create a new invite at one of three access levels (Bot Supervisor, Editor, Full Control)
- 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
One-Click Overlay Sharing Application
Use this link to submit an application: https://strms.net/shareoverlay_request
Thanks a lot !
I'm getting an error when I'm trying to replay a gifted sub (of 5) in dashboard/activity
seems to be a auth error.
Thanks pjonp! Nice "hack" π
Where it says G2Esports, you should put the account ID. Go to the same place you get your JWT and copy the Account ID
you can find alot of that stuff in the inspector
Hmm, that's true... Last time I looked at the widgets on the inspector I was learning HTML, CSS and JS, months ago... Forgot completely that would be possible! Thank you! π π π
Hi there! Someone gifted 50 subs in my stream today, however the creditroll only shows 25. How can I fix this?
Streamelements recent sub activities register only the last 25 ones, that's why the credit roll will take only the last 25 subs, you can see them here
https://streamelements.com/dashboard/session
You would need a custom widget that would be able to save the subs somewhere else for that.
Ah okay, is there any other way to change that?
so I tired that linear wave @terse crest in css editor, it doesn't pop up a transparent name, just a big gray box with the linear wave name.
I guess you did something wrong
I just copy and pasted
You supposed to adapt it for your needs, not just Ctrl-c Ctrl-v it
well yea.. obviously. I did the color frame portion, and keyframed it, but I can't figure out how to remove the background
Why would that be, when other events work fine
Hard to say without the code

I just imported my alerts over from Streamlabs with their custom CSS, but none of the images/webm videos display and the text just shows at the top of the screen. Are there standard adjustments that need to be made to the Streamlabs imported code to get it to talk to Streamelements assets?
This is what things are looking like straight from the Streamlabs side
bless
I am unable to view the tipping page, the image is what occurs, same goes for when i open up the actually tipping page
if anyone can help, it'd be appreciated
I filled out the form to get the overlay share ability last week, any idea how long it takes to hear back?
Try to logout and login again:
https://streamelements.com/logout
Yes. make a new alert box and turn on the custom css and look at what the formatting of it is and adjust your custom stuff to fit
or alternatively, what i did when i imported my alerts over, is i just turned off the custom css and made adjustments to my alertbox with the streamelements UI until it looked the way i wanted it. your css looks standard where you can easily do that
window.addEventListener('onWidgetLoad', async function (obj) { let data= obj["detail"]["session"]["data"]; lfollow = data["follower-latest"]["name"]; });
is returning the following error
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name')
But I'm 100% sure this was working yesterday. What's going on?
According to the documentation it should be working too.
This code is correct. Check your session data; is there a latest follower listed?
Yeah I can see them via Data visualization settings and also via console.log(obj["detail"]["session"]["data"]);
i dropped it in a widget real quick and your code works. are you using the overlay editor? only thing i notice is a missing declaration for lfollow (let) but that shouldn't cause any issue; are you using a Twitch account and in the Overlay editor?
is there a full console.log(obj["detail"]["session"]["data"]["follower-latest"]) Object for you?
I'm using the overlay editor yes.
The declaration is before the event handler.
I tried with my Twitch account and with an account of a person whom I'm an editor of.
Yeah, console.log(obj["detail"]["session"]["data"]["follower-latest"]) is displayed correctly.
π€ ... this is odd. maybe try to log out and log back in?
Please logout of StreamElements at https://streamelements.com/logout and then login again to your account (Twitch/YouTube/Facebook).
The funny part is that I already did it using a link above in the chat, let me try again.
Still not working.
i'm confused; is that all of you code? are you sure that is the line causing the error? your code copy-pasta'd
as expected. no errors; shows last follower from session data
Imma do a check, another time
After another logout-login it got back working
Idk want went on, thanks tho
no problem. really weird. thanks for the heads up if stuff starts erroring out randomly for people. π€£
@elfin arch Hello, thanks for your help. Turns out I can't 'post a link' because its one of those things where you go through the site & the URL doesn't change with it. To recreate how to get there please follow the URL & see the screenshot above π https://streamelements.com/dashboard/themes
oh. haha. thanks. i didn't realize that was one of the ones in the gallery
haha its cool πππ
hahah. it's #2 on the new list; i should have checked. i'll give a look and see if i can find it.
Keep in mind I would have changed the default style too, so if you think 'that's not it'.....it's probably it LOL
ahh ya. yours does look cooler. i'll see if it can be added. you want it always 4 places?
My choice at any time would be great but 4 is a good starting point
alright @pulsar willow ... so this uses an external package "odometer"
uh huh? lol
make a copy/duplicate for the one that you have now.... just in case I mess it all up π€£
basically; going to change a bunch of the code in it
Really? Are you one of the devs?
Nope; but there is some newer code and you'll have to remove a lot of the existing. so it might break or it might work
LETS GO πͺ
go here and copy all of this: https://raw.githubusercontent.com/HubSpot/odometer/b589e93ee8470417213706569ed472144d121f82/odometer.js
Done
in the custom widget JS tab; delete everything after line 27:
and replace with that code.
Where is the JS tab?
click on the widget; then Open Editor
ya. click on the custom widget on the left; then it should say open editor (again on the left)
No there
Settings
ok, got it, swapping the code now
then change DIGIT_FORMAT to just 'd' and set your MIN_INTERGER_LENGTH.... and π€
Thats my line 45
find the diget format and min_int_length
ok, found it
should be right in there somewhere
yup yup. '(,ddd)' will do commas, like 1,394 and just 'd' will do just numbers, 1394
I have this now but not change in OBS. Should I re-add the URL?
ya. because we made a new one (just in case it breaks) so new overlay link
wait
I didn't save in the edtor
OK, now I have this, how can I get rid off the commas?
disregard last message; you edited original.
check what you set for the DIGIT_FORMAT again
you either want '(,ddd)' for 1,000 or 'd' for 1000
niiice! thank the gitHub guy he did all the updates, i just had to find it π€£
Well this is really good, I code in a much different language so tinkering with is was ok just as long as you told me what to do haha
haha. ya. this one was easy; just a bunch of copy and paste, luckily
Yeah, well now I can see 4 digits for the 3 viewers I'm likely to get πππ Thanks again!
no problem! π€ you roll over into the 100's
hahah lets hope πππ
i am having a problem with streamelements...someone help please
@lunar drift please post in one of the helpdesks if it is a platform specific question.
If you would like help from the StreamElements support volunteers/staff, please post your question in one of the helpdesk channels and someone will assist you as soon as they are available #helpdesk-twitch | #helpdesk-youtube | #helpdesk-facebook | #helpdesk-mobile | #helpdesk-selive | #helpdesk-merch
Helpdesk channels are only for requesting support! Thank you for being patient.
@floral sandal; i see you have an API for Trovo viewers, see up some, wondering if I can use yours for Trovo support.
What do you mean?
the viewerCount widget on SE, it works for Twitch but I need an open API to get it for Trovo
can i use yours π
Oh, yeah, I have it public and all. I haven't coded them to have an option to only return the number though, so not sure what you intend on doing, but it's available.
π just wanted to check. i can regrex it down to just the numbers. thanks!
this bug is still there. "I'm getting an error when I'm trying to replay a gifted sub (of 5) in dashboard/activity"
haha; at least that was the goal @floral sandal ... i'm CORS blocked.
have you tried logging out and back in?
yes
Yes. It's other streamer's event
are you using Edge as a browser by chance?
no chrome
I can try using incognito
maybe some extension is blocking it or something
yeah no, still same thing
I was checking that in the first place, because when I was monitoring live. When sub gift was gifted, children of the event didn't have bulkGifted key in them. So they were gifted: true, but didn't have bulkGifted
but now when I can't even replay runned gifted subs, I feel like something else is broken
I can try different browser and even different pc, but i doubt it will help
"bulkGifted" is the event from the Gifter
sorry *isCommunityGift
So let's say i gift 10 subs to you; you will get 11 events .... first event is "PJONP bulkGifted = true .... then yup, 10 events of isCommunityGift
ok I was wrong. I wasn't using isCommunityGift, form what I can tell
But it's still weird that I can't replay gifted sub events
you mentioned it was on a streamer's account, is that not one of your own accounts.
ahhh. haha; ya so you logging in and out doesn't help much. they would need to try and relog
well; maybe...
i guess; first question does it work if the streamer hits the replay button?
... trying to narrow down the issue here; do the replay alerts not work for streamer? is only the gift sub one not working? ... or are the replays not working for managers/editors
from what I've tested only gifted subs aka bulkGifted don't work in managers/editors mode
do you know if they work from the streamer account?
Also is it normal that when I replay bulkGifted children events, they don't have "isCommunityGift" key
I'll ask them to do that
i'm not sure; I would assume that isCommunityGift = true
they get same error, even when they logged out and logged in
can you get them to grab their accountId; gonna request a staff to look into it.
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.
and then; i think final question; is it just the "GIFTER" event that is broken? do the children subs work?
Yes. But I think they run as non "isCommunityGift"
so they are just gifted
yup yup; i'm adding that for sure; cause it should have that.
can you check if the replay event has a name and sender in the event from the feed
the children of the bulkedGift?
yes they do have name and sender
does the sender match the person that sent the gift?
yes
Thanks for the info; passing on for staff to look into.
Hey @wheat jackal,
Could you please confirm with the streamer if this error appears only when replaying the alerts? Are the alerts showing properly when live?
can anyone help, i am looking to create a scroll bar at the bottom of my screen that includes (and updates) latest follower, Sub, etc. all in one bar not separate, can this be created within S.E or is it an external Browser source/widget
yes, only when replaying alerts
I'm aware that this isn't the right place but I need to figure out if this is a Linux issue, and figured some of you are Linux users. After converting these clips to VP9 and uploading them to StreamElements to use them for my alerts, I can't get the SOUND to work in OBS. The file itself and the video within the web editor, the sound and video work perfectly. The problem occurs between StreamElements and OBS but I cannot figure it out. And yes, I have tried using the Control Audio via OBS option, it doesn't change anything
could someone please help me with the 404 leaderboard problem?
Hi.
I was tinkering with a couple of custom widgets and wanted to make a master-widget to set and comunicate some shared settings across all the slave-widgets.
I used SE_API.store.set('key', 'val'); to set the value from the master and then listen for a kvstore:update in the slave widgets. And this worked just fine.
However, I then wanted to update a field in the master-widget with SE_API.setField('key', 'value'); together with a button press and realized that this actually updated all the slaves since the field names are the same for all of them.
This made everything much easier. Now I don't need to add extra handlers in the slaves.
But this seems "dangerous" to me and it was very unexpected. I thought SE_API.setField('key', 'value'); only updated the field for the widget running the code.
The documentation (https://github.com/StreamElements/widgets/blob/master/CustomCode.md#se-api) doesn't seem to mention this feature, hence my surprise.
TLDR: Is SE_API.setField('key', 'value'); supposed to set the fields of every widget in an overlay with a matching key?
The data object in api store is one for all widgets
Does anyone know a better way to dynamically add an outlining to an img than the following? (The image has alpha.)
CSS:
drop-shadow(5px -5px 0px black)
drop-shadow(-5px -5px 0px black)
drop-shadow(-5px 5px 0px black);```
It's the accepted answer to a corresponding stackoverflow question, but I'm not the biggest fan of the results.
don't think there's better one
Hello all, does anyone here have this issue of where having different variations of a follower alert sometimes cuts out the rest of the alert text?
Here is a video of what I mean
I think it may have to do with the CSS/HTML of my Smash Bros alerts. The other ones work just fine
that didnt work for me unfortunately
does anyone have a fix for this widget, it stops working as soon as anyone types anything in chat..??
my chrome isnt allowing me to view the tipping settings or the actual tip page, it works on other browsers but not this one for some reason? any ideas on why ?
you can set this to NO, it wont stop on a new message
or you can leave it on YES and add
if (obj.detail.listener === "message") return;
to line 155 in JS
dont know if this is the place, but is the price for earnings on a stream being weird for the emails? as mine dont add up is says 4* 5$ subs but says it equals 24.92 should i be concerned? or just kind of a weird thing
Could anyone help me with some basic CSS/JS?
I am using
https://github.com/StreamElements/widgets/blob/master/TopEventsRotator/
And I've made a bunch of changes to make it visually suit. However the last change I want to do is make it scroll like a marquee rather than fade in and out
@pulsar willow Due to the regional and affiliate/partner differences it's sent based on the previous breakdown and USD amounts.
thanks for the answer π
Turns out my default variant was also playing, and that one had the broken code. It works for now
My question is then why would the default follower notification play even though there are variants of it?
Hi. I am trying to join my dashboard but everytime I click on Go to dashboard the page reloads and nothing happens.
It is same with profile and other..
Okey I solved it I guess. It isnt still working on Chrome but it works on Microsoft Edge
Oh that makes a lot of sense. Thank you!
try this https://stackoverflow.com/a/69196391, yes it requires javascript but it'll be the smoothest outline (with multiple widths) you can do outside of maybe using svg
default counts as a variant
actually Pog
I'm not sure where else to ask; I set up SE Pay, but every time I try to go "Tipping Settings" I get a brief flash of something before the screen just goes empty?
I've tried refreshing, reopening the tab, etc. but it always just flashes before going blank
( @ me if you have/know anyway to fix this please π )
Tried to log out and in again?
actually I haven't tried that but I probably should have, thanks haha
Aw, it didn't fix :/
my question is why does it say otherwise here
im confused
oh didn't know that follower alerts had that
then yea idk that's weird
thank you π
I modified it to:
const r = 4; /* width of outline in pixels */
const n = Math.ceil(2*Math.PI*r); /* number of shadows */
const color = "black";
var str = '';
/* append shadows in n evenly distributed directions */
for(var i = 0;i<n;i++) {
const theta = 2*Math.PI*i/n;
str += ` drop-shadow(${ r*Math.cos(theta) }px ${ r*Math.sin(theta) }px 0px ${ color }) `;
}
document.getElementById("test-id").style.filter = str;
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
does anyone know if the tip or other donation messages are read out by a TTS voice and if they are can it be configured?
I filled out the form to get the One-click overlay share link ability about 2 weeks ago and have not heard back.
Any idea how long it takes to hear back? every time i ask in here i get no response
[HELP] Since I set my country to Canada from anonymous I've begun to experience a "could not add song: internal server error" in response when requesting songs even made by my brother on youtube music
Can someone point me to the documentation for the overlays api? Just trying to learn how to call a custom field
Thank you!!!
its in the channel topic btw
I had the feeling. Still kinda new to discord haha
PizzaMark β Today at 5:34 PM
I filled out the form to get the One-click overlay share link ability about 2 weeks ago and have not heard back.
PizzaMark β Today at 6:16 PM
Any idea how long it takes to hear back? every time i ask in here i get no response****
Not sure what you submitted. But you need to submit a widget @inner lagoon
this was given to me by @hardy walrus https://form.asana.com/?k=R1cL_2hpCK74zXViBD2Hug&d=224349692947415
ah. news to me. didnt know that existed
Hi All, can someone direct me to the list of environment variables that I can use inside of the widget called "Awesome Shoutout"?
you can find everything you are looking for in the JS tab
Thank you
Did you mean the google forms .. form? If so, how long does it generally take? Is there a huge backlog?
Hello! Iβm trying to make some timers that show who the top gifter and top cheers in chat, but I donβt know what variables to use.
Hello guys, I'm looking into making a commandA to call out commandB, do you know if that's possible?
Example:
!hit - user has been hit ${count} times
!block - user has blocked the hit - and this command to call out a command which does -1 from the "!hit" command
It is a bit complex, I've look in a few docs, but so far can't find a way to call out another command
I can't really think of an simpler way to explain it
Hello, I'm trying to add a custome alert and it doesn't show. I changed the resolution from the 4 opinion and nothing. I tried custom on 1920 Γ 1080 nothing. Your help will mean a lot!
hey team! I'm trying to make an animated overlay but when I try to add a video, it doesn't allow me to add .mp4 or .webm files. any assistance would be super helpful
@snow birch browser or obs.live?
You can set the same variable name for both commands, but the !block would subtract one, for example:
!cmd add hit user has been hit ${count "${user.name}_hit"} times
!cmd add block user has blocked the hit and the new hit counter is ${counter "${user.name}_hit" -1}
${user.name}_hit will create a variable called c4ldas_hit, dim4oU_hit, depending on who ran or was marked for the comamnd... You can work around that to meet your needs. You can also test with ${touser}_hit, I don't know exactly how you want the command, but you have options
Is the video bigger than 30MB? This is the most common issue. Other than that, does it appear any error message?
Thank you for the detailed explanation. Iβm wondering is there any doc I can check as reference for something similar?
You can use the command variables:
https://streamelements.com/dashboard/bot/command-variables
browser
yeah :/ it is
Help?
Hello, so I just streamed and got a sub but for some reason it didnt get recorded in the stream activity part?
From the preview window, the image does not appear, it is just an empty field. Can you send the image to check?
Send the image on discord?
Which platform are you talking about? I recommend checking on #helpdesk-twitch, #helpdesk-facebook,#helpdesk-youtube or #beta_trovo channels
Yeah, so I can try to replicate the issue on my side to check
Oh, ok, it is a gif, right, just a min
yes, also i cant even edit the text font
@ionic hearth Gif images have a strange behaviour on alerts, so I would recommend that you convert to .webm format, which is a video and also support transparency. I did the job for you, but you can use the https://ezgif.com/gif-to-webm to convert when you want
Also, for the image, I suggest that you use the first layout option
Alright that makes sense. So convert my image and change the text layout once I do. Thank you
One more thing, play with this setting in case the follower name does not appear:
Sweet, cheers! 
Ah right thank you, sorry I wasnt sure
I have a question with a follower animation. I want to add a gif at the same time as an audio track, I've tried everything, but I can only use the gif with the regular follow sound or the video without the gif. Is there a way to play the gif and video in the background without it being seen?
Well, there is an option to add a sound right below the Image/video option. You can click on "UPLOAD SOUND" and choose your audio file.
If you are using a video with audio, you can even adjust the volume for each of them
I have tried that and the only option I see is "delete" I don't see "submit" like I do with other things
If you see "delete" it is because you are not adding an audio, probably you are on the wrong tab.
This is what I see
Are you trying to add a video or audio file? Because if you click on UPLOAD SOUND, it will only give you the option to add audio files
That's exactly what I want to do. I want to add that audio file to the gif I have at the top left, but can't seem to find a way how.
The screenshot you sent only contains video files, not audio files, you are on VIDEOS tab. If you want to only get the audio from the video, you will need to extract the audio first. You can use https://mp3cut.net/, upload your video file and it will give the option to save only the audio part.
In case you already have an audio file, you just need to click on Upload (top right of your screenshot) and upload the audio file. Then you will be able to choose it from the "SOUNDS" tab
That worked! Thank you so much!!
PizzaMark β Yesterday at 5:34 PM
I filled out the form to get the One-click overlay share link ability about 2 weeks ago and have not heard back.
PizzaMark β Yesterday at 6:16 PM
Any idea how long it takes to hear back? every time i ask in here i get no response
what are the payments options for SE.pay?
i can assure you that asking over and over isnt going to speed things up. be patient
Idk man, you weren't even aware of the form so how can I be sure that they're actually looking at it?
Is there a way I can make lines in the chat box descend? Lines of text entries from viewers going down instead of up?
not without coding a custom one
I figured as much, time to learn coding! π
I can share to you my widget
@pulsar willow, posting suspicious links will result in not being able to post again.
I would love that π
Hello again, I have some trouble with the Step Goal Widget by @simple wraith I lov ethe idea but if I set my goals I won't see anything. The Goal will only appear if they are reached. f.e. i put my Donation Goal to 0 --> Nothing appears. I Put it on 150β¬, the goal for 100β¬ appears, but I won't see the nex goal 250β¬. How can I fix this?
this depends on the step-multiplier.
if you decrease the "steps", i.e, you do 100, 125, 150, etc. Do you see them?
Sometimes the "steps" or gaps from goal 1 to 2, 3, etc. are too big, i.e: 100, 500, 1000. There's an aditional field "multiplier" that's used to dirty-math-multiply the fading option to "tease" the next goals and get them to show, if that's the case.
okay if I decrease the Steps from the goals, i see it
I'm not sure if I understand this step. Can I fix this via the Editor? Because we need much biger Steps
Okay, nevermind - got it^^ Opacity multiplier
Thank you for your help and for this awesome widget!
That's it!
It's been a while since i've fiddled/updated it, so i've been doing it from the top of my head. Glad to hear this solves it π
First link in channel topic.
holy f
sorry and ty
if discord would introduce channel popouts on first enter it would be cool
If you're on desktop you can easily see it regardless of window size. Mobile on the otherhand is a bit special due to sizing "issues".
Any recommendation to stretch letters height in overlay editor through CSS ? Maybe font recommendations ?
you can use transform: scaleY() in css
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scaleY()
Thank you! I will try it out ... Even thought I'm not the best at coding lol
Is there a way to get rid of the '8 ball says' in the 8ball command/module... (not sure if im asking in the right place)
hii when i do a recording on OBS live, I dont know where the recording saves on my Imac...is there a typical place it should save too?
Quick question - I changed my name on twitch and had to relog into all of my accounts. BetterTTV is no longer showing up in my stream elements chat overlays? Was curious if anyone else has experienced this problem and could help. BTTV IS working and all of my accounts HAVE been resigned into. Chat can see the emotes on Twitch itself, its just not showing on SE
Hi, I wanted to switch to Stream Elements but I have my old donation integration tied to SL API (custom website written in PHP), and after I look into Stream Elements API Docs I realized that I would need an actual app to be able to apply for an API key (company name, logo, redirect URL which I don't have because the app is not public I don't allow users to sign in and use the app as their donation portal if they want it they will have to host it themselves the source is public on github), will Stream Elements ever allow users to create their own API key? and use with their custom donation portal?
it should be there in the settings, if you use the OBS studio program the path is in OBS Settings > Output > Recording Path, it should says where the file is saved you can also change it if you want
Then probably better go to fonts.google.com and find a font here :)
What functions does your API perform? You may not need a key if there's something simple as alerts etc
I just need to send tips alert to SE, the API does require authorization to do that
and I need to get the API key which I need a Oauth2 credentials to be able to get that API key
I filled out this form given to me by @hardy walrus for the one-click overlay sharing ability about 3 weeks ago and havent heard back. How can i confirm that this is being looked at by someone? https://form.asana.com/?k=R1cL_2hpCK74zXViBD2Hug&d=224349692947415
ah. back again i see
Yes I will keep asking until someone confirms that this form is actually still being used and someone is going through the applications. I have a twitch partner thats been waiting on this share link to share it with the masses
soooo.. your not needing the link. they do?
i need the link to share with them so they can distribute it
do they have a share link access?
and i work a fiverr gig making widgets for people and without the one-click sharing ability my only option is to apply for each individual widget or have them manually paste the code in\
thats what the application is for so i can make a link for them
so. the application is for their info, not yours?
so they are just going to share your link
yes
why didnt you just submit it to #widget-share ? you'd get it posted on their, get the code guru role, and get share link access
also get a sweet hoodie
I middle of Stream and had stop but Raid Shadow of legends sponsored link not working for plarium.com l have or there website
@viral patrol thank you for the only working way I've found to have patreon alerts on stream. I'm looking at the JS and Data for the widget, but unable to see where I can make the alert last longer.
So im using the API with just the JWT Token and have most of what i need working. (Node app running the code and sending it to nodered via socket.io) but i cant seem to get info on "Sound Effects" redemptions but i can for normal "Stream perks" redemptions.
Everything is passing through the event variable
console.log(data);
serverio.emit('event', { data });
});```
Is there a different variable needed to see Sound effect redemption data?
because it's was a paid widget by my client and he gets to distribute it since he paid for it, not to be posted for everyone in here
and like i said, because i do more custom widgets for people and will need the ability to quickly make a link
and some widgets are private
When is the merch section getting new merchandise in?
I do custom widgets too, and my way is to let steamer invite me as an editor to their account. So I can easily install, tune and debug everything. No links, no headache.
The alert duration is not dynamic there, the only way to adjust that is to work with timing of GSAP events I think.
Can someone help me with how to import a widget that i built using html/css to streamelements?
sure. what kind of widget
I have a HTML/CSS/JS code of a donation goal. And i would like to import it to streamelements
you can dm me the code you have and i can throw it together
This may be a simple question, but does anyone know how to change settings so that the "Memo" field in Paypal can be modified when someone tips? Having an issue where multiple streamers use StreamElements, but harder to determine who the tips are for
Hi, I don't know if that is the right channel or if anybody can even help me
but I wanted to use the Cod Tracker Command for Warzone (which successfully works with nightbot) with StreamElements. Is there a way to transfer/rework the command?
Hello, I'm just wondering why my top tippers list is not updated, also doesn't reflect to my tip goal widget in my overlay. I've tried to reset the session data, but it still didn't update. But it got recorded on my tip list. Anyone knows why? See pictures below:
Like some other posts here - not sure if this is the right channel but -- is there any way I can use a chat command control the contents of a text source? (I'm using vanilla OBS but will possibly switch to OBS.Live).
I want to allow a mod to update a scrolling text during the stream.
so i just switched to streamelements from streamlabs. i've been having an issue where streamelements isn't tracking new follows. Not only are the stats and analytics not showing new follows, the alerts are not being triggered for new follows. all other alerts work except that one
Hello, I have made the move from streamlabs over to stream elements recently. I am asking for some help. I am trying to, but unsuccessfully trying to add new quotes in my stream. the quotes I had in slobs I was able to import in but, now when trying to add all that happens is that an old quote populates instead. I have looked in the dashboard and there is no commands listed to be able to add in chat by myself or my mods? also is there a way to make a scrolling thank you list credits to be used for end of stream?
Hello, i have little problem with partner program... Can you help me ?
i deleted any special characters from
description about me and there is still a mistake somewhere
@here why does streamelements version of obs connect to so many random ips?
Trick question. There is no streamelements verison of obs
Hey All, Is there a feature request form for things like chat bot functionality?
@steel quartz ‡οΈ
Check out the StreamElements ideas board: https://strms.net/ideas. You'll be able to add ideas, upvote ideas you agree with and track their progress with email notifications. Adding and upvoting ideas also helps the staff know which ideas should be prioritized so please take some time to upvote.
When I try to use my stream activity into OBS the only option that i have to login is twitch, trovo is not available.
@stable solar ‡οΈ
StreamElements menu, on top of OBS > Logout > Login
Anyone???
hi are there any integrations with the charity platform just giving.com ?
When making API PUT requests to /contests/{channel}/{contestId}/winner, what needs to go in the request body to say which option won?
Never mind, I scrolled up: #dev-chat message
quick question, is taking the code for another widget, adding some features on top of it, and submitting it allowed? or can it only be for personal use at that point?
to be more specific, it's the stream marathon timer by LX that i'm editing. i'm just trying to add some extra features and quality of life improvements after seeing a streamer struggle with it a bit and if it works out good i wanna share it with the community.
@viral patrol For your consideration
i wasn't completely sure if that was his discord tag or not but guess i do now lol
Does anyone have a method for getting the length of the audio played in an alertbox widget in js?
Hey guys! I'm trying to set up a rotator widget, however i'm currently stuck trying to get it to show the top 3 gifters, cheerers, and tippers of the month (similar to the leaderboard on top of twitch chat). is that doable?
Can you access SE_API from an alertbox in any way?
no
only from custom widgets
doable ofc, you need to track all your events, save them into lists and show in your widget
Managed to work around it by reversing the logic. Would be nice to have some version of the variation ui for custom widgets
You can achieve almost anything using custom widgets, variations are not the hardest thing
Sure. You can grab any widget from the past and make it better. There are multiple chat, goal, marathon widgets that share code and have different designs, but of course we select those that are going to be published, so minor changes may not be enough to become a widget for widget-share channel
Hello, I need some assistance changing my banking info for S.E.Pay.
Hi quick question how do i share an overlay? I just finnished one and i want to give it to a friend so they can use it but i find no way to share it
Afaik your friend could add you as an Editor, then you should be able to copy the overlay to your friend's account.
Okay cool thank you ^^
i'll paste it here as well as im not sure which it belongs to
hello! i'm helping a friend with converting a custom widget meant for streamlabs to a streamelements widget in overlays
we're not running into any issues in regards to visuals but the data isnt updating
i assume this is because the variables differ between the two services but i'm not well-versed enough in JS to tell where
would anyone be willing to assist?
Thanks in advance!
sorry for the repost!
Well, you can find the SE variables here (also on this channel description): https://github.com/StreamElements/widgets/blob/master/CustomCode.md
The link will give you a lot of information related to the custom widgets and responses from each event.
And yes, this is the channel you will find help. π
Check if you find what you want on the link, otherwise you can share some pieces of you code and the good devs maybe can give you a hand.
If you put your code between triple back quotes ( ` ) will be easier to read.
Thank you!
Let me share some of the code
$('#title').html(obj.detail.titel);
$('#goal-total').text(obj.detail.amount.target);
$('#goal-end-date').text(obj.detail.to_go.ends_at);
$('#goal-current').text(obj.detail.amount.current);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(obj.detail.amount.target + '');
$('#goal-current').text('' + obj.detail.amount.current);
});
document.addEventListener('goalEvent', function(obj) {
$('#goal-total').text(obj.detail.amount.target);
$('#goal-current').text(obj.detail.amount.current);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(obj.detail.amount.target + '');
$('#goal-current').text('' + obj.detail.amount.current);
});```
this is the version from the streamlabs widget
it doesn't seem to update for the SE widget
Put three back quotes before your code and three back quotes at the end. It will be way easier to read.
oo ty
i just put 1

this is what i have tried to no success
$('#title').html(obj.detail.titel);
$('#goal-end-date').text(obj.detail.to_go.ends_at);
$('#goal-total').text(data["tip-goal"]["amount"]);
$('#goal-current').text(data["tip-session"]["amount"]);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(data["tip-goal"]["amount" + '');
$('#goal-current').text('' + data["tip-month"]["amount"]);
});
window.addEventListener('onEventReceived', function (obj) {
$('#goal-total').text(data["tip-goal"]["amount"]);
$('#goal-current').text(data["tip-session"]["amount"]);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(data["tip-goal"]["amount" + '');
$('#goal-current').text('' + data["tip-month"]["amount"]);
});```
window.addEventListener('onWidgetLoad', function (obj) {
$('#title').html(obj.detail.titel);
$('#goal-end-date').text(obj.detail.to_go.ends_at);
$('#goal-total').text(data["tip-goal"]["amount"]);
$('#goal-current').text(data["tip-session"]["amount"]);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(data["tip-goal"]["amount" + '');
$('#goal-current').text('' + data["tip-month"]["amount"]);
});
window.addEventListener('onEventReceived', function (obj) {
$('#goal-total').text(data["tip-goal"]["amount"]);
$('#goal-current').text(data["tip-session"]["amount"]);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(data["tip-goal"]["amount" + '');
$('#goal-current').text('' + data["tip-month"]["amount"]);
});
I assume this originally came from code pin. I say this because they spelled "title" wrong lol. And I converted what I believe to be this widget already
I would also suggest that the first thing you do is add a console.log(obj) below window.addEventListener etc etc etc so you can see possible values on console provided by onWidgetLoad and onEventReceived.
Based on that, you can check the values you want. But you will also have them here:
onWidgetLoad: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-widget-load
onEventReceived (this will always depend on the type of event, if it is a tip, you can emulate a tip event on SE overlay editor): https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event
hey sorry to bother you again but I still can't seem to get it to work even after editing the text with the documentation!
console.log(obj)
let data=obj["detail"]["session"]["data"];
let recents=obj["detail"]["recents"];
let currency=obj["detail"]["currency"];
let channelName=obj["detail"]["channel"]["username"];
let apiToken=obj["detail"]["channel"]["apiToken"];
let fieldData=obj["detail"]["fieldData"];
$('#title').html(obj.detail.titel);
$('#goal-total').text(data["tip-goal"]["amount"]);
$('#goal-end-date').text(obj.detail.to_go.ends_at);
$('#goal-current').text(data["tip-session"]["amount"]);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(data["tip-goal"]["amount"] + '');
$('#goal-current').text('' + data["tip-session"]["amount"]);
});
document.addEventListener('onEventReceived', function(obj) {
console.log(obj)
$('#goal-total').text(obj.detail.event.amount);
$('#goal-current').text(obj.detail.event.amount);
var total = $('#goal-total').html(),
current = $('#goal-current').html();
$('#total-bar').css('width', current / total * 100 + '%');
$('#goal-total').text(obj.detail.event.amount + '');
$('#goal-current').text('' + obj.detail.event.amount);
});```
this is what i edited, please let me know if there's something wrong
Send me the original working SL widget and I'll convert it @unreal matrix
Thank you!
so im confused, if i set my bot timers to 10 for everyone of them, will they all go off at the same time? not sure how to properly set their intervals without spamming chat
Is there a way to update my internal SE nickname? I mean it appears right everywhere except for when people add me as an editor they see my old name
Hey, it seems you have a bug in your home-page.
the avatar is not displayed ( nothing is displayed )
Usually, logging off and logging on again works. I had a colleague who had this as well, and after he logout and login from SE website, it got showing his current username
No, they won't. It will give an small interval between each message. But if you want, you can just set different times, add one minute or two of difference between each one
Didn't work for me, and on chatbot moderator's page it's showing old username too
Is it possible to create a widget that shows current pool/prediction stats within Streamelement?
In attach there is a widget I've found on an italian stream.
Oh thank you! Iβll try that!
Can anyone help with a js switch script for alertbox?
Is there a way to set up an image or gif that changes when you receive donations/followers/supporters? (Or likes and shares if on FB Gaming)
how do I change this response? I can't find it anywhere. I want it to say !enter instead of !ticket 1
Unfortunately not possible.
oh nooo 
Of course it is possible, but it requires access to the twitch account and working directly with the twitch api
Can you do TTS from a custom widget?
var msg = new SpeechSynthesisUtterance();
msg.text = "Hello World";
window.speechSynthesis.speak(msg);
Ah so using the browser/os inbuilt
this does not work in OBS
https://streamelements.com/dashboard/overlays/share/604fb7c2a2a8a41c9b4cb472
You can steal from this. its a widget i made that will announce when a new chatter sends a message
ty β€οΈ
Hey I just bought a elgato game capture HD I have set it up with the software and set it up on obs but obs is capturing the full e lgarto software only thing I could think of is to crop the window but it's not letting me is they any way of only capturing the game screen on obs
Due to old version?
Doesn't work on current obs
You would have to keep chrome open in order for it to work
I mean chrome version
@broken coyote Next OBS is getting bump to 95 so maybe 
I'd ball out some 3.1
Works fine in the editor. But it won't work in OBS. If you wanna see how I do it. You can check out that share link I posted
Hahahahahaha I thought you were talking about windows 95

Hey! I'm still having an issue with this, is there any known bug to this, with a fix?
If it helps, I can apparently look at it on firefox but NOT chrome
WAIT I GOT IT. Heads up, don't have your chrome set to custom zoom. I usually have mine at 80% or 90% but for some reason that specifically BREAKS the Tipping settings page
Hello I am looking for using streamelents bot with python and I want bot to get information from twitch api ... Where should I begin also I want to use data which bot is collecting
Good morning. I am getting a white screen every time I log into Stream Elements and go to the dashboard. I use chrome & even tried Explore. I was able to get on it with my phone & noticed when I clicked on 1 of my merged accounts other than Twitch and Trovo it did the same thing and now it is the same way on mobile as well. On the left is what happened when I click go to dashboard. Can anyone help me fix this issue?
This has been handled.
is "checkbox" a field type, currently Stream Elements is reporting its an invalid type?
Should work fine
Mb check for typos
"showTime": {
"type": "checkbox",
"label": "Show Time"
},
ahhh
that last comma
doesn't like a trailing comma
Yep, pretty strict around here
also is "onEventReceived" the best handler to listening to settings changes?
No, onWidgetLoad
ah the widget is supposed to reload after a settings change?
Yep
okay im noticing slider and text box trigger a reload
but checkbox doesn't
when flipping it on/off
I need to hit Save and the manually reload page
Yeah, I noticed that behavior too
Idk if it's a bug or feature
And so I use dropdowns with yes/no instead 
good idea haha
Hey again. I still haven't heard from anyone regarding GIFBot being approved for the API yet. Is there something else I should be doing?
Lemme see if I can poke someone.
How do you all set up development environments when creating overlays? I'd like to be able to test alignments and animations without having to push all of the parts to streamelements and work in the overlay editor.
For context, I'm building a new set of alerts on a 1920x1080 canvas, but if I line everything up in vscode/chrome, it doesn't line up when I move the code to the streamelements dashboard
Does anyone know the full limitations of the SE_API object for custom JS widgets? Is it just the methods shown in CustomCode.md?
Afaik yes. But what else do you need?
Can you access the chatbot via that object?
No, it's for storing the data from your widget
does that data persist between sessions? or does it get removed?
It works like a database, so it doesn't get removed
Thanks for the info!
THANK YOU, PIN THIS!!!
If you are referring to a widget created by you and want to share it publicly, the best way is following this link:
https://strms.net/codeshare
But if you just want to send the overlay to another person, it is better to ask the person to add you as editor on their Streamelements Dashboard and then you can duplicate your overlay to their channel
I think this can help you: #dev-chat message
I will take a look. Thanks π
Ah hell, it was in the pinned messages. I'm extra dumb. I'll check there first in the future
Hi, so I started participating in the Raid : Shadow Legends sponsorship opportunity and a few of my followers said they downloaded the link, finished the tutorial, reached level 15 and after all this, I still am only at 1 out of 5 warriors. Is there any way I can reach out to someone to let them know about this?
@cold adder ‡οΈ
Please contact us via email for support with your campaign or sponsorship. You can use our contact form here: https://streamelements.com/contact Thank you.

Thanks a bunch!
You're welcome. 
Is there a different way to get OAuth2 credentials? im not making a app for multiple people just myself for more control and to be able to do advance automations on my stream.
I'm the same situation: I need to make some simple API calls but couldn't find a simple way to get auth tokens.
Yeah I have my main stuff working fine with the normal API stuff and have a app running doing more automated stuff. But with the OAuth2 api you can have more control and info. I wish they make a personal app application instead of a full out app for others. It's only for me π
if it's just for you just use the jwt?
That's what I'm using, but there's more you can do with the OAuth2
you should be able to do everything the API has with JWT.
So right now one thing I can't seem to figure out is the Sound effect redemption. They don't show any info of them being used unlike normal redemption. Could you maybe point to somewhere that shows all the options available for JWT? The docs are confusing
I'll take a look; the sound effects should be in with all the other redeems
That's what I thought too, normal redemption show up fine just not the sound ones. I'm listening to "event" and everything shows up there. Just not the sound effects.
Also would you be able to do bot control over the JWT too?
Are you listening to the webhooks for the event?
Yeah
I gotta find my webhook code and fire it up. And also ya; should be able to control bot too.
I'll give you 2 WHOLE cookies is you find this info 
i like cookies @steady cave. I see:
that is for sound with type: effect and a normal redeem:
Hmm might need to change my code a bit then. Maybe event:effect?
i have this for the connections
console.log(data);
serverio.emit('event', { data });
});
socket.on('event:test', (data) => {
console.log(data);
serverio.emit('test', { data });
//Structure as on https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event
});```
I'll do 1 cookie for now then the other when I figure it out π 
looks like it's being sent through socket.on('event:update', (data) => {
Let me give that a try, hopefully this works
cool that worked. What other things can i add instead of :test and :update?
if you think you should be getting something through the websocket (which is not the same as a webhook btw) you can enable debugging in socket.io
and it'll print everything that happens to the console log
looks like :reset too; not sure the differences there: https://dev.streamelements.com/docs/kappa/ZG9jOjYxMzcxNTY-connecting-via-websocket-using-o-auth2 (ignore the oAuth part, should work same with JWT)
from @hot trout : https://socket.io/docs/v3/logging-and-debugging/
ya
lol ill give that a try too. need to learn what those functions can be used for too 
I still think the 'effect' should come through the normal event though ... it is missing some info like cost amount
Does anyone know if itβs possible to take the βLevel Up Widgetβ and make it based of subs instead of donations?
It is
If you want to share your widget publicly, you can do it here and the widget will have a link to share if approved:
https://strms.net/codeshare
But if you only want to have the ability to share the widget, maybe you can follow this link: https://strms.net/shareoverlay_request
Both of them have internal analysis from staff, so it is not something granted.
@severe shell thanks mate. JUst to be sure, how do i share the widget if i do the second application?
when making a custom chat command, how do i add spaces between lines/sections of the command? In the editor it looks how i want it but when testing the commands there are no spaces in between each line of text, it all runs together looking like one big paragraph. is there a fix for this I'm unaware of?
You will probably receive the instruction once and if you are approved for the sharing request.
Yeah i just want to get an idea before i apply so i'm not applying for something i don't need π
I don't know which platform you are referring to, but if it is Twitch, the platform does not allow line breaks on messages, all messages need to be in a single line. What people usually do is adding few symbols (i.e.: ========= ) to simulate the next text to appears on the next line. But this will not work on all devices as they have different chat sizes
thanks for clarifying!
ah I was wondering how that worked
I assume they look to see that there's no malicious or external (other than well known libraries) code being loaded
I noticed places like nerdordie have streamelements "installers" but they seemed to just load a url
I was looking into how to do that myself as copying and pasting code into a web editor is not my idea of a fun time
Hi all! I have MrBoosts goal overlay and I changed the font and the line spacing between the goal and bar is too close and I want to move the bar down a bit.
Hi guys can i speak with the developer/programer?
we streamers have problem with paypla. if people want to donate money they have one option with paypla to paypla. there is no option to donatee money from credit card to paypal. but sometimes they can becouse credit card buton apears. and after one our disapearts.. strange. people areloosing money. becouse some people dont want to create paypal acount. they want donate fast with a credit card to paypal. like streamlabs. i you press donation butoon you have an option paypal to paypal. or credit card to paypal. can developer look at this ? PLEASE β€οΈ
at this moment its working . but sometimes the buton disapears...
im speaking with a lot of streamers in my country they have the same problem.
its gone right now
:))))
That's a paypal URL, I don't think there's anything StreamElements can do to edit/update that.
i fount onther donation alers web site. and look im choosing paypal and then
at the top there is money
226 euros
why then i try to donate from streamelements donate buton with credit card sometimes apears sometims doest. and if im using donationalerts web site. trying to donate pay with credit card buton is. and at the top money shows 226 euros?
this is something bad with url ?
please develepers help us. becouse a lot of my friends dont want to use streamelements. becouse they are losing donetion money. becouse people dont want to create paypal acount .. the want fast donate money from credint card to paypla
this channel is for developers, not "ask the developers"
I'd appreciate some advice. I've built some free streamer tools that integrate with SE via JWT tokens or Jebaited. Now that it's available, I'd like to transition to direct oAuth, but I'm also starting work on v2. Should I submit what I have now? Mostly want to avoid applications closing again before v2 is ready. Of course, v1 could also benefit from it.
Help! I went to edit my overlay to change an alert sound, all was fine, copied the modified alert box to my other scenes, but now suddenly they all load in and then several things jump to the wrong place, like move up half the screen. It's like a fraction of a second after they load.
It's even the gallery overlays that a copied into mine, not just custom ones. It's everything I click on...
why does tts start after the alert box vanishes?
i want it to start when the text shows with the alert box
any ideas as to why the streamdeck kappagen buttons arent working for me?
Do you know if that is something that exists or will need to be contracted for development?
Someone who knows if there is a coinpusher game that can integrate with streamelements to get points when you win coins or anything similar ?
I kinda miss the old channel name... less confusion over what to put here.
Hey, I'm a software engineer by day that's part of a twitch stream and somebody's asked me to write an api that does something with stream elements around the concept of Loyalty points. I'm reading the api docs and considering what direction to go with what language/framework/hosting to use and I'm just wondering how much of this is a solved problem before I go write some stuff. I'm a little unclear on what the concept of loyalty points is as I couldn't find a great explanation in the api docs and from what I can gather I'm essentially going to write some software that does some communicating with StreamElement's api in some sort of way with the https://api.streamelements.com/kappa/v2/loyalty/{channel} endpoint. Any pitfalls I should avoid that you all have learned from. Any gotchas I'm not aware of. Is streamelements' api aware in any way of twich user ids or is it more of an interface for just the channel's twitch instance? I'm missing a lot of information here and running and gunning in my free time so please forgive my overall ignorance. I'm only part of my stream because I'm funny and I happen to code for a living so I got handed this task but I've not ever streamed myself or in all honestly never really used twitch and obviously streamelements.
Languages/platforms: I'm considering python (aiohttp is my jam), ruby on rails (oooh rails 7 and heroku could be fun...). and I guess maybe express.js. The auth example was in GO which I've never dabbled in other than helping a colleague write some unit tests so maybe I could use this as an excuse to learn it.
Can you explain more about what you are trying to create? Are you just trying to create some open REST endpoints for your API or something more complex, like a custom leaderboard? Loyalty points are basically points you can use on SE to redeem items from the streamer's "store"... could be an alert or sound affect, enter raffles, use certain commands, use media request, etc.
Yeah, Iβm trying to figure out what Iβm creating too π₯΄. Iβve gotten a bit more clarity since I posted this earlier and it seems I need to just wire up a way for viewers to spend loyalty points for some custom items in our loyalty store by clicking on a button in an iframe on our channel. Sounds like I need to figure out how and what is already persisted about a viewers loyalty points from the api docs and then fill in any gaps on my end regarding the transaction if it isnβt all handled by the stream elements api already and then Iβll need to have a pubsub or other kind of listener that alerts us that somebody has βdone the thingβ in the chat like in your examples.
Hmm, so is there an existing way of alerting when there's been a purchase made from our store?
<@&364840891023622144> nitro scam link above
From a StreamElements merch store, yes!
From your own separate store, no, but it is possible to interrupt the queue of alerts so that your own merch alert can play.
When you say an iframe on your channel, are you talking about doing a Twitch extension? It sounds like you will want to do a POST call from the UI to your sever/API, that should send the Twitch userID & name; but I believe all of the loyalty is tracked by just username (so name changes on Twitch cause issues). When you get that in your server you would need to get a call to check current points and compare to cost; then do what ever you need and send that info to an overlay(?) if that is the end result
im trying to display a counter that counts 250 per sub, 50 per follow and 1 per bit. adds them all together and displays it was wondering if someone can help me
as an overlay
Hi all... I'm trying to find documentation on an IF/OR type bot variable I thought I saw but can't find now. Something along the lines of if there is a ${1} use that otherwise use something else. Can anyone tell me if I'm dreaming this up? I would love a link to any documentation about bot logic commands not just replaceable variables. Thanks!
Or should I just assume that the best way to add logic is through custom APIs?
probably yes
There is no comparison that can be used on the commands, not possible to do if/else on them, either. The best way would through custom API, as you said.
Maybe there is something for you on #widget-share, check if the one called One bar to rule them all (or something like that) works for you. There are other counters that maybe work the way you want. But you would need to test them.
i fell asleep
Fair.... I guess it's time to dust off those PHP skills I haven't used in ages.
@valid swift is php what people are using for custom APIs?
i'm trying to change the cheer sounds for variations but it keeps playing the standard and the new sound, does anyone know what i'm doing wrong?
Sometimes itβs just a matter of saving the overlay and restarting the cache in OBS. If it is playing twice, it is probably because you have the OBS and the overlay webpage opened.
it's not that it's playing twice it's playing 2 different sounds at the same time and i can't get the other sound to stop playing
Hmm, maybe you have two overlays on your OBS that have cheer alert enabled.
i just tried muting obs and it's still there, it feels really weird too because i can't see any other audio options in the settings
Do you have a video playing with sound and another audio file on the same variation? If so, you can set the volume of each individually. Check if this is the issue.
yes that worked thank you!!
Is it possible to have a command pull from a user's watchtime and convert that into a percentage from 1% to 100% with the goal percentage able to be edited.
100% to be 100 hours.
Example β
!command
StreamElements: HGERBO is at 7% of 100%
I don't know, but it's the server side language I have the most experience in.
@spark lava to the best of my knowledge the only way to do that is to use a custom API which means programming a web service for it that talks to the streamelements api to pull the data
the streamelements bot does not have any way of running code in commands
I use Node JS. I have an repl.it example for a basic, free, API setup. Feel free to fork if you need a starting point + @spark lava https://repl.it/@pjonp/seapitest#index.js
Oh that makes sense... It would be nice to work in js. I will probably fork that. I got what I needed in PHP but I am always looking to expand.
Thanks, I deployed an aiohttp python api to heroku today that I plan on building out for this but Iβm familiar with Node JS as well so I can see how your making Api calls to stream elements and then use python to accomplish the same thing. Should be fun!
Oooh tell me more!
I don't have any SE API calls in there; but there is an example of a Twitch API call to get online stream team members
uh well CF workers let you run javascript code on cloudflare's servers all over the world so you don't have to run them yourself
there are some restrictions mostly to things like CPU time and such esp on the free tier but I've not run into issues with that myself
there's also google cloud functions and amazon lambda that serve a similar purpose
but they're more general-use and a bit slower in general unless your function sees a lot of use
are you doing anything with DB on the backend?
mostly I process json data from somewhere else into a response
Perfect application then...
I have one on google cloud functions that queries a google sheet
that one's in python though
I will look into that as well. Thanks for sharing.
Does anybody know of any example code with api calls to stream elements regarding loyalty?
I got one that pulls the top 3 users, i think, somewhere
Sweet, if you can dig it up thatβd be sweet. Even if itβs a snippet
first one is get points from user name; second is put points to username (+/-); third is bulk and add/removes points to usernames from Array; then get a list of top point users
should get you (hopefully) in the right direction, it's old code I did
these CF Workers seem pretty interesting. and maybe even simpler to setup? doesn't look like it requires an Express server and defining the routes. Thanks!
yeah it does (afaik) require that you have a domain you can dedicate to it though
unless you use the workers.dev domain they give you but that has some downsides wrt caching if you were to want to use that
ooohh
It is definitely worth a look.. and optimized for the kind of data transformation and delivery that bot APIs require.
I once spent like a whole hour trying to figure out why my caching wasn't working and it turned out that the workers.dev subdomain disables it 
it all worked fine with my real domain
it should be alright then for most things... i'm not sure really how to use caching π€£
well it's cloudflare, caching is kinda what they do
the original intent is for workers to mostly sit between your client and an origin server, though there is no requirement for an origin server to be contacted so it's perfectly possible for the worker to generate and serve a response autonomously
in any case I've been a lot happier with it than google cloud functions cause it's a lot faster to start up
only thing I see that might be an issue would be 'secrets' for JWT or Twitch oAuth tokens
your code is never made public so you should be able to put those in without issue
oh they have something for secrets too
is there a way that I can post links without my existence being deleted by the bot
um.... depends on the domain. github and codepen should be whitelisted
it's cloudflare.com
hahah. looks like that might be alright too
Wrangler is the CLI?
yeah
This is really cool... and sort of mindblowing. I have not been keeping up.
Is there any reason SE doesn't store gifted sub information in recents?
I'm not entirely sure where to post this so here goes ....
I'm fairly new here, i am trying to create a custom alert for my stream using the EDITOR for the stream elements overlay, if any one here has tried using the custom CODE EDITOR and is familiar with the editor, can anyone tell what is the TAG or DEFAULT NAME for the image or clip place holder with the HTML or CSS CODE editor.
these TAGs (not sure if that's the right term for them) are usually enclosed in braces "{" and "}" or "{{" and "}}"
I am a bit familiar with java script, so I know what they are, just need to know the variable name so I can just call the image I uploaded with it, into my CSS or HTML code.
It's your custom variables that you can specify in FIELDS tab and then use as {variable}. There's api docs https://github.com/StreamElements/widgets/blob/master/CustomCode.md#json
{image} and {video} for images and videos respectively
they're actually on that page but under the alert widget heading: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#alert-widget
thanks that helped a lot, π I just don't want to go to the trouble of creating a new custom field just for an image. when there is already a default variable name.
as well you shouldn't
hello, not sure this is the correct channel, i am trying to get a command working where i need it to pick a random viewer/chatter but when i use the ${random.chatter} is not working, it keeps returning stream elements. Can someone give me an alternative or tell me what i am doing wrong. Thank you
are you doing this while offline and no one has chatted?
it keeps selecting streamelements for some reason
Is there a way to mass change css/html/js for all variations?
No.
π
yes actually but it involves downloading it from the API, modifying that json and then re-uploading it
huh, that might be doable
which may be more work than just doing it in the editor unless you're intending to make a habit out of it
I've had to do it by hand 5 times now
yeah I know the pain
Do you know the call to download the json for that alert?
uh lemme see if I have it in my history still
I can't find it but it's in the streamlabs apu docs (see above --^), you can GET the overlay endpoint specifying the overlay id
that endpoint accepts PUT as well despite it not being mentioned
ah I found it
ty β€οΈ
curl -H 'Authorization: Bearer token_goes_here' https://api.streamelements.com/kappa/v2/overlays/channel_id_here/overlay_id_here > overlays.json
and then the upload would be curl -X PUT -H "Content-Type: application/json" -H 'Authorization: Bearer token_goes_here' https://api.streamelements.com/kappa/v2/overlays/channel_id_here/overlay_id_here -d '@overlays.json'
obviously I suggest you test your methods on a new overlay
I will duplicate first ;D
@elfin arch Im utilizing the prizewheel but when it announces the result in chat it announces 2 different results, any idea why?
@elfin arch It actually shows the LAST result and the correct current result
Make sure you only have 1 instance of the wheel open.
If you have it on 2 different scenes and both are active or open in OBS and the website editor, it will do 2 events
I was just about to delete my comment lol. I reset my token turned chat notifs off and on again and it completely fixed it. thank you for making such an awesome widget!
Is there a line in the code to edit to have the result announced multiple times?
Negative. It only calls the result once, after the "stream delay" setting
You could sneak a second one in there after if you wanted to though
any chance woff(2) and/or ttf could be added to the list of permitted file uploads?
I didnt know were to put this but on se sponsorships for the raid of legends one do I have to complete all 3 bonuses to get payout or just the base?
How can i use the customapi on streamelemens commands to only send a specific part of an api I want it to show only this part from an api
instead of showing the full api response i want it to show only the number of the elo
you can't, you'd need to make your own api that calls that api and extracts the number
if you use nightbot though, that can do it
streamelements unfortunately has no eval which is how nightbot lets you do that
yeah
I'm pretty sure nightbot is the only cloud bot that has eval though
Their thing in question doesn't necessarily need eval but json parsing most likely.
Even then you're still correct as we don't support that either (yet).
It would be great if eval or something similar was on SE because i have never made an api
It has been a while since I brought it up to those with the who could do stuff about it but understandably security concerns were the immediate issue with it.
yeah for your use you only need json parsing and a way to extract fields, it's just that nightbot gives you that through eval
I can try bringing it up again but not sure if there'll be any difference of consideration this time.
@terse crest if you meant move over here because you're about to tell me how to program it myself I have no idea how to do that sort of thing π
It's just that this is a more appropriate place π
ah
left is "stock" events list, right is modified
is this also a better place to ask for how to get a sound event in when someone chat for the first time of the day?
teach me your ways
can I join this looks pretty
Your widget on the sent video is also "stock", just with style settings, right? Because seems like it's working fine if direction set to Bottom, and looks like on your video events are coming from the bottom, so I'm not sure why is it so junky
so you're saying the stock default should be as smooth as your modified version?
it is
if Direction = Bottom
yeah
how did you make yours look that way?
there's no options to make it look like that
the default customisability is very minimal
like that? modified the code a bit
is that necessary when you could just have a text field for font specification?
this lets me use a custom ttf font how?
how do you do that
I can +1 for that, even though I haven't needed it yet
if it's installed on your computer, you just need a text field, and put the value of that into css font-family
like font-family: "{customFont}" Arial sans-serif;
yes, but that violates the idea that the whole overlay is in the cloud
I mean it's pretty easy if you know html/js/css
most importantly though, I'm using the "black oblique" version of a font and I can't seem to reliably select that using css
for that you'd also need to set the font-weight and font-style
font-weight: 900 (the max) does it in some browsers but not in the browser source
I have an incredibly basic understanding of all of them. like, I did one unit on them in year 10 digital tech before dropping the subject
so my workaround now was to grab the ttf file of the specific version I want and @font-face that into my css
that's fair
in that case the only reliable method would be to have it uploaded on some other website and use that link for the src
lmao does that work? nice
yeah the server doesn't check that it's a real gif and the browser doesn't care about the name
hackerman lul
I'm in
a gb of ram should do the trick
Hi everyone, I wanted to raise a Feature request for "Credit Roll - by Grot".
At the StreamElements Community Board they told me should try here.
The credit roll at the end of the stream sadly does not show the mods that were active during the stream. Other services do this. I really want to thank my mods in this way. Is there any way to implement this in the credit roll?
Does anyone know if SE is planning to support setting commands with other commands? For example I would love to have a !setcrew command that maps to "!cmd edit crew MAL is playing with ${1:}" Doing "!setcrew Foo and Barr" does correctly output "!cmd edit crew MAL is playing with Foo and Bar" but it doesn't get evaluated so the !crew command is not updated.
idk if i'm suppose to put it here
i would like to have that kinda of chatbox
can someone help me with that?
Not planned, you would need to create a custom API for that, so your command would be able to update another command.
If you have knowledge in JS, you could use the endpoint on this link to have your command call it. https://dev.streamelements.com/docs/kappa/b3A6NTM5NzEwNA-channel-command-id
On the endpoint you would configure it to update the !crew using its id
Ok ... I suspected that I might need a custom API. I was thinking about doing something like @mild cipher's awesome multi (#command-share message) but this would be excellent as the target command will be native and not rely on an API call.
I didn't know about this multi from him, wow... I'm always discovering something new from him, it's incredible hahah
Well, I created a custom API just to have more advanced commands and one of them is almost what you want. It has a !setduo to update the command !duo (which is consulted using external Google Sheets). For your case it seems simpler than that as it won't need an external "database". If you want I can paste the code here and you can adjust for your needs, let me know.
Any clue why .container isn't getting the color from the variable stored into :root{}?
:root{
--bg: rgba(29, 28, 28, 0.8);
}
.container{
width: 834px;
height: 166px;
background-color: var(--bg);
}
should work.
You're right, thanks! Adding the var() thing helped.
My 3 brain cells struggled like hell haha. Try to avoid naming your vars as actual properties if you can.
I'm sorry ahah, I'll do my best, thanks!
Been a long work day π
I would love to see it, thanks.
I sent it on private, it would be too long to post here
Does StreamElements even support Media Share / Media Request
Can you link me the guide you were using?
Give me a bit and I'll have an answer
.
Enable media requests here and set them to autoplay: https://streamelements.com/dashboard/mediarequest/general
Edit the settings to your liking, probably enable autoplay: https://streamelements.com/dashboard/mediarequest/settings
Create an overlay, Add Widget -> Engagement -> Media Request
Add overlay to OBS
Use !sr to request a video in your stream
Go back to https://streamelements.com/dashboard/mediarequest/general and make sure it says "Showing on stream" on the right side, not "show on stream"
Well... hate to break it to you, but... this don't work for me.
https://gyazo.com/3e69befbad03672ef1cbc96c794c9092
where'd it go bro
Are you signed in with YouTube?
yes
Must not be enabled for YouTube.
let me try an experiment
Im gonna log in with my inactive Twitch account and see if its able to-
o h .
hopefully in a future update of Stream elements, media request can be compatible with YouTube streams
Yo, idk if that's how it's supposed to be but
getting current giveaway doesn't work
doesn't work by this func. also
trying to modify the html of a widget, is it possible to add a "minimum amount" tag to this?
Your Authorization header should start with Bearer, not apikey
Is there any documentation on how to create settings like SE has for their hypeboss? Dropdown has a description for each mode and then theres both a number and checkbox for the follow damage. Are we able to do similar things or is it special for hypeboss?
Is it possible to parse a JSON response from an api within the context of a custom command?
I want to add a fade in and fade out to custom alert box, right now it is only animating the 'name' and 'amount', any way of doing this?
Your can just change animation settings
Thank you π for some reason i thought it wouldn't work
@solid beacon no, you need to either use a different bot (nightbot can do it) or create an external api service to do the query and format the response
That's what I thought, thank you. Just spent the past hour doing the latter and got it working.
Hello, I was looking at the different !so options is there a way in amazing shoutout or a standard shiutout command to have it play a clip from the person being shouted out twitch channel? I want it to play in the corner of my stream after the shoutout is made, and possibly add a sound effect with it.
Is there a way to add number formatting to say the ${channel.followers} variable and the likes? I'd like to add commas to the output of these variables for cleaner-looking numbers in a command response.
so instead of 1463 it'd show up as 1,463.
Regional settings would be nice too, so you could have 1,463 or 1.463.
Twitch Guru has a shout out that pulls clips from their channel. I can't link to it but you should be able to google it.
I'm not aware of a SE widget that does it, but someone may have it.
Agreed, but it's not available now (as far as I know) but it would make a great suggestion.
I have that one now, thanks just wanted to see if I could keep it all streamlined through you guys.
Gotcha, yeah it is a separate browser source for me... but since I am newish to SE I still have a lot of in OBS sources and only use the SE overlays for data elements and alerts.
Also want to say keep up the good work. Just switched to SE and it is so much cleaner and nicely laid out. Loving it so far compared to my old bot program.
<@&364840891023622144> in multiple channels.
So i set all my timers to 15 mins for the online interval with 0 chat lines & the bot still seems to be spamming them I tried to set the timer to 5 mins in between them but still feel like it would spam. any suggestions? Wish all timers went off of just one timer setting instead of them all being on separate timers and chat lines π
Hi there! A couple of questions regarding the Level Up Goal Widget; Could someone please help me with the code if needed?
- Are you able to change the currency?
- Can you set a specific amount to a level?
- Can you swap between Tips and Subs?
Probably can do all of the above π
Hello
I was looking through the stream overlay on the StreamElements website and found this part on charity and seasonal stuff. I came across a notifier for donations to Extra Life. Can someone please explain how this works?
hello everyone ! Sorry by advance for my english ! i want to know if is it possible to make a sound(+image/video on stream) by command in chat with stream element ? (i think like wizebot ?) maybe i must custom alerte widget with CSS HTML and JS ?
I assume you're looking for something like the "Video on Command" custom widget? #widget-share message
There are also some variations in #widget-share that add features.
oh i think it is that !!! thanks you so much for your answer ! i'll check later !
How do I make the symbols out of my chat?
Its to much seeing name and prime sub ect instead of the text
You mean bagdes?
Jeah I only want to see name and text
but some has 3 badgets or 2 and this extends the chat to much
hey all! Is there a way to add end credits to the end of a youtube livestream?
If your data is in a component, you can use a script to get that data and replace it .
I would have the element hidden and when the text changes, have a look that checks it and sets the text of the duplicate element that's not hidden.
Or check the widget script and modify the updated currency before it's applied.
what widget are you using?
Had this in the help desk-twitch channel but realize itβs probably more for this channel. So will ask it again, sorry for the double post. Quick question, I was hoping to set up a custom command for !dadjoke I know there are some out there that will auto do it, but if I wanted to make my own database of jokes and have it pull randomly from that list, would I have to make my own custom database and API call to that database? I know a little about doing that but wasnβt sure if I was making a bigger problem for myself going that way if there was an easier solution.
There are a few existing services that can do that for you.
Just a moment And I can make a recommendation.
Twitch center has a great one...
I'm not sure I can post it here. May I pm it to you @tame quarry
Oh there is documentation here: #dev-chat message
@pale basalt Hi, could you help me? I requested access to the API application through this link https://form.asana.com/?k=pWDtXOPVzh6AtBJQ7uTGgw&d=224349692947415, it's been a long time, and I would like to know how the process is going, who can I talk to to see about it ?
Thanks! π
<@&364840891023622144>
Wow @valid swift thank you so much!! That looks like exactly what I was looking for. If there was more you can PM me.
Some guys of you also have sometimes a "sound stuck" when a alert is playing?
Like a 1 or 2 sec freeze of your pc
im getting out of solutions
Hi guys, I am trying to customize a template chatbox overlay. I am having trouble with custom font, because the field ("enable custom fonts") is just not available within my template. Is there a way to add this field to the code? Thank you for your help
Script? Component? What jargon is all of this? I simply asked about the variables in custom commands exposed in the dashboard of StreamElements for the StreamElements Bot itself.
I asked about that in #helpdesk-twitch and someone pointed me to this channel.
Is there a varaible available to apply formatting to ${channel.followers} or ${channel.subs} for use in the text output of custom commands, so instead of something like 12345 being reported, I can have an easier to read 12,345 reported instead.
That said, is it possible to perform scripting inside of Custom Commands?
Updated Level-up Goal - by Annedorko Widget : https://streamelements.com/dashboard/overlays/share/61c3e7b61c95fbbd4fb7c65d
Main changes are:
option to pick the goal (tips,subs,cheers or combined). If combined then there is a multiplier to convert it a "tip". I.E. 1 sub = $2.5.
-Set one of them to 0 to disable (i.e. you only want tips + subs)
Prefix input now; set currency $ or remove it for subs/cheers
Decimal formatting; either so $10.50 for tips or round to whole number (again for subs/cheers)
Main change to the Amounts: each level has it's own amount; once goal 1 is reached, it rolls into goal 2, etc. They are additive so if goal 1 is $10 and goal 2 is $25; then a tip of $20 will fill goal 1, then rollover $10 into goal 2; leaving the bar at $10/$25 for goal 2.
very limited; but I hacked together a small API for small things like you got. For more advanced stuff you will want to make your own API to do the coding and return a text for what you want.
${customapi https://seapitest.pjonp.repl.co/api/eval?string=$(queryencode "
let number = parseInt('${channel.followers}').toLocaleString();
number;
")}```
and you could format the full string response if you wanted; ```js
${customapi https://seapitest.pjonp.repl.co/api/eval?string=$(queryencode "
let number = parseInt('${channel.followers}').toLocaleString();
There are ${number} followers!;
")}
Hey, I have no clue where I should be asking this and have never worked with streamelements and most programming languages but was wondering if it would be possible to have a nested variable. So instead of having a !d20 command and a !d6 command, if just a !d command would work using whatever argument the user inputs. I tried ${random.1-${1}} but it seems to just be using the default ${random} command.
Additionally I was thinking about having a death count command per current game that is being played. Something that I would imagine would look like ${count ${game}} which doesn't seem to work either.
I'm assuming nested variables just don't work but I figured I might as well ask before giving up
Is it possible to have a widget that can integrate Throne Gifts? From their official documentation page, they say to setup as a browser source, but I think it would be a whole lot better if I could just add as a widget for my overlays from StreamElementts Dashboard.
Possible? Yes.
Easy? Probably not unless they have hella good information with an API.
I do believe they have API source somewhere, as they can integrate with other platforms.
I don't know where to ask this otherwise, but I'm having some difficulty with google. I'm trying to ensure that my alert text stays within the confines of the alert image. I know that I can do this with CSS, I just have no idea how to do it within CSS. Am I in the right channel? If not, could you point me where to ask? If so, anyone mind helping me trudge through it?
@proper cedar that's actually not easy to do, the easiest would probably be to define the exact width your text can be (i.e. the width of the background image) and set text-overflow in css which will let you cut off text that's too long with 'β¦'
ah heck
google 'css text-overflow' and pick the developer.mozilla.org link
can the bot be a bit more forgiving in this channel? it's absolutely impossible to support developers without links
@hot trout it got whitelisted by the bot afterwards. No problem from now on.
All links usually get deleted once and then either approved or denied for later use.
the specific link or all developer.mozilla.org?
Dev link.
k
Hi, I would like to get my total number of subs and display it in HTML. How can I do this ?
Thank you in advance for your help π
hey all! Does the data object that is read on 'onWidgetLoad' event, expire with time.
(data object means the obj param)
//fancy stuff here
});
To explain with an example, If I stream on YT for 2 hours and load a widget in the end to read the recent subscribers within the 2 hr stream, can I get all the new subscribers within the past 2 hours from that data object?
Check third link in channel info
data["subscriber-recent"] where data is session data object
But keep in mind that there are some things going on with yt itself and all events are sometimes delayed by a few hours
Thanks you !
hello i have been googling and trying main ways to do this and im wondering is this in place. So i have made a command on streamelements to give channel points when i go live. but there is no Command Variables for it for example i want to give a certain amount to a viewer and in the twitch chat it show how much i have given to them but its not showing the amount I'm giving.
here is the command i have been trying to do < ${user} has been given ${points} fossils! > but the points are not showing the amount i am giving to that viewer. can someone please help me, really driving me nuts. also i know its on the loyalty area to give points but mine is usually off and i want a quicker and efficient way of doing it quicker when im live streaming.
hey all! Is there a way to dock the css/js editor in the overlay editor, so that I can edit and see the results without closing it?
nope
you're likely better off developing locally and then copypasting in the result
you may find use in this https://cdn.discordapp.com/attachments/259680142459142144/633144423055622164/SETest.zip
depending on what you're editing
Wondering if this was answered? Can't find it using search. I'm modding for a few streamers who are moving from StreamLabs to StreamElements. It would be great if my chatbot (including loyalty features) would still be usable for them.
I sent in the form, but receive an Asana link which doesn't give me access to view the status of the request.
Hi there! first of all, Merry Christmas! π
quick question: is there a way (through the API or other programatically way) to show an alert to the stream, with custom text/data? I've never worked with the Streamelements API (or Streamelements in general) and quick searching the docs I didn't see anything
The editor?
Sorry if I'm asking something obvious, as I said I'm not familiarized with StreamElements (but considering alternatives to my current StreamLabs setup). Not sure if I can interact with the editor via code, the API docs didn't really help me figuring out if what I want is even possible.
For clarification, my end goal is to trigger an alert based on a custom action in the stream (handled on my side), but I want that alert to be queued/managed by the common alerts system (StreamElements in this case), so alerts use the system TTS or don't overlap, for example. With StreamLabs that's possible through an API call, so wondering if StreamElements supports it somehow
Any links to even basic docs are appreciated in case I'm missing key features of SE π
hi
is there a quick method for resetting goals status?
for example via HTTP request
https://dev.streamelements.com/docs/kappa/b3A6NTM5NzE4Nw-channel is the documentation for setting session data through the API.
thanks
unfortunately i am inexperienced in API. can you make sure that sending the URL reset the total number of goals?
I'm afraid it would be more complicated than that. If you are not able to use the API probably the easiest is have the session data widget open either from the dashboard (https://streamelements.com/dashboard/session) or the Edit Widget Data in OBS.Live.
Can someone help me alter my nightbot command so I can get it work on streamelements?
I can't just transfer it, seeing as nightbot argument thingies are different than se's bot
Hi team! I know, it's not very likely anyone will reply on Christmas day, but I'll just leave my question for whenever anyone's available. Merry Christmas!!
I'm still figuring out the ropes around StreamElements (liking it a lot so far). I was wondering if there's a way to copy a specific image asset from an overlay to a different one. In this case, I have duplicated an overlay from a theme I'm using, but I'd like to use the same chat background on the new overlay I've created based on this theme (one has the cam boarders, the other has the chat and I wanted both). Much appreciated! .
Send your command and we can check how it can be modified. However, if the command is using eval, it will not possible to make it work on SE, as it does not support eval.
@main escarpyou can duplicate the widget itself.
Click the widget in the layer list then the 2 boxes on top of another.
Ah
that may be why then, it uses eval
Better explanation in a gif https://streamelements.is-serious.business/A28w6MF.gif
I was messing with this and as soon as I wrote this down and went back into the website, I figured it out. Omg, I'm so ashamed!... Sorry, and thanks!!
Thanks @hardy walrus !!!
What I used to do was to keep both SE and Nightbot bots on the channel and disable everything on Nightbot, except those eval commands, so they would not have conflict with moderation.
Yea I've been doing that with Dead by daylight perks being all on nightbot and not SE, I keep my major commands on SE just wanted to see if I could move this new command over but no dice
Thank you!

I've taken a glance at the editor and haven't seen any option/setting/link regarding hooking into the AlertBox to programatically trigger an alert
I'd appreciate at least just to know if this is something that StreamElements has support for
Hi, I'm writing a custom command using customapi and I wanted to know if it were possible to parse the plain text output in the response field?
Hey can anyone here help me with the marathon timer on streamelements? Just need a little help with the JS to set a max bit limit
Should only take a few minutes
The customapi command will give the response exactly as if you opened the source code for the link on a browser (with HTML tags and everything). It is not able to handle the result to get only part of the response.
The API docs are here:
https://dev.streamelements.com/docs/kappa
If you need to work directly on overlay editor, you can create a custom widget and click on + button > Static/Custom > Custom widget.
On the left panel, you click on Settings > Open Editor and you will have the HTML, CSS, JS, Custom fields to work. And you can use this link to understand how it works:
https://github.com/StreamElements/widgets/blob/master/CustomCode.md
Maybe the resumeQueue can help you with that, not sure
So no splitting or anything of the like?
Nope. The result will be the exact output. For example, the command
${customapi.https://decapi.me/misc/currency?value=25&from=USD&to=NOK} will respond 25 USD = 221.43 NOK. You can add something before and after, but cannot insert or remove anything inside the response
After spending some time with the documentation I still feel I'm missing some features that are available in the API. For example, I accidentally found out that https://api.streamelements.com/kappa/v2/speech is a valid endpoint for TTS, but I don't see any reference to it in the API docs
is there a way to get the chat image profile or icon, which appears on the left side of the chat screen on FACEBOOK, I'm trying to customize the "Boxed chat by Cocahh" for facebook. I tried to look into JS code using the code editor inside Stream elements. I can't seem to find anything that would give me an idea on how to go about it.
@dense moat this might help #widget-share message
It is possible, but not that easy as it is in SL. You'll probably need to have custom API and definitely need custom alert widget, because SE is a cloud-based solution that doesn't have such kind of functionality "from the box"
I wanna add onto that @still juniper. You will need a custom widget/overlay for sure; and to get your custom action from stream, you would either to code that into the overlay or if you are running a local bot then set it up as a websocket server and connect the widget to it to send events. Your widget would trigger from that. To add your widget into the 'global' queue so it doesn't play at the same time as other alerts you want to use: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#resumequeue-method-and-widgetduration-property
Thank you both for your answers
@terse crest A custom API wouldn't be the problem, I already have that on my server for other stuff, but the thing here is to trigger the SE alerts somehow.
@elfin arch I spent sometime yesterday playing around, and what you say matches my reasoning (I already have a server running so no problems at all to make a ws connection and send some events). But the main problem here is that a don't want a custom alerts widget, I just want to hook into SE default one. I want to have a central system managing all the alerts (so the streamer has a single configuration to go through, among others), and recreating a complete alert box from scratch is out of the scope. What I tried yesterday was to use a custom widget as a "proxy" widget. Such widget sent a CustomEvent of type 'subscriber-latest' (for example). However, the default alertbox widget didn't seem to listen/react to those events, not sure if this is expected or I just didn't set things properly (prob the first one)
@still juniper I'm afraid you'll need to recreate all of your alerts in a custom widget after all, if you want all of them to be in one place. You can't modify default alert box
...well all of the normal alert box could stay the same.
the second part; for your custom hook might need to be a custom widget. with the last sentence you had; it is the former. Each widget is sandboxed so you can't trigger an alert from one "window" to another
there is some code magic you can do between 2 custom widgets to get them to talk; but the default alert box is heavily neutered when getting into custom code. ... all the code you can input is a few chain downs the 'if/or' flow; so it has to be a 'tip' and = to '$10' before the code runs
Each widget is sandboxed so you can't trigger an alert from one "window" to another
Are they? I'd swear I had customwidget1 sent the event and customwidget2 would receive it, but maybe I'm wrong. That would explain some things anyway...
there is a way to do that; but not with the 'window.emit' as that will always just emit to it's own sandboxed window.
you might be able to (i've never tried this) but hide the alert you want for your custom alert in a tip that is like $99999 as a variation; then make an API call to POST that as a tip when it happens.
i think the alert boxes would pick up on that POST and then trigger the custom code you want inside of the alert box. .... that would save you having to set up the websocket stuff; but does create an awkward UI because it's hidden as a 'tip variation'
That's definitely something I'll have to test, thanks for the idea! π
let me know if that works π ... also be sure to include the isTest = true in your calls... just so it doesn't mess with the main stream stats π€£
....cause i'm not sure if that is counted in the 'real' tip information streamers get and don't want to have one with a f'ed up tax report and needing to clean it all out.
ideally; you could hide that in a cheer of '0.5' cause it's really hard to cheer 1/2 a bit π (and again, never tested; so not sure if there is a sanity check for that)
good advice there, I'd prob spend next Christmas in jail otherwise hahaha
I guess I'm tied to tips though, cause that's a the only thing I can POST through the API
Hello all, dunno if iam on the right place. But somehow i canβt pay out the tip. Yes it is more then β¬5 so that it not the problem. Anyone knows the issues ?
hahah ya; or a bunch of pissed off streamers that have have like $1 million dollars in there 'tax' forms to file
That will be a paypal or whatever service you use for SE.Pay .... SE doesn't hold any of the money; they just connect accounts
OkΓ© , but when i tried to pay out it gives a error. And everything was working last time.
might be one of the services is down; check the convo here: #helpdesk-twitch message
Oke thnx!
Are there any streamelements for it eval or equivalent?
I just tested with a tip amount of 0 rather than 0.5 and was able to get my variation alert to trigger. I guess "real" tip information would come from Twitch, but using a value of 0 wouldn't mess up any stats. I've been looking at ways of making more custom follower alert variations, without having to reinvent 99% of the wheel by using a custom widget, and doing it in a way that anyone could implement. This may be a way of doing it. Now, I just need to figure out how to send the alert message to SE from a bot.
you can try this: #dev-chat message
I left it for a bit, but I'm back on this again, you never actually explained how you modified it?
Opened the code editor and wrote my own code here, idk what to explain π I also noticed that you're probably using default event list from Labels > Other and mine is Static/Custom > Custom widget, so you'll not be able to customize it via code
well I was at the time but I've since found the github with the template
so now it's in the html / css / js format
I just need to know what to write now
So now you can create custom widget and drop your code into respective tabs on code editor
Hi, I'm desperately trying to display the number of subscribers on my custom widget but I can't.
I have read the documentation in the show description but I don't quite understand π
Hey - no matter what i do , my chatbot continues to TTS the action (ie. username has gifted x subs to viewers, they have gifted x subs in the channel). I have ticked off all the options to TTS the action, including in the variations..I even ticked it back on, saved, exited it, then unticked it again, saved and exited out...
any ideas?
Still not possible to pay out on Se.Pay are there known issues ?
@broken fable ‡οΈ
Please contact us via email for support with SE.Pay. You can use our contact form here: https://streamelements.com/contact Thank you.
was thinkin of making a widget that combines subs, bits and channel points
But would having a goal that mixes channel points, subs, and bits [but not asking for money] be against bits TOS?
just a percentage on the bar
or would that be giving monetary value to bits?
Why do you think it'd be against the tos?
Made that widgets myself and there's a few in #widget-share, don't see any problems here
I'd assume against TOS because of its policy like this
Still see nothing wrong 
You're not selling anything for bits and not exchanging them, just counting. And actual monetary value of bits is publicly available, so it's easy to recalculate into your currency after all
Seems for me like you misunderstood the tos. Or am I 
No I think you're right. I'm asking this cuz lookin through a bunch of msgs/posts in this server about this in the past, I've just been seeing mixed msgs everytime
If you're not in top 10% (I bet you not) twitch doesn't give a single f about you, so I'd not worry
for future reference, my two cents regarding tests:
- There is no
isTestin the tips API call, doesn't seem to do anything (understandably tho - seems only applicable to events within overlays) - Despite what's documented, the amount doesn't need to be an integer. Floating number with 2 decimals are supported (in fact you can send more decimals, but amount gets rounded later). So you can send $0.01, $0.02, etc
- Yes, $0 is also supported. But not only that, you can even send negative values like $-1!
- There exists the undocumented endpoint
DELETE tips/:channel/:tipId, and calling it removes the tip from the revenue history (and thus from the tax info, although I think API tips don't even show up in that info based on my tests, but can't confirm 100% - better be safe than sorry). In fact, calling that endpoint also deletes the fake tip from the activity feed! That means it doesn't count towards totals and aggregates, although it still remains in session data. Pretty clean - Tip has to be marked as
imported: truefor it to trigger the alert automatically (otherwise it's sent to tip moderation queue)
So it's a feasible alternative for my use case. Definitely not the most elegant solution, but saves time and headaches reinventing basic stuff. I'd love tho to have a dedicated API endpoint for this, to trigger custom alerts within the native alert box. I really think SE would highly benefit from that
Big thanks to @elfin arch for the idea and @mystic kraken for their insights!
I'm not sure where to ask this but I've been having trouble with stream elements website. Any time I try to go to my dashboard, immediately I'm taken to the splash/main page.
Yeah, I was going to spend 50 dollars on their site this weekend but it was really buggy so I just found another way to donate money
It was requiring a youtube link, but not letting me select the time indexes I wanted to play. I would have rather just had the option not to include a youtube link if the time index thing isn't going to be functioning.
Or just have that as optional anyway.
Hi everyone, season greetings hope you all had a great holiday. I was just wondering if you could help me with the code line that needs to be added to labels (I.E Latest Sub or Top Cheerer) for their profile pic?
Profile pictures are not publicly available through twitch API, so it's not possible without having custom API with twitch extension's credentials. Afaik
You need to do a logout and login here: https://streamelements.com/logout
Thank you! @severe shell
Aww dang, ok thank you 
You can use the decapi API for that, it will give you the link of the avatar: Do a GET request to https://decapi.me/twitch/avatar/:user (replace :user with the actual username)
In case you need more information: https://docs.decapi.me/twitch
Thank you really appreciate it
checking it out rn
Have some trouble with the chatbox
Enter a username to ignore I type in the exact botname which appears in my chat and it still appears on the chatbox
Stil nothing possible, hope you answer as soon as possible
Hey, does streamelements have any javascript eval support, like Nightbot? Trying to parse a json file and randomly choose one of the entries, but we can only figure out how to do so with Nightbot. However, we prefer StreamElements for workflow and usability
hi everyone! i need some help with wrapping my head around streamelements widget lingo.
i'm looking to make a widget that holds multiple pieces of stream data (latest/top sub, latest/top tip, cheer, custom text, etc), and can scroll them horizontally and update them live just like the existing widgets for those sorts of things
i can make a mockup if that would help, but basically what i need to start is help seting up a widget that more or less replicates the latest subscriber widget, but can have more text added to it!
any and all advice would be appreciated! i've combed existing widgets and the API guide on github, and maybe i just need more caffeine but to my novice brain it isn't quite sticking!
oh, hey - basically i'm trying to make the advanced recent events widget but it scrolls on one row! just found that, lol
@unreal matrix nope
Nice, didn't know that
I know, I've read everything but I don't understand...
i have esportal.com elo, today elo(eloChange).
and also when i do gather in the lobby so give a command! gather that lobby link
Sorry to ask what is surely a stupid question but I cannot see how to make the font size in my alerts dynamic. Can someone point me towards it? πββοΈ I saw in one person's screenshot for another issue they literally have a toggle for dynamic font size but I do not seem to have such a toggle.
I'm not sure if you are talking about this toggle, but it is on the image you sent
Yes exactly! I was searching for how to do this, and I found this screenshot in the forums. The toggle is present in that screenshot (which I did not take) but I don't see in SteamElements. π
Ahh okay, now I got what you mean. What kind of alert/widget are you trying to use? Can you send a screenshot of it?
It's follower/subs/raid alerts. I want the text to not overflow the box. Does this show what you need, @severe shell ?
is there a limit to how long the html or javascript can be?
Okay, these ones does not have dynamic text, the dynamic text are for labels.
My suggestion is that you put the username in one line and the next text in other, for instance:
"Johnny
is now following"
However, if the alert you trying to setup is the ones the user can send a message (resubscriber/bits/tips), you can define the padding for the message, it will be on "secondary text > advanced" for that.
Oh, that's a shame. It'd be great if it was available for alerts! I'll try out your suggestion and see if I can make it work. Thanks for your help.
Another question. Is it possible to get the avatar of a user for use in an alert? For example: if @severe shell started following me could I include their avatar in the alert?
Not natively, you would need to create your code for that
Sorry to bother you, but can I still use "OBS Studio" with Stream Elements or do I have to download "OBS.Live" in order for it to communicate with Stream Elements?
You can use OBS Studio and just use a browser source for the overlay
I'm trying to share a widget I've made with other people by creating a link with dashboard/overlays/share in the URL but when people click it, it just sends them back to their homepage, is there something I need to set for permissions?
thanks @raw igloo so is is there any benefit to switch to OBS LIVE or should i just stick to OBS STUDIO when using stream elements?
OBS.live (now se.live) is a plugin for OBS Studio
Yea personal preference. It's just a plugin so if you like the plugin features then use it if not just stick to OBS Studio.
Hi. I'm exploring SE websockets for emiting custom payloads. It seems widgets receive event:test events but not event ones. Is this expected? What's the difference between the two, given the goal is to send custom payloads? Is there any reason not to use event:test? Thanks
Replying to myself, partially. Seems event:test is not queueable, so that's a big no-no. Still wondering if I can use SE websockets to send custom event/payload or if I have to spin my own server to connect to the widget overlay (although in this case I don't know how queue would be handled...)
anyone know how to change this to say 0/5 rather than 200/5?
Thanks bro ! β€οΈ
are you doing this inside of an Alertbox again or in a custom widget?
@jagged rover ‡οΈ
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.
I'm now trying the custom widget approach to handle my own alerts (the tips workaround is a bit messy and doesn't scale well, so exploring alternatives). The goal is to have my custom events queued with the alertbox events (sub, bits, etc), so alerts/animations don't overlap. How to send those events and how to handle the queue is what I'm trying to figure out. I've managed to emulate a cheer-latest event of amount $0 by sending through SE Websockets an event-test. So although the event:test is not queueable itself, the cheer event simulated after is and I can use it to send my custom payload. But still feels hacky. Ideally I'd like to send my own event (if that's even possible). Using my own WS server would be a way, but then I don't know how my widget would hook into the global queue (I'm reading/testing all that I can before asking here but I'm having a hard time grasping the full picture of SE for now, so I apologize in advance)
let's start with the Queue; you want to use: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#resumequeue-method-and-widgetduration-property in your custom widget
this ties into all the other widgets in the 'main' queue; including the default alert boxs
here's a quick example for the SE_API.resumeQueue; queue up a couple follower emulations then a tip then another follower and you can see how the custom widget is included in the main queue https://streamelements.com/dashboard/overlays/share/61cce1f5e952c4b0c35df591
the field data is the maximum timeout; then you override that in the code to prevent everything from queuing up
Good afternoon. Can't use editor in My Overlays. Says Uh-oh...
Overlay does not exist, even though i just added them from the gallery
That I've managed to understood so far about the queue. Issue is that ideally I want to emit my own events, and not use SE's built-in ones (i.e. tip-latest) (again, if that's even possible). And unless I'm missing something or misunderstanding, the queue is "attached" to the OnEventReceived and those built-in events. Because If I send a random event (from my own server even) to my custom widget, I don't see how the rest of widgets would understand they must wait their execution. As I said, I can use one built-in event with custom data, but I just feel there must be an easier or less hacky way to do this - for example, do custom tip widgets from external 3rd pages (e.g. Tiltify) usually queue with the rest of alerts or they just don't care as long as their alert is shown? I don't know if I'm maybe expecting too much from the platform and this is plain not supported/not why people create custom widgets (thanks btw, I really appreciate your time helping)
Hi, is there an example of a vote widget?
maybe this will help? https://github.com/pjonp/pjTestBot/blob/master/modules/.SE_Overlays/emojiRotator/sePubSub_beta.js . This reads the channel point rewards from Twitch and then sends them as a custom event to the overlay. The listener is custom 'reward-reward'; and the data object is all custom as well.
there are a couple in #widget-share ; search for poll
Will take a look, thanks
π ... i never tested that with the queue system; but it should work fine inside of it π€
Checked your code, and indeed that's something I tried (and just re-tried) but unfortunately it doesn't work. I'm suspecting it has to do with the sandboxing of the widgets, since only the custom widget receives the CustomEvent, and it seems the global queue ain't aware of it either. I even tried dispatching a built-in event id instead of the custom one, and it doesn't queue with the alert box (log shows [QUEUE]: Broadcasting event (follower-latest) when simulating in the editor, but not when emitting the CustomEvent within the widget)
Hmm, I'm afk now but will try to throw it in the main queue a little later. You did set the widget duration key in the field data, correct?
Yep, the widget does queue if I let the editor be the one emulating/dispatching the events (supposing I use one built-in event id), just not when I emit them from within the widget
Hmmm, I'll have to check later... Never actually tested that part
yup; i'm stumped on this one. definitely not adding to the queue; may it does have to be a websocket emit or API call to get them into the queue.
anyone know if it's possible to parse data in an api in a SE command?

