#dev-chat
1 messages · Page 33 of 1
@mild cipher (sorry for the tag) on the alpha gaming recent event rotator, how would I go about adding a custom font ?
So the question is this. I've tried importing my alerts from SL, someone here suggested maybe the files were too big, and I know the custom fields I had from SL didn't transfer.
So the bigger question is, what's the limitation on file sizes for alerts?
And how would I know if that was the actual cause of the import failing?
@indigo flume sorry to bother. 😅 Any chance you may have seen an example for Node anywhere?
I currently have:
const { _id } = await getChannelInfo(channelID);
const userAPI = `https://api.streamelements.com/kappa/v2/points/${channelID}/${user}/${amount}`;
const response = await axios.put(userAPI, {
headers: {
Authorization: config.oAuth,
},
});
But I'm still getting a 401 response back. 😦
Am I doing the header part correctly for the JWT token?
shouldn't it be config.jwt?
That's just what I call the key in my config file; you can ignore that. 🙂
It's literally just a key name.
where is the "PUT" method?
config.oAuth is the JWT token I got from the SE dashboard.
or what is the PUT method, because I think the endpoint you are trying to call is a PUT method
It's in the axios call.
oh
axios.put...
then no - I'm not familiar with Node unfortunately.
Hmmm, okay. I'll play around with it. I've just gotta hit the right header key that it's expecting I guess. Is there a specific dev that may know?
@indigo flume solved it! Maybe you wanna add this to the docs or something? 😅
For Node, you can use Axios, and set a default config for all requests with:
axios.defaults.headers.common['Authorization'] = `Bearer ${config.token}`;
That way your bearer token is on all outgoing requests, regardless of method.
If you can DM me a full example code on how to connect via Node to JWT, I will add it as a guide
On another note, if you are willing to also do it with websockets(or if this works with websockets), I can add an entire node section
The response:
{ channel: '5bafdbc460c4a91c24d29d35',
2019-12-19T14:11:49: username: 'deadmanodoescode',
2019-12-19T14:11:49: amount: 1,
2019-12-19T14:11:49: newAmount: 2,
2019-12-19T14:11:49: message: 'Added 1 points to user deadmanodoescode' }
I haven't had to use WebSockets at all, literally just a clean instance of Node using the TMI.js module and Axios to handle the API requests, though you could use Fetch or any other method like XHR.
just toss me a clean-ish Node code example and I can work it out as a guide 😉
I used this tutorial to get TMI running: https://dev.twitch.tv/docs/irc/
Which has the base.
const tmi = require('tmi.js');
const axios = require('axios');
const config = require('./config/bot.json');
// Define configuration options.
const opts = {
identity: {
username: config.username,
password: config.oAuth,
},
channels: config.channels,
};
// Add the authorization token to every Axios request.
axios.defaults.headers.common['Authorization'] = `Bearer ${config.token}`;
And then the rest as per the guide.
The Axios header is what solved the authorization issue, and is so painless. Literally a single line, and every future request, be it PUT or POST etc. will be authorised.
I have a file as per the require with two keys, oAuth being the one you get from https://twitchapps.com/tmi/ and token being the JWT token from the SE dashboard.
That's about it. 😄
As I said, DM me the code and also DM me the structure of the confing/bot.json so that I don't forget them
as I don't think I'll be able to structure the guide for today
For sure, will do that now. 😄
Hi! So im having a bit of an issue w/ OBS Studio in regards to what i BELIEVE is my Transition interfering w/ my Stream elements overlay from refreshing appropriately. This is kind of tough to explain, so if anybody could help id REALLY appreciate it, cuz im sure this not common lol
Noticed we are get the default SE avatar on subs, bits, donations, raid and hosts. Follows seem to work fine, as shown. Did something change?
how do I put a SE overlay in ops studio, and when will SE make a abs suitable for Mac?
obs*
@shadow urchin I don't recall the limitation offhand, but I believe the overlay JSON needs to be <1 MB or <10 MB or something around there. This mostly happens if you've got custom fields with embedded byte64 images or fonts or huge js libraries. In all of those cases, it's suggested that you replace them with links.
@honest meteor we actually use axios ourselves on our node.js servers, and do something similar.
For some reason, when people follow or sub when the stream is offline, this code doesn't activate. Will I get a flood of hits when I start streaming again or is something wrong? The test alerts go through fine.
window.addEventListener('onEventReceived', function (obj)
{
if (!obj.detail.event) {return;}
if (typeof obj.detail.event.itemId !== "undefined")
{obj.detail.listener = "redemption-latest"}
const listener = obj.detail.listener.split("-")[0];
const event = obj.detail.event;
if (listener === 'follower') {addFollowEvent(event.name);};
if (listener === 'redemption') {addRedemptionEvent(event.name);};
if (listener === 'subscriber') {addSubscriberEvent(event.tier, event.amount, event.name);};
if (listener === 'host') {addHostEvent(event.name);};
if (listener === 'cheer') {addCheerEvent(event.name);};
if (listener === 'tip') {addTipEvent(event.name);};
if (listener === 'raid') {addRaidEvent(event.name);};
}
);
function addSubscriberEvent(eventtier, eventamount, username)
{
var xhttp;
xhttp = new XMLHttpRequest();
xhttp.open("GET", "https://cors-anywhere.herokuapp.com/http://www.1.com/index.cfm?Hours=0&action=Event&Username="+username+"&Type=Subscriber&Message="+eventtier+"&Amount="+eventamount,true);
xhttp.send();
};
this code should work IF the widget is loaded, meaning the overlay is loaded somewhere.
If its not loaded anywhere, then no you won't be flooded with events.
unless you pause the alerts and unpause when you go live.
Ok.. So pausing will "quee" them up?
yes
Where would I pause them?
Ah.. Thank you. 🙂
If I pause now, then reload the alerts... Will that put the ones since my last stream in quee?
Also, is there a direct URL I can go to to pause/resume the setting?
Because my streamdeck can go to a url in the background.. But there is no function to toggle the pausing.
I'm not sure I understand the 1st question properly, but the answer should be - no? any alerts that have played in the background prior to pausing will not show up again
unless you replay the alert from the activity feed
In streamdeck
The replay alerts don't quee back up? Even if it is paused?
They should queue up if paused and then replayed
and streamdeck, you need to be running SE OBS Live to use it. I put in a ticket for that.
Cool. Thanks. 🙂
I was just hoping for a stop gap measure until they put it in like they have for streamlabs.
Hello guys. I have a question for you. I am trying to get nickname for latest follower and latest subscriber because I wanna get avatar using nicknames. There is a widget in widget-share for get my avatar using my nickname, but I wanna get avatars from my users. Thanks in advance!
GET https://decapi.me/twitch/avatar/USERNAME
@mild cipher Thanks for your answer. I know this thanks to this code: $.get("https://decapi.me/twitch/avatar/" + channelName, function (data2) {
$('#user_pic').attr('src', data2); but I wanna get nicknames in real time for latest follower and last subscriber in channelName
listen to onSessionUpdate which contains data for follower-latest and subscriber-latest (log the event object to console for more details). onWidgetLoad has this data too (for when the widget initialises)
Thanks! 😄
I know that code
Hey @mild cipher ,
window.addEventListener('onEventReceived', function (obj)
{
if (!obj.detail.event) {return;}
if (typeof obj.detail.event.itemId !== "undefined")
{obj.detail.listener = "redemption-latest"}
const listener = obj.detail.listener.split("-")[0];
const event = obj.detail.event;
if (listener === 'follower') {addFollowEvent(event.name);};
if (listener === 'redemption') {addRedemptionEvent(event.name);};
if (listener === 'subscriber') {addSubscriberEvent(event.tier, event.amount, event.name);};
Would this work better written like this??
window.addEventListener('onEventReceived', function (obj)
{
if (!obj.detail.event) {return;}
if (typeof obj.detail.event.itemId !== "undefined")
{obj.detail.listener = "redemption-latest"}
const listener = obj.detail.listener.split("-")[0];
const event = obj.detail.event;
if (listener === 'redemption') {addRedemptionEvent(event.name);};
if (typeof obj.detail.event.itemId !== "undefined")
{obj.detail.listener = "follower-latest"}
const listener = obj.detail.listener.split("-")[0];
const event = obj.detail.event;
if (listener === 'follower') {addFollowEvent(event.name);};
if (typeof obj.detail.event.itemId !== "undefined")
{obj.detail.listener = "subscriber-latest"}
const listener = obj.detail.listener.split("-")[0];
const event = obj.detail.event;
if (listener === 'subscriber') {addSubscriberEvent(event.tier, event.amount, event.name);};
or am I over thinking things?
Interesting question, on mixer custom event list. If someone uses a gif for example, it doesn't update. all other sparks are flowing in through
is that under a different listener?
@lusty portal favour the first one. best to keep code DRY where possible (don't repeat yourself), also the second will throw errors where you're attempting to define listener and event multiple times
@indigo flume I don't understand the article you have sent me in #helpdesk-twitch . In my alert there is a bar where the name of (for example) a sub stands, there is another bar where I want that (for example) the number of months must be shown. I think it's not that hard to fix that, but I just don't know how I can get this.
What do you mean by "there is a bar"?
Yes
<video id="video" playsinline autoplay muted style="width:100%; height:100%">
<source id="webm" src="https://cdn.streamelements.com/uploads/905dfbc3-ec2a-4e54-b0d8-0c50363a5c11.webm" type="video/webm">
</video>
<div class="sign-text">
<p>
{{name}} <br>
has just gifted <br>
<p id="amountHolder">{{amount}} Subs</p>
</p>
</div>```
Here is an example of my own alert widget
@import url('https://fonts.googleapis.com/css?family=Kirang+Haerang');
#video {
position: fixed;
z-index: -3;
}
#amountHolder{
position: absolute;
top: 280px;
left: 210px;
display: none;
animation: appear 0.3s steps(170, end),disappear 1s steps(70, end);
animation-fill-mode: forwards,forwards;
animation-delay: 2500ms,8500ms;
}
.sign-text {
opacity: 0;
z-index: 5;
padding-top: 210px;
padding-right:950px;
font-size: 25px;
text-align: center;
font-weight: 700;
font-family: 'Kirang Haerang', cursive;
animation: appear 0.3s steps(170, end),disappear 1s steps(70, end);
animation-fill-mode: forwards,forwards;
animation-delay: 2500ms,8500ms;
}
@keyframes appear {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes disappear{
from { opacity: 1;}
to { opacity: 0;
padding-top: 1250px;
transform: rotate(20deg);}
}```
so basically you can have
<p id="sub_amount">{{amount}}</p>```
and have teh CSS
just margin position it around
Where do I need to put it in the CSS
Yes, how to make it. I'm not that good at such thing
ugh
@indigo flume So far I did this (without any CSS)
So you don't have custom css enabled. You can add <br> next to the {name}
and then add a few spaces and then {amount}
its going to look like this
that works, but can I make the font of the amount smaller too so it fits
do this basically:
{name}<br> <font size=16>{amount}</font>
And color?
wait testing it out
So you can set a different size for the amount, but not color
{name}<br> <font size=28px> {amount}</font>
this will work for size
but the default settings override the color
Ok, thank you man. I will test some things now for myself. Your info is very good.
@indigo flume the font size doesn't work by my alerts, the size doesn't change
So someone posted in the mixer help. Effects/rallies (gifs and mermaid corgi as example) don’t seem to be triggering alerts and such. Just FYI for anyone with custom stuff. Apparently being looked into
The stickers?
Normal stickers work. It’s the special ones that are animated in chat
It’s an issue with ember ones too,
is there any ability through the API to list song titles in the queue (the songrequest module) -- looking for a way to list the next 5 songs in the queue from chat (rather than the external web browser)
GET https://api.streamelements.com/kappa/v2/songrequest/:CHANNEL_ID/queue/public returns an array of pending requests
Hey can anyone have any ideas on how I can change the odds of a contest with or without api?
For example currently if You have Fighter 1 vs Fighter 2!
and Fighter 1 is better everyone will vote for player 1 and it won't be fair so I want to change the odds to make it a fair bet! Please help!
Contests are fair in that case. As in your example there is Fighter 1 and Fighter 2. Fighter1 is way better than Fighter2, so Fighter 1 got 1000 points together from 10 users (each put 100) when Fighter 2 got 10 points from just two people (5 points each). Now if fighter 1 wins, there will be 10 users getting 101 points each (just 1% profit), but if Fighter 2 winds, those two users will get 505 points each.
API still returning a default avatar, wassup?
avatar: 'https://cdn.streamelements.com/static/default-avatar.png' },
Hello!!
amm have a question, i want to make a widget for Facebook Gaming, at the moment theres no support for facebook in the custom widgets? i want to get the Session Data like Fan and Follower and so :/ Thanks nwn
Hello! Did SE ever implement a way for a command to edit another command?
Not sure if correct channel but;
He asked for a command to edit another command @pulsar willow
Which by default within a single command I see no way to do so
@tall bolt You can make changes to custom commands in chat with!command add/remove/edit/options/show Valid flags for !cmd options are: -cd (number) -usercd (number) -cost (number) -level (number) -type (say, whisper or reply) -count (number). --- Example: !cmd options twitter -usercd 60 -type reply -level 250
@tall bolt which command? Default or custom?
@pseudo siren Custom
simply !cmd edit !YourCommandName Your New Output
Tried that, didnt seem to work
@tall bolt try again in your chat
Yea i have the default command enabled
^^
What im basically trying to do is make a SetMulti command, i had it work on Deepbot but havent been able to get it to work on SE
Trying to create a command to edit another command's output?
Yep
Aka !setmulti STREAM1 STREAM2 to output a !multi response with the udpated user's?
Hi! i added the custom widget in the editor program, and i really like how it looks etc, but how do i make the text of users etc bigger ? thanks alot
^ In short he is looking for help with CSS to make the font, background of the font and images related to each line in the custom widget bigger, or to be able to scale depending on the size of the widget (kind of like how you deal with mobile first development)
@viral patrol any chance i could have a chat about the Spinning wheel Widget?
Sure! I am kinda around for next 4 hours. How can I help you?
how can i flip it so the "result side" is on the left?
and does it output the "result" somewhere?
It does not output result anywhere, because i wanted it to be as easy to manipulate as possible.
So you can use any image as a pointer and place it anywhere
what line(s) would i need to add/change to get it to output to a google sheet & chat?
i'm trying to implement it similar to the demo video, how would i flip the text so that it's readable with the "result point" at 270°?
@carmine atlas This widget is a WinWheel Javascript library wrapped to StreamElements, so all API calls to WinWheel class are defined in that documentation: http://dougtesting.net/winwheel/docs
thinks he will have to get his dev environment running again while he's not streaming
thinks that somebody was an IRC user some time ago ;-)
irc.dal.net 4 lyfe
Hey all. @mild cipher I got pointed in your direction regarding the emote counter widget? It would be great if we had an option to time out the chain, lets say for example chat hits a 3x chain on a single emote, could the counter reset after say 5 seconds if none of the same emote appear again? Also, if an emote did appear again, could that then add a 4x combo, and reset the chain cooldown to 5 seconds again? It appears as though it just sticks to one emote regardless of time. Thanks man awesome work.
Has anyone figured out how to tap into the effects/rallies yet? These are the ones at the bottom of the sparks/embers list that do something in chat. (corgi mermaid, gif, ember train as examples)
Why this bigger than my browser page
t wont fit in OBS live preview window either :/
looks like your screen size is smaller then 1920x1080
and it looks like thats what the overlay is set to
you need to change the scale to match your screen size
if i had to guess thats 1280x1024
you are correct
how do i change it?
Thank you 😄
ok i am trying but i dont know how to select everything and change the size this is soooooo confusing hahaha
Hi i try ask again, from yesterday: " Awzkum: ^ In short he is looking for help with CSS to make the font, background of the font and images related to each line in the custom widget bigger, or to be able to scale depending on the size of the widget (kind of like how you deal with mobile first development)"
I'm trying to embed a different html site inside my overlay, I tried using <object> and <iframe>, but neither of them show up in obs or chrome
they do work in firefox and overlay editor though
anyone have any tips?
<iframe width="700" height="500" src="my link" frameborder=0></iframe>
</object>```
this is my code
<iframe src="your site" style="width: 700px; height: 500px;"></iframe>
i doubt itll work but try that
Hi mitch can u help me with my issue ? :S
didn't really change anything, surprisingly
maybe trying !important?
something could be overriding the general body
@charred vigil mind dming me the link youre trying?
your dms are closed
👀 i can tell you by the amount of DM's i get from thiis server they aint
@shell tree iframes, external objects, cookies and indexeddb won't work in custom widget as custom widget is sandboxed iframe
And OBS Studio uses chromium
You can use xhr calls and then parse output
And that's it.
nothing more unfortunately
sigh
@viral patrol assuming json wouldnt work either?
You can grab json if it has Access-Control-Allow-Origin * header
You can use StreamElements bidirectional, but the only possible way is to use HTTP requests or websockets.
I'm not sure what you mean with that
I can't code myself, trying to do this is a bit challenging
The easiest way to include something totally external as webpage is to use Browser Source in OBS.
that defeats the purpose of using SE and combining everything into one browser source
It does not. Within StreamElements OBS.Live you can export whole OBS config too (that includes browser sources. But if you want to use external services - they need to provide some sort of API that could be used by JavaScript.
but there are things that SE can't do right now, so I'm looking to frankenstein one browser source out of SE and other services
Maybe this service provides REST API that can be wrapped in a widget?
I'll ask, is that what I need to ask? "do you provide REST API?"
what is it your trying to grab?
a different alert service (not SL)
lmao
is there something they do, that we dont?
yeah
like.
you don't have to
i would assume its either SL or muxy?
i mean call me crazy. but would it kill you to add one more browser source?
the problem is
that it's not one browser source
if it were that way, I would've probably done so
whats the platform?
pixelchat
every widget is a separate link... unless you pay
I'm thinking of this as a temporary bandaid, until SE can have these features
so I'm reluctant to pay
#warezlife
lol
for sure
well, right now I'm at a stage when I'm making a local html file that has all the overlays on top of each other. haven't gotten it to the point of working yet though
as I'm no coder, I have no idea how any of this works, so I'm blindly trying out internet advice
sounds like alot of work for a 0 host alert
actually, quite a bit more things than that
because if it works, I'll get to one browser source instead of like 6
and I'll get to add anything I want pretty easily
also you know, it's a fun enough thing to do to pass time 😛
just made a local html with iframe of all the links in it
ah yes
but if you just iframe a bunch of stuff together, it shows one after another
not on top
which is my current challenge
aaaaaand I got it
that was surprinsgly easy lol
lol
now I'm trying to add custom CSS to it and it's not working =/
both in OBS and in the local file I made for all the overlays
so I have 3 places where I can place my css (excluding OBS, of course), inside embed style, inside div style and in my external file - stylesheet.css
the external file has proven to be the least reliable way of doing things - even if it's cleaner
Hi i try ask again, from yesterday: " Awzkum: ^ In short he is looking for help with CSS to make the font, background of the font and images related to each line in the custom widget bigger, or to be able to scale depending on the size of the widget (kind of like how you deal with mobile first development)"
hope any1 can help with this issue, its the simple custom widget that u have on your website streamelements.
.text-container {
font-size: 16px;
font-family :"Times New Roman", Times, serif;
color: rgb(255, 255, 255);
background-color: rgb(201, 76, 76);}
text-align: center;
margin: auto;
text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px;
}
.img {
width: 100%;
height: 69%;
}
here's your text container
no not at all

not even when you consider that i tried to make the text fit right to the container but couldn't figure out how 😛
in photoshop is pretty easy
i use affinity designer, but i am not a pro at all 😛
i did my own panels though 😛
you watch sam to much
is there anyway @viral patrol that you could make the marathon timer compatible with mixer?
Hi. Could you possibly help in working out how to do a thing with the Chatbot?
I'm trying to return the first word of a user's chat and I'm not sure how to format it
e.g. command: !justthetip=${user.lastmessage.${1}}
or command: !justthetip=${1.${user.lastmessage}}
chattinguser types : Won Ton is the bomb
I type : !justthetip @chattinguser
Bot returns : Won
@mild cipher Hey Fyre, could you see for ChipMood if the queue widget can be used on Mixer?
and if not, what has to be changed, thanks 
Hello there, I have checked this channel and I found my question asked but not answered as far as I could tell, is there an endpoint in the API to add loyalty points to all users in chat, i.e. equivalent to !addpoints all x?
That is indeed a command built into the bot.
Its a super-mod only command.
unless you change it
Make sure to enable it, I believe its disabled by default.
@shell tree im referring to the Developer API
retracts statements
I am aware of the command
@regal steppe Unfortunately I am not aware of any endpoint that could add points to every chatter. It is possible to send an array of users to add points to them, but you would need to get current viewers list as well.
Oh yeah the bulk user update endpoint, I didn’t think of that
The other idea I had was just having my app post the !addpoints command in chat, especially if different usernames are being used
I mean that does require getting super mod permission, but it’s doable
hey yall, I output to multiple platforms at once, and was curious if there is a way to change the alerts so it shows platform in it, or does each alert needs it own overlay for that platform?
Each platform needs own overlay and they will overlap if two events happen on different services (for example twitch follow and youtube subscriber will not be queued one after another and will play right after they are received which may cause overlapping).
You can also listen to SE websockets and create your own queue and alert system to keep them together.
@viral patrol i asked a question yesterday about your marathon timer widget and compatibility being added for mixer streams since i would love to use it on mixer for my streams. what would it take for that to be done?
Sorry for no responding you. I think I would be able to convert it to fit Mixer events. I am still learning Mixer's events 😉
awesome. thank you so much
I want to display the current level of my character in the streamtitle
I thought maybe I use the counting function of Snaz with a hotkey and the file is synced on a cloud storage like google drive or something and the bot is reading it out every X seconds and change the stream title
but no idea how to exactly I should do that
or does anybody else got a better idea? :/
Hello
is there a way to create custom alert commands that will show a custom gif/image and play a sound?
Yes, it is
Overlay editor > create a overlay > make it 1080p
Go to widgets > create the alert hat you need *aka sub/store redemption/follower/tip/cheer/host)
Insert your sound & gif into it, and then add the borwser source to your OBS
hmm that sounds like normal alerts
that will do it?
that will indeed play the sound and video that you upload on the alert
hmm... let me look
Say your store item is GG
Add ${redeem GG}
To your command and it will redeem that store item
Then simply add that store item to teh Store Redemption widget I said above and it will play whatever sound/widget you have it paly
dont have store redemptions for mixer
got it for twitch, thanks @shell tree
just need to replicate it to the others! good stuff
Hey does anyone know how to delay a stream label from updating in stream elements? I have an alert that plays ontop of it and i dont want it to update until the alert has finished
idk if streamelements is allowed to but i suggest intergrating amazon music into the song request bot, have it so you can select what platform you want music to go through and if someone selects only amazon music this would get rid of 99% of song request trolls
@pulsar willow 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.
Hi, I was hoping someone might have a way to get a list of users and the time the have spent in the channel for a specified period of time.
Hello. I'm having issues with customization of Donation {amount}. Let's assume I'm emulating a 1€ donation and I have {currency}{amount} in the alert message. If custom CCS is turned off, the amount displayed is €1. If I enable custom CSS (but don't change anything inside it), the amount displayed is now €1.00. Do you know why this happens and how could I recreate the "non-custom" behaviour?
i want to do my own custom api, where i can learn?
@exotic otter Hi! You can use JavaScript:
let amount=parseInt("{amount}");
$("#selector").html(amount)
I think I was supposed to be added to the merch channel on here? I accepted my invite to the merch beta yesterday (and filled out the form).
Anyway. I don’t see it on my list of channels
one moment, i'll let it be fixed 😉
Thanks! I see it
@viral patrol Ty for your suggestion. I'm trying to paste the code in the JS section but the emulation of the donation gives a blank amount so I'm doing something wrong here (complete JS noob here)
You should have <span id="selector"></span> in HTML in place you want to display the amount
So code above (using #selector) can work
@viral patrol finally got to make it at least show a number with your instructions. unfortunately it is not the intended result I'm afraid (right now is rounding all monetary values to an integer). What I was looking was the stock behaviour, as in 1.00€ shows as 1€ but 1.50€ shows 1.50€. In other words, only show as integer when the amount is an integer. Sorry if I wasn't clear in my words.
Oh. I know that this solution doesn't look nice, but I think I would do something like:
let amount = parseFloat("{amount}");
let digits = 0;
if (amount % 1 !== 0) digits = 2;
amount = amount.toLocaleString(undefined, { minimumFractionDigits: digits });
$("#selector").html(amount);
When you refund active contest, the contest is still running, you can bet on it and timer still runs
Hello! I have custom alerts that I would like to implement into my stream, but unfortunately I am not able to resize the alert to the size I want. Is there any insight you might be able to share regarding this issue? I appreciate any assistance.
@random verge You can resize it via the web editor 🤔
@pseudo siren the animation is smaller than the text. so when I resize the animation, the text is still disproportionately larger than the animation if that makes sense
Not looking for a full how to necessarily but maybe a point in the right direction, I’ve seen @mild cipher create and use custom styled chat sources in scenes, what documentation (if any) can anyone point me to in order to get the data (username, sub badges, messages etc) to be able to customize the CSS and animations for my own chat?
Hi folks, i've been working on custom command ideas for a streamer i mod for. One command in particular I have already got part formed, but i was unable to find info from searching as to whether its possible or not to make a command pick from choices based from a previous random pick within the same command.
For example, something along these lines initially;
${user} beat ${random.chatter} but took ${random.pick '25' '50' '75' '100'} damage from their ${random.pick 'common' 'uncommon' 'rare' 'legendary'} ${random.pick 'shotgun' 'sniper' 'splodes' 'pickaxe' 'pistol' 'SMG' 'AR'} in the fight. ${user} drinks
would it be possible to have the command then pick a choice not randomly, but based off the random damage taken?
You would need an external HTTP API to do that
ok, thanks. i'll see what i can find about it in this instance.
If you know any php/nodejs/python coder - that person could establish their website's endpoint for your bot call.
not currently, im taking some C++ courses this year but thats prob not going to be helpful lol
do you know any good resources to read up on it more?
If you think about coding for our environment - take anything that is about JavaScript and CSS. Then you will find pinned messages useful. I am not aware of anything simple for serving HTTP via C++ directly
ok thanks. i'll go through the pins to find whats needed for the command itself. As for the api it would call, i assume that's where it would need something i or a coder i know made to run and use the randompick to generate a choice?
Yup. The coder should write http api to create that game based on variables StreamElements bot can provide
i like to jump in the deep end it seems. thanks for your help, i'll have to get to learning how thats done
I have a question for the Awesome Shoutout Widget made by ReneChiquete. Do I need to DM him or can I talk to him here?
probably just tag him here with your question
never mind, I just realized I just had to replace the words awesomeshoutout with twitch.tv/ and it would make the url
@viral patrol I couldn't tell if it looks nice or not, but since it works, I'm thankful for your help! Now I'll try to incorporate your code in the custom alerts I'm running 👍
Trying to figure out how to stop the newest credits roll widget after one roll - cant even get it to do a pause inbetween individual rolls (sub/follower/etc)
Hello together,
I would like to move the icons a little more to the right. Had "margin-right: 5px;" tries. But it doesn't work. See image
Is this the default custom widget?
Its the one just released a few days ago
Sorry, this was for @thick basin
😢
Yes, I have added my own icons. And now wants to push it further to the right. Because the icons touch the edge, see picture.
@shell tree Delete the word infinite in line 49 in the CSS and then it will scroll two times the lines for once.
To edit to only scroll one time, edit the HTML.
@thick basin In the Keyframe pop-in at 100% change the percentage a bit in line 96.
@rugged rapids Thank you very much with the Link 98. Thank you very much 🙂
Thanks Benno, you dah best 
Have a potential question bout editing one of the custom widgets
NOt sure if its possible, but basically; i wanna edit part of the widget (its a rotating social media list) so one of the social medias has a custom/personal offset than the others, so it fits more symmetrically with placement with others.
Not sure if its feasible in the CSS or w/e, was advised to ask here 👀
Case in point
Im not 100% sure of what I'd be looking for to edit or judge if its plausible, as ive only ever really modified n edited HTML/Python/JS with my hobbled knowledge of the last 20 years lol
Hey there everyone. I asked on Twitter and was told to come ask here. Would there happen to be someone, much smarter than I, at making a port for the credits in streamelements to work with Facebook? Thank you!
If someone needs a webhook for the channel points rewards, like I do they can temp. use this chrome plugin. Still wait for an alert-functionallity in streamelements.. the pubsub should be there. https://github.com/69/rewardhook
@wintry linden
You can edit this sort of line to the JS code where the two possibilities for the variable html elements are put together (default line 76 and 85):
${element.name == 'ABC' ? `<div style="margin-left: XYZpx">` : ''}
with ABC being the exatv value you entered in the Social X name field
and with XYC being the px amount you want it to be moved to the side (negative values possible).
Hello! I'm trying to send a get query with the following url: https://api.streamelements.com/kappa/v2/points/MYCHANNELNAME/alltime , But I'm not sure what else do I need to accomplish the request.
It always throws this:
{
"_total": 0,
"users": []
}
I'm doing this with Bearer 'JWT Token' Auth
I'm just trying to get the data with Insomnia (tool)
The channelId is not your channelname, it is the ID _id you can get like described here: https://docs.streamelements.com/reference/channels#channelsbychannelget
Ohhh, thank you very much! Sorry for such a newbie question 😄
(Edit: working as intended, love you!)
big brain nerds, i have a custom widget in my test overlay, i need to adjust the initial count (loading %) timer
i cant seem to find it, can someone let me know when theyre free so i can send you the widget
thx 
I'm a small brain nerd, but I could take a look and see if I can help 😉
Does anyone know how to have a queue for twitch chat to join that can randomly pick a person? Want to allow people to join queue for 1v1s and it randomly picks someone for me to play against
The viewer queue doesn't choose a random person in the queue. Goes in order
and I am a complete noob to all things coding hahaha
With the queue of thefyrewire a random draw is possible.
@dreamy wasp
Is it possible to create a custom API that can set userpoints via a custom command? I am wanting to create my own game for chat.
@jade vale This endpoint allows you to update userpoints: https://docs.streamelements.com/reference/points#pointsbychannelput
Hi ive been recommended to come here. Is there a way with the streamelements bot to have it pull a url when someone follows my channel
*streamelements 
is for a IFTTT webhook ive made so all i need it to do it fetch a url instead of typing a message in chat thankyou someone for following
assuming that wont work?
guessing that will just type the message in the chat
Hello... Im trying to use a custom overlay in OBS with StreamElements. What I need is how to find the source code for "latest subscriber" "latest tipper" "latest follower" and "top tipper". Im sure its an api somewhere, just dont know where to find it. Thanks
Take a look at the documents at the head of this channel
Thanks Benno
Now if I can just figure out how to put it in, I know little about coding
@feral eagle Using variable like that should work, but instead of urlfetch use ${customapi.https://somewhere.com/test.xyz}
Ok ill give that a go now
{user} thankyou for following the channel ${customapi.https://somewhere.com/test.xyz}
so could i make like so
@cyan shuttle You can adjust that: https://github.com/StreamElements/widgets/tree/master/CustomLabels (create a custom widget and paste contents of each file to corresponding tab, json goes to fields tab)
but obviously replace the link
@feral eagle Also keep in mind that script will write output as message on channel.
Also you can make that via custom widget.
Ok so customapi still writes the same response
Just create a widget with JS only (remove html, fields, css):
window.addEventListener('onEventReceived', function (obj) {
if (typeof obj.detail.event.itemId !== "undefined") {
obj.detail.listener = "redemption-latest"
}
const listener = obj.detail.listener.split("-")[0];
if (listener==="follower"){
fetch("https://YourURL/follower.xyz");
} else if ( listener==="subscriber"){
fetch("https://YourURL/sub.xyz");
}
else if ( listener==="cheer"){
fetch("https://YourURL/cheer.xyz");
}
});
so im guessing it will just be because thats the response the webhook gives
It is because of that. With that snippet above response is ignored
id prefer the url is pulled but not posted in the chat if that makes sense
But this will work only when you have this widget running in OBS (so add it to your overlay)
legit have no idea how to do what ur suggesting 😦
One moment. I will give you a link in a second, to make it easier.
What platform are you using?
would it be adding a custom alert box and pasting that into the custom css?
Twitch/Mixer/YT/FB?
twitch
This widget will send a request to provided URL when event is happening. Keep it running in OBS (so add overlay to your OBS as Browser Source or copy this widget to your current overlays)
Also: It won't work if stream is offline
Ok ill give it a try now thankyou
Ok so ive tried it and doesnt seem to work
do i need to add my channel info anywhere for it?
Yes ive added as a browser source
however, althought in fields on the editor (ive put the webhook url there) if i go onto the editor and fields all is blank
should i add the url to the value on follower
Those are "default values" there, they can be blank
ok
this is what i have done
then saved that and added the widget as a browser source
Can you open that overlay in chrome, press f12, go to network tab and emulate event then?
sorry i suck at this lol
No problem at all!
🙂
I see lamp flashing!
No problem at all! Have a great time with StreamElements.
even better than it doesnt work when stream offline so that was the icing on the cake 🙂
Yup. I imagine disco on your ceiling when you try to sleep 😉
exactly lol
proof that you dont need an expensive phillips hue etc to create events
just someone like you who knows what they are doing haha
thanks again have a great day
Need help with exporting my alerts that I made in AE, would be glad if some one can help me.
Please do not ask your questions in multiple channels. Thank you.
I'm confused. I'm working on a custom widget. Trying to get total follower count on widget load. I've tried a couple different ways based on examples I found and it's not returning other than 0. What is the standard method of pulling information like that?
Can you share the code you used?
Here's one of the examples I tried
let apiKey = obj.detail.channel.apiToken;
let channel = obj.detail.channel.username;
fetch(`//api.streamelements.com/kappa/v2/channels/${channel}/`, {})
.then(response => response.json())
.then(function (channelData) {
let channelId = channelData._id;
fetch(`//api.streamelements.com/kappa/v2/bot/${channelId}/counters/${tests}`, {})
.then(response => response.json())
.then(data => botPoints = parseInt(data.value));
});
I would like to use SE API, but that didn't seem to much more either
This example isn't specifically follower count. This one is for a counter value, obviously. But the concept is the same
Oh. This example you have is for bot counter like !wins !kills and so on
If you want to display current follower count you can use this as base: https://github.com/StreamElements/widgets/tree/master/CustomLabels
So I'm a novice when it comes to coding. I want to do something very specific and I believe it is easy to do if I have the right list of commands. Is there such a list? I see the API documentation above but after reading through it I don't see what I need.
I want to program the widget to read twitch chat and when seeing a certain string of text to call up a video that plays in the browser source.
this is probably very easy but again im a super novice at programming languages
There is a Video on Command widget by Benno that should allow you to do that
ooh. thank you ill look into that
ah so it only reads typed messages in chat. was hoping it could read chat to capture the text message from custom channel point rewards without having to get a chrome extension
With the queue of thefyrewire, I see that you can draw a random name. What I’m not understanding is are you suppose to type the queue command in twitch chat and what should happen once you do?
You type the command in your twitch chat, after you set it up and it will give you the random user or users you want in chat.
I typed the random user command and nothing happened. Where should the name appear?
The name sould appear posted by the chatbot in your twitch chat.
@rugged rapids Nothing appeared in chat when I typed !queue next random
Is somethign appoearing in chat when you type !quee next ?
Is even someone in the queue?
Yeah I added myself to the queue.
When I type "!queue next" nothing happens
I am writing a tool for someone that lets them allow access to a minecraft server through watchtime logged with streamelements. Right now I am using All time points, but I have noticed a difference between what the streamelements Twitchbot says and what points a user has. Say in twitch I have 2.5 days of watch time, and for all time points I have 57900 points (at 100 points every 10 minutes), this would equal 4.02 days. I wondering if the twitch bot, or the points, is reporting the incorrect amount of time, and if there is anyway for me to get the watchtime of a user directly, outside of twitch chat.
Does anyone know how to take the custom widget and have it point to a website and pull text from it?
The situation is this, I have a php script that reads my stream's title, game, and game box art and pulls them up. I normally call this info Snaz (RIP) by calling this site: "somesite.com/twitch/twitchinfo.php?a=title" and that page would return the stream title in the API. Is there a way this can be pulled via one of hte custom widgets?
@silk radish Are they getting points for offline time? You could check the watchtime from streamelements instead of using the points maybe?
@snow summit If you make a php endpoint on your site that returns that information you could use a javascript http request to get it from a widget.
Hi all! What's the easiest way to share overlays with others?
Get Editor access to their account and copy the overlay to their account.
@rugged rapids through https://api.streamelements.com/kappa/v2/overlays/channel/action/action ?
Follow these steps to grant managers/moderators access to your dashboard:
- Click on your Channel Name at the top of the dashboard and select Settings
- 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
@rugged rapids Is there no other way? 🙂 What's the /overlays api for?
Not sure myself, as I haven't used the API myself.
how do you make overlays
@keen gate Check out this video guide to learn about the StreamElements overlay editor: https://www.youtube.com/watch?v=LwAfMIR3Cj0&list=PLCDDKlFdScbEwdx5AntcQIS1InkFJwHtv
StreamElements Overlays are loaded from a single browser source in your streaming software, making streaming easy. https://streamelements.com/
StreamElements overlay editor enables full customization of your overlay, improving stream visibility and an increase of audience in...
okay thanks you
Hey guys I'm just curious to see if there's any news on integration with twitch points or is there still no API?
nope
Dang it. OK Thank you
Send a really angry tweet to Twitch 😛
Will it help?
probably not
😂
twitch has a mind of it's own 😛
Haha true story. I'll try anyway
Using the queue system from #widget-share and some of my viewers cant join. ANy ideas why? The limit is not the problem
Only some?
Yes. Seems that viewers that have no badges at all can't join the queue

@mild cipher Confirmed the bug above; if the user does not have a badge it does not place them into the queue, but if the badge is added onto the user they are added on. Tested it on (3) accounts.
Also... queue command is not doing anything in the chat
Your prob talking about mine I assume @dreamy wasp
I have a fix for it, and also added a dB so if u switch scenes the queue stays
my connection to the realtime OBS websocket has stopped reporting item store redemptions, it gets every other event like follow/subscriber but nothing for item redemptions for the past 24 hours?
@broken jackal Can you elaborate a bit more? OBS websocket?
sorry didnt mean obs, I meant the the realtime streamelements websocket.... too used to typing obs websocket >_<
I know that Patreon isn't a native widget on StreamElements, but if anyone knows of a starter code snippet to listen to the Patreon API though, that would be swell! I've been searching around briefly for something to help me kickstart the idea, but no luck so far (for use in a custom widget)
@broken jackal How are you connecting to the websocket? with the JWT token? I hope that is enclosed in the overlay it self.
connecting via node script using socket.io, not overlay stuff
authentication is successful, havent changed any code regarding it, it just stopped workking about 24 hours ago suddenly mid-stream
getting all events except item redemptions
are you authenticating with the JWT token?
yes
Logout from our dashboard, login again and retreive the JWT token again
Just know that its not the safest way to connect to our API
if the JWT token is leaked
what other ways are there to access the redemption events in realtime?
other than parsing the chat alerts
Its better via the oauth2 in general as its more secure, but I'm not sure if the redemptions events is an open scope. @static wigeon can confirm that.
ooh i'm stupid, it should be part of the activities:read scope for the oauth2
ah ok, I'll look in to that later. no way to fix the redemption event not triggering in the websocket for now?
Try with a fresh JWT token
This has nothing to do with the channel, but the answer is usually 2-3 business days.
i applied for oauth2 access a while ago now, but i haven't heard anything back - is there anyone i can talk to about it?
@knotty thorn Did you fill out this form?
https://docs.google.com/forms/d/e/1FAIpQLSf0QppxXBTG1Qbuh2ylZyLtsZK-1b3-kEz1ofwipSNcjwOlOA/viewform
@static wigeon Hi. You can check it? 👆 Thx
(sorry for the ping)
cool, thanks
@indigo flume I reset JWT token and it didnt fix it. I notice also the feed in Ground Control isn't live updating either, but shows the events if I fully reload it (with the new jwt)
does anybody here know how to fix the twitch streamlabs leaderboard extension? it wont update
Best to contact StreamLabs on that issue.
yeap sent them an email
You can also use StreamElements leaderboard which you can get help live on our Discord. Might do the trick.
Diving into the streamelements API for the first time, is the channel id, just the string name for a channel? I keep getting no data on a few cURL
The channelId is not your channelname, it is the ID _id you can get like described here:
https://docs.streamelements.com/reference/channels#channelsbychannelget
Great, thank worked. Thanks benno
Hi folks - Was wondering if it's possible to get around the iframe restrictions on custom widgets for a widget for my own stream? Maybe some sort of "I know what i'm enabling in my overlay is potentially unsafe but I want to do it anyway" ?? 😁 tbh I fully expect the answer to be no, but figured I'd ask just in case! Thanks.
Unfortunately this is not going to happen due to security issues that could happen. I advise using XHR calls to external services if you want to use them.
Thanks. I want to embed my cam feed using getUserMedia. no worries though, figured that wouldn't be supported/possible.
idk where to put this since i just need help with the chat commands but how do i put links in the commands for like my youtube and twitter
question do i need to fill the form out if i am only using api end points that connects to the helix api on twitch, since i really only need data to flow into my db for my moderators to use not the general public this is built on a laravel platform
or do i only need the JWT token
Are you referring to events such as follows subs cheers and additionally tips and store item redemptions?
@dusk cargo just put the links in the custom commands
yes mainly tips really
as i have a phantombot server ws intergration but all i really need is tips
The wisest thing to do is to apply for the Oauth2
ok i will then, i havnt made a success enpoint yet
as its more secure, then having to build around trying to obscure the JWT token
"i havent made a sucess endpoint" - i'm not sure what you mean by this
well it says in the form that a success redirect uri
so im just guessing a page that says yay
ah right, well you need to have your own website
yes i do
laravel
but only staff can access it not the general public yet
in the api docs is the channel reference twitch channel id
yup sweet
@indigo flume I did but it wouldn't show the link as a response in chat
Are you on twitch?
No mixer
@indigo flume continuing from my issue yesterday (not receiving item redemption events via SE websocket), resetting the JWT token didnt solve the issue and I've noticed that Ground Control and also the activity feed on the main webpage are not receiving live redemption events until I reload the webpage/app (as in, redemptions that occur after I load the app/webpage do not show up in the feed until I reload)
was the websocket protocol changed? I'm sniffing the overlays connection to the websocket and it seems there is no event named "event" being emitted anymore, its just directly emitting as "redemption" (instead of "event" -> event.type = redemption)
@static wigeon is the best person who can answer that
Hi there, not sure this is the right place... I am using the custom widget Recent Events Rotator... and was trying to add all time gifted subs to it. In essense a single line rotating Top Gifters List widget. I looked through the git hub field names but couldnt get anything to work... could you point me in the right direction?
This is an index for top gifter.
data["subscriber-alltime-gifter"] an array of
data["subscriber-alltime-gifter"]["name"]" - Name of latest gifter
data["subscriber-alltime-gifter"]["amount"] - Number of gifted subs
You can use it within onSessionUpdate and onWidgetLoad
thanks for replying, dont think im smart enough ;p
Which widget are you using?
Recent Events Rotator
From widget-share or github?
from widget-share, i was only looking at git hub for field names
yes @viral patrol thats the one
Hello, trying to set up a script to have a cron job running on my server use my token and such to post a message to my twitch channel's chat room... is this at all possible?
Basically I'm setting up stuff on my server side, when I'm done the job will pick that up and post to the twitch chat through the SE bot.
Not sure if that's possible or not.
Basically I'm trying to create a betting tool for my chat, similar to how StreamLabs has one. All my loyalty points, etc is with SE and I'd like to keep it that way...
The only real way we can bet is through Contests but that amasses points bet into a shared pool. Not the betting system I'm looking for.
how do i do multiple scopes for oauth? eg activities:read+session:read ?
@lofty wigeon you can use this endpoint to send message as bot: https://docs.streamelements.com/reference/bot#botsaybychannelpost
@knotty thorn scope separator is space (%20)
ok cool thanks
WOOT! @viral patrol thanks so much... totally forgot about that endpoint reference. So far so good!
Hi there, where do i find the web address for images/gifs i have uploaded into my library?
Add an image to an image widget, rightclick on the preview image on the left and copy the url.
sweet, thanks @rugged rapids
is there a widget out there that will play a sound when an emote is typed in twitch chat? I tried doing it via commands but it won't pickup the emote string as a command. I want to play different sound per different emotes.
I haven't seen one, but wouldn't be to difficult to whip something up for that. 🙂
i have seen a mixer streamer who uses elements that has gifs and videos that somehow use the viewers icons/logos as overlays ie dancing gif that travels across screen like a ticker and has the viewer logo as a head. He wont divulge and Cannot find anything online. Is there any1 with a remote clue how i can persue this????
@pulsar willow whats the username
@steady iron May have been answered but I can't find it. I am going through setting up the Awesome Shoutout but the animation isn't animating and the text just appears instead of doing any of the animations set.
@broken coyote scottishrebel.. something. Has a greenish esports logo of a topless scottsman with "angry scotsman" hat . Guys funny as hell and effects he has are insane but i askedcouple of times he avoided answer but was a busy chat :(
Its his thing but i thought there would be something online somewhere. Overheard elements in the stream once so im assuming he may be using it. Hopong a guru might just know of the method of such alert work
I highly doubt he is using SE for that effect. I haven’t seen any mixer chat widgets yet
😟 oh well il just have to wstch his stream and be jealous lol thanks @broken coyote
@whole cliff that sounds like a problem related to Windows configuration, go to the System properties > performance settings, make sure the option for Animations and JavaScript (there first 3 ones if I recall correctly) are checked
If you still have issues, drop a private message
Also, check if the overlay actually shows up correctly in OBS, it should
hey, I'm just starting out with creating a custom widget. Is there any way to listen to a specific twitch channel points event? Like someone used a specific amount of points in chat
atm I think the Twitch channel points API is still closed
It doesnt seem closed. https://dev.twitch.tv/docs/pubsub/#example-channel-points-event-message
I'm just not sure how to get the point redemption data via Stream Elements widget
@pulsar willow You can obtain user avatar and use it within your alert when you call this endpoint: https://docs.decapi.me/twitch?endpoint=avatar%2F%3Auser
Return of that is URL of avatar, you can use it then as image anywhere
@viral patrol he was referring to mixer
Excuse me while I fire up google translate lol
I found this one only: https://dev.mixer.com/rest/index.html#users__user__avatar_get
But it requires userid instead of username
alot of the mixer stuff is bots that you download
im a noob. i havent had any luck with working with the mixer api
I think Fyre has some but not sure
i appreciate all the input guys really do thank you. I just want a gif of a dancing penguin and to pull the user logo onto the head of it as an alert for follow. It sounds simplistic but I havnt any idea how any of that would work if anyone thinks they could roll with me on discord and figure it out together msg me asap lol currently working on my overlays etc now
@pulsar willow i can tell you he is using streamlabs for alerts
ahh nvm then
hey guys, a girl in #🇮🇹︱italiano asked if it-s possible to use a custom CSS for the chat in overlay
can someone help me so i can explain to her?
Sure. It is possible when you use custom chat widget.
Just create custom widget and paste contents of each file from here https://github.com/StreamElements/widgets/tree/master/CustomChat to corresponding tabs in Custom Code Editor. JSON file goes to FIELDS tab.
is anyone around?
I'm thinking of using a custom api, not sure if SE can output specific json responses that I could specify in the command?
For the bot there is an API variable you can use to output the whole resoponse of a website.
yes
but I don't want to do that
since a web request to that API gives me a JSON
I would very much like to use the command to be like "hey, I want only that specifc part of the output, bring that here"
To post something in chat with a custom widget you would need a server to process the request the widget sends to this server. As you have to check the JWT token and you do not want to put that in the overlay widget in plain.
nothing about a widget
the bot cannot "cut" answers form an api. You would need to create a custom widget.
$(readApi[URL]clip_url)
so for example, this is what another bot does. it looks at JSON that the API at the URL outputs and only takes the "clip_url" part of the output
I was wondering if SE's bot could do that
okay, I'll take that as "no, it can't"
thanks 🙂
epic
Alright, go to your alert, and click 'enable custom css' and then 'open css editor'
Send your HTML and then CSS pages there.
Lines 2 to 4, delete in HTML
In CSS change your lines 7 to 10 to this: .awsome-text-container { font-size: 42px; animation-duration: 1s; font-weight: bold; }
and for animation-duration: 1s; change "1s" to whatever delay you want it to be.
is that everything?
What delay are you setting it to?
ill set it around 1.7. ill have to mess around a bit
If you look at lines 21 to 49
you see animation-delay:0s
then .1 .2 .3 and .4?
In CSS
Whatever value you set your first animation-duration to, add to those values.
If you add 1s to it
Change it to look like so:
ah alright
its changed the colours, style and everything but i should beable to just edit it to my liking
Do not know enough about CSS to fix that, I apologize.
Someone in the morning may provide a better answer aswell, but that is how I personally would do it
its all good
Thanks for the info
and for the help, that was really good and easy to follow
how do i get it to do an amination?
its gotten rid of quite a lot of other settings
also could you send the code to change it back just incase i like the old setup better
<div class="image-container">
<img src="https://cdn.streamelements.com/static/alertbox/default.gif">
</div>
<div>
<div class="awsome-text-container">
<span id="username-container"></span>
is now following!
<br>
</div>
</div>
</div>``` HTML
@import url('https://fonts.googleapis.com/css?family=Nunito');
* {
font-family: 'Nunito', sans-serif;
}
.awsome-text-container {
font-size: 42px;
font-weight: bold;
}
.animated-letter {
animation-duration: 2s;
animation-iteration-count: infinite;
display: inline-block;
animation-fill-mode: both;
color: #3F51B5
}
.animated-letter:nth-child(1) {
animation-delay: 0s;
}
.animated-letter:nth-child(2) {
animation-delay: 0.1s;
}
.animated-letter:nth-child(3) {
animation-delay: 0.2s;
}
.animated-letter:nth-child(4) {
animation-delay: 0.3s;
}
.animated-letter:nth-child(5) {
animation-delay: 0.4s;
}
.image-container {
margin: auto;
display: table;
}
.text-container {
font-size: 16px;
color: rgb(255, 255, 255);
text-align: center;
margin: auto;
text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px;
}
``` CSS
Thats the default.
It hasnt removed any settings on my side, attempting to replicate.
Actaully unable to get setTimeout or setInterval to work - unsure as to why
Well have to wait on the nerds of this channel to awake from their slumber I suppose; sorry 
its all good
Thanks for trying
can you guys @ me when the nerds of the channel wake up
When the nerds of the channel wake up lol
Theyre allways woke 
Not gonna argue that
Kinda curious as to what the answer would be myself - fiddled with it for abit last night and couldnt find a answer that got everything to delay, just the animations.
I’ve read over the issue like 10 times now. I’m not understanding what is wanting done
He wants his alert to not show for 1.7seconds or so after it should.
Im assuming he has some music or something and wants it tos tart at a specific point
Oh. Just wanting to delay the entire alert?
Yup
I just rolled out of bed. I’ll take a gander in a min
@shell tree @polar hollow https://streamelements.com/dashboard/overlays/share/5e1b8b8eb74d92c054264dc5
there is what i came up with. its only setup for the follower. you would need to copy over to the other alerts if u want others
🤔 I knew I wasnt too bright
I was putting setTimeout's function only on function stringToAnimatedHTML instead of the entire thing
still have had to remove the "is now following" text, other wise being its from html it will get loaded. so i set it as a field and placed it in the js
you guys and your coding language skills haha
ill look into it after i finish my script
Hey guys, I was wondering how I could create a widget that summed together my session follower, donations(per $), and subs (x5) for a global counter that had effects as it reaches certain values (that part can be manual instead of automatic). Thanks!
If you know coding check the channel description for the custom code widget variables and what not.
Okay, that sounds like exactly what I'm looking for, but where is the channel description exactly? I'm very new to streamelements
@viral patrol is the version 1 of your "Wheel of Fortune alertbox" https://discordapp.com/channels/141203863863558144/457957557470887947/463072521177006080 editable in anyway?
i'm looking though the js code and it looks to be compacted and extremely hard to interpret.
@carmine atlas Hi! This widget was created loong time ago when I thought that obfuscating code will be a good idea (especially if your backup is gone). However we have a way better widget that you can use - https://github.com/StreamElements/widgets/tree/master/WheelOfFortune
It uses external library (WinWheel.js) that has a lot of options.
i saw that one, i'm trying to get it to work like the first version (as a sub alert)
I just pushed an update there that allows it to spin on tip/cheer events. If you want to use subscriber, you can go to FIELDS and add subscriber-latest to "listener" field:
Keep in mind that it will run then on every sub event - for example, community gift of 5 will make it run 6 times (1 initial event (X gave 5 subs for community) and 5 times (Y got a sub from X))
@silent granite do you have the SL dashboard open?
Does it give some sort of error?
Is it possible get character € for this widget https://streamable.com/lxdwk ? I have only $ character in tips.
does UrlFetchApp.fetch work on SE?
if you are asking for the bot our variable is ${customapi.link-goes.com}
i've been editing LX's spinning wheel widget, what i'm trying to do is output the result of the wheel spin to a google sheet
oh then it should work as its basically pure javascript anyway
cool, was just checking incase of some sandbox issues
Where can I find the channel description for the widget variables?
Thank you, I had assumed you meant in my streamelements editor
what a good site
@indigo flume is it possible to send a whisper from a widget?
Not in a secure way
the UrlFetchApp.fetch threw an undefined error
If you are trying to write something into a google spreadsheet
they have a documentation on how to do it via the spreadsheet API
I've been trying to understand how the custom widget works and I don't understand where all the widget programming is.
When I click "open editor", I get 4 tabs: "HTML", "CSS", "JS", and "FIELDS". And the HTML tab only has two lines:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<div class="main-container"></div>
and the "main-container" class isn't referenced anywhere in the CSS or JS sections.
Also, in the API reference sheet, it's all in cURL
Nevermind for the second message, I clicked on the wrong reference sheet.
The CSS tab is loaded internally, so you just need to style your widget in the CSS tab
you don't need to reference anything, unless a font or something else external not hosted by us
Is the JS file automatically called at the beginning of the HTML file?
yes
Alright, thanks again
@indigo flume the is the error i'm getting ReferenceError: UrlFetchApp is not defined srcdoc:299:3 sendHttpPost about:srcdoc:299 <anonymous> about:srcdoc:184
I am calling UrlFetchApp.fetch("www.google.com")
from my chrome javascript code and I am getting:
Uncaught ReferenceError: UrlFetchApp is not defined
Anyone know why it is not defined? I thoug...
[redacted expletives]
https://tenor.com/view/excited-hockey-kid-gif-10474493
i got it working
Is there a way that you can affect a widget using a chat command? Specifically resetting a counter (not a bot counter, but a counter built into the widget)
Sure! You can listen to chat
let fieldData;
const checkPrivileges = (data) => {
let required=fieldData.privileges;
let userState = {
'mod': parseInt(data.tags.mod),
'sub': parseInt(data.tags.subscriber),
'vip': (data.tags.badges.indexOf("vip") !== -1),
'badges': {
'broadcaster': (data.userId === data.tags['room-id']),
}
};
if (userState.badges.broadcaster) return true;
else if (required === "mods" && userState.mod) return true;
else if (required === "vips" && (userState.mod || userState.vip)) return true;
else if (required === "subs" && (userState.mod || userState.vip || userState.sub)) return true;
else if (required === "everybody") return true;
else return false;
};
window.addEventListener('onEventReceived', function (obj) {
if (obj.detail.listener !== "message") return;
const data = obj.detail.event.data;
if (!checkPrivileges(data)) {
return;
}
if (data.text==="!resetcounter") {
resetCounter();
}
});
window.addEventListener('onWidgetLoad', function (obj) {
fieldData = obj['detail']['fieldData'];
});
Something like that
where resetCounter(); is a function that resets your counter
And fieldData.privileges is a field in FIELDS tab:
"privileges": {
"type": "dropdown",
"label": "Who can participate:",
"value": "everybody",
"options": {
"everybody": "Everybody",
"subs": "Subs",
"vips": "VIPS",
"mods": "Mods",
"broadcaster":"Broadcaster"
}
}
is there anyway to simulate a 10+ sub gift?
Thanks @viral patrol, got it all working now!
Hello, i have a question. Is it possible to have a stream label for example last donator, in 2 different colors? the donater white and the amount another color? and the same thing with latest subscriber, exactly as seen within the picture. i've already asked your support. He told me i need a custom code for that.
Hey, is it possible to award points from a custom command? I want to award a random number of points within a range
hey just wondering if anyone knows how to change the text color on the stream chat widget?
Click your chat widget, go to Text Settings, then click that very light circle to change your color.
only settings that show under text settings
on mine for some reason it doesnt show pick font or the color bar
pleas send a screenshots of your full text settings
can i just screen share real quick?
Please just screen screenshots.
thats what im trying to say my full text settings is the screenshot i sent, it doesnt show the change font or change color bar even when i scroll all the way up
What browser are on you?
chrome
Then please send a screenshot similar to this:
ahh im an idiot thanks alot bro
yo bajs i have a question. Is it possible to update command on channel where im Supervisor (without owner's jwt token) by api?
can any one help me with this, would be greatly appriciated 🙂
i need a Variable that can edit another command. so i can make a lastkill command with a !editlastkill, so !lastkill will post a link (clip) and with !editlastkill (postet new clip) goes in and replaces link in the !lastkill command
weird question.. how can i develop a new widget and test it out on the progress?
nevermind i just find "Custom widget"
@upper bough from the overlay itself, you can create an overlay on My Overlays section, inside the overlay add a Custom Widget, and there you can play around with the HTML, CSS, JS and Fields
yeah yeah yeah Rene.. hey Rene i saw you on Youtube!
I was young and I needed money, I swear
LUL
wait, what video did you see?
i will send you my paypal acc with the link
I'm not young anymore... but I still need money, so sure
@tepid elbow you will need a custom development for that, not a simple thing
i was asking to play around with the widgets
im a web developer so i think i have the skills 🙂
@empty cairn if you're an editor, yes, you can manage the custom commands for that channel

But you need to be granted editor permisions on StreamElements, being a mod on Twitch (or streaming platform) does not give you automatic benefits on StreamElements
@steady iron i understand but im asking about api. keep getting 403 code
I haven't tried that, what endpoint are you using?
403 is Forbidden, so it does sound like you would need elevated permissions
@steady iron because im using my auth token and send data to another channel (where i have editor permissions)
Rene, silly question.. add Custom Widget and then OPEN EDITOR right?
yep @upper bough , correct
remember to click on the custom widget first, to get the option
uhmm i modify everything.. html, css, js and json and nothing happen
what are you trying to achieve?
test the github ones
First of all, by nothing do you mean the widget is now just a transparent rectangle? What is the trigger?
A good start would be to press F12 to open the dev tools and verify if there are any errors
on the Console tab
no fields show 😦
usually that means something is breaking it
oldest tactic: from less to more, shave everything out, only leave { } and then add one field
so its impossible to send data without owners jwt i guess 
some API accept the overlay token, but what you want to do goes out of an overlay, so I don't think it will work using Overlay token
thanks for answer
I would say to try a different approach, whats stopping you from having the widget in the channel where the change will happen?
im lazy
I think that your last field definition might end with comma
Hello! I need some help
I want to setup a !trivia command that pull a random question that I have added into a query that the viewers on my channel can answer for loyalty points. They are given 2 minutes to answer and then the answer will be displayed
Ex:
!trivia
Streamelements: Trivia has been started. You have 2 minutes to answer! Round 1: What goes up and never comes down?
then they input like !triviaAnswer A Balloon
Streamelements: @wise vaultever viewer You are incorrect. 45 seconds remain for Round 1
Streamelements: No one answered the question correctly. 0 loyalty points have been rewarded.
then moves onto round 2
and the trivia can be stopped by a command like !triviastop or something
Streamelements: Round 2: What has a head and a tail but no body?
Viewer comments a coin or coin or the tags I set as correct
Streamelements: @wise vaultever viewer is CORRECT! 50 loyalty points have been awarded!
Streamelements: Round 3: etc
etc
etc
You get the gist
@steady iron oh okay. well then i guess ill have to go with nightbot. but thanks
@pulsar willow is very heavy task that you wanna archive.. hope anyone can help you out
I have a decent understanding of programming, just need help starting out and getting all the variables listed and such
I think that this would be possible, but it would require external resources to connect to SE API (to handle points and send messages as bot)
To keep logic together (besides those two mentioned above, but connecting to them via XHR) you could use custom widget
You could do something else as well - you can use IRC trivia scripts (for eggdrop, mIRC, BitchX, irssi and so on), convert them a bit (to send !addpoints xyz 50 before announcement message) and connect them to Twitch directly.
What would be the most beneficial way? Through IRC trivia scripts or custom widget?
The easiest way - I think IRC scripts as whole logic is already there. Custom widget would require writing whole logic from the scratch + writing man in the middle script as well, to communicate over API with StreamElements to add points or send messages as bot.
Makes sense
is there a common at the end of your value one?
Also you have no "" around your identifiers so "type": "Sound-Input" etc
"audio": {
"type": "sound-input",
"label": "alert sound",
"value": "url"
}
}
you're right @crude crest
@pulsar willow
I am not sure if you figured it out, but if you have experience with streamlabs chatbot scripting previously I might have a useful resource for you. Made a similar lightweight scripting environment for streamelements which runs on your local computer. Still in early development but works well, especially if you wish to integrate the StreamElements API within your application
It is built with Python 3.7 instead of Python 2.7 though
Compressed a python environment into a .exe so no actual install is needed as long as you are using supported packages
I have a little experience with chatbot, I just don't like their software for it compared to SE
@upper bough just lx seems to be me 😉
Its your widget the "AlertOnProgress" right?
It is
will you guide me trought it?
Sure thing! Once it loads it gets current state of tracked counter (for example follower counter), to not display alerts for previous milestones met
(so lets assume your counter is at 50, and your milestones are 10,20,30,40,50,60,70)
On loads it disables everything up to 50
And once 60 or 60 is reached it plays alert.
It can play custom code alert. The code on github contains default alertbox
i write a idea post to add a preview of the widget on github, so everyone can see what it doesn't and dont say this is BS, cause i can't make it work.. so i have like a reference to see .. "ooh that was suppose to happen" u know what i mean?
Github is a place for widgets that are for people with coding knowledge, some of them make it to the #widget-share (for less tech people), then if there are no problems and they are easy to setup they make it to the Widget gallery.
So if you made widget from github work for you, you are definitely a tech person 😉
yeah yeah i know.. but i was thinking "its this right?" "what its the right behavior"
Does anyone know if theres an SE scrupt similar to SL remote parameter?
I have a script set to run using the customapi command...everything is working fine... I'll do a print message so the response goes to the user as a whisper/reply...
One issue we're finding is that twitch's reply windows don't automatically update with the new information being sent to the user. They have to close the pop-up DM box completely and re-open it from the top of the screen.
Is there a endpoint in the API that would allow us to message a person as a whisper via the bot like we can send messages to our general chat?
... and would that even solve the whisper problem? I'm guessing no... but... have to ask.
Hey guys,
Does anyone know how long the application for oauth credentials takes? I would like to know a rough time frame. I'm planning to release a product, and I'm also considering integrating streamelements in the first version.
Greetings ✌️
@inner vale Hi Ghost Did you fill out this form?
https://docs.google.com/forms/d/e/1FAIpQLSf0QppxXBTG1Qbuh2ylZyLtsZK-1b3-kEz1ofwipSNcjwOlOA/viewform
Sure, I just wanted to see if anyone knew how long an answer would take. To make our planning easier 🙂
@static wigeon Hi, you can check this? Thx
👆
Sure thing
We're doing another batch tomorrow!
So you really should have it by then @inner vale
Ok, thank you for you fast update! 👍

@pseudo siren thanks for helping and connecting me with the right person to get an update ❤️
A batch tomorrow, I better get my app in today then! 
TLDR from my post above: Twitch whispers suck; is it better to have the SE.bot use a reply endpoint to make the whispers better or is that just a Twitch thing? Does a Reply/Whisper endpoint even exist in the API?
Hmm odd. I've never had a problem with the /w command not working from the command line with the bot. 🤔
it's more like... the script will reply but the whisper box doesn't get refreshed with the new info unless the user completely closes the message box and open it from the list of incoming DMs.
I feel like this is a twitch UI thing (pretty sure of it).... but not sure if there is an existing endpoint to let me have the bot whisper the user and if that would even solve the problem.
Hey all, was told to ask here from #helpdesk-twitch. I'm currently using Alpha Gaming's sub/follow train and I'm looking for some help doing a bit of extra customization with it. I have some experience with Java from years ago but not enough to go about doing this myself
Quick vid of what I've got right now
What I'm looking to do is make it so that the white is on the left moving right as the train progresses as well as fine tune the actual bar so it's the same as the shield bar above it
Currently can't change the colour without removing the transparency of the train, and don't know how to fine tune the bar
If I could share my overlay with someone and they could help me out that would be amazing! @ me if you can help!
Main issue is that the "background line colour" is always in the background so I can't actually add a transparent background
As the line is meant to disappear, not appear
Actually, might have just found a workaround
Nope, nevermind
Greetings! I am using the 3D subscription alert 🚨 widget, is there anyway to make my other notifications the same.
Copy the code from the alert and paste into the rest
Do I need to change any of the code?
No need to change anything there
Ok thank you
I copied everything but when I tested it , the alert still said just subscribed instead of the correct tip alert
Open CSS and find/replace a "just subscribed" phrase
Is there any plans or thoughts about adding like a remote for obs live? I know Streamlabs uses one and was kinda handy when streaming without a stream deck. If not, how do I go about recommending such an app to the developers?
@pallid sky 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.
Thank you.
@pallid sky Technically already can with OBS-websocket. Add the plugin to OBS and either use this website ( http://t2t2.github.io/obs-tablet-remote/ ) which works on both iOS and android or any of these which are android only https://obsproject.com/forum/resources/touch-portal.755/
https://obsproject.com/forum/resources/up-deck.665/
https://obsproject.com/forum/resources/deckboard.704/
Guys, I'm reading some texts from an API on a custom command response, on the responses I put some streamelements 'Variables' but those variables doesn't trigger when my bot responds
is there a way to trigger those variables when they are on a text retrieved from an API?
@rose summit add &randnum=${random.1-50} to the end of the link in the command, and in the pastebin, use ${random.#}
But since you want two different ranges, it'll be easier to use args instead.
Link: &args=${random.1-50},${random.51-200}
Paste:
Test 1 ${args.1}
Test 2 ${args.2}
hmm got it @mild cipher , i have like 10args on this custom command, but I think I can do this way
tks for the help!
oh and btw the SE ${random...} variable is min inclusive, max exclusive. so those two ranges will return 1 to 49 (inclusive) and 51 to 199 (inclusive)
ahhh ok! so I have to change to 1-51 and 51-201 right?
Yup!
worked like a charm! tks man!
the only thing I had to change was the Link: &args=${random.1-50},${random.51-200}
it is Link: ?args=${random.1-50},${random.51-200}
if I put with the & it responds 'Paste not found'
Ah right yes, out of habit I just write & in case you were already attaching other variables lol
Everything else you can attach can be found here: https://thefyrewire.com/docs/api/twitch/pastebin/#parse-paste-with-variables
nice!! tks again man ❤️
okay so i cant write to save my life but im lookin to have some kind of response to a .txt file for a counter. Ex i have a win counter on screen and would like to update it via a button push on my stream deck. how in the heck would i go about that?
You can't directly do that through streamelements, but if you're using obs.live you can just make a button that calls the !count command that you made 🙂
I am trying to get started with custom widgets and have a few ideas. Can someone point me towards the documentation/any helpful resources for getting started?
Check the channel header for documentation.
roger that
Also you can look at other peoples projects and see how they coded the widgets.
okay
@crude crest !!!! My man I didn't know you are codeguru! Mind if when I get home I dm you?!
How can i Import my Streamlabs Chatbot Commands and points and stuff? i cant find the "data.xlsx" and the "currency.csv" on my system....
oh ok... @rugged rapids thx for the link... didnt find something in the help section... but maybe i typed the wrong words 😉
@main tendon get at me dude :)
ok thats not coool 😦
Hello SE Gods,
Is there a way to work with alerts API?
https://kvstore.streamelements.com/v1/channel/alerts
As far as I know it is using different authorization than user's JWT Token. 
guys is there a way to autofill some args when doesn't put the arg on the command? ex.
!rank
${customapi.https://api.com/game/rank/ArsenioGG}
!rank snipereagle
${customapi.https://api.com/game/rank/${args.1}}
I want my chat to see my rank in game only typing !rank, but they can see their rank by typing !rank theirnickname
$(1|ArsenioGG)
you're the man ❤️
I decided to try my hand at altering a widget from the github repo (https://github.com/StreamElements/widgets/tree/master/CumulativeGoal) - long story short, my streamer wanted a donation (tip) bar that updated automatically each stream session (rather than manually refreshing the goal progress). I essentially just started pulling out all the variables that weren't relevant and frankensteining this: https://jsfiddle.net/turinqui/v60k75gb/7/
It works how I want it to, but I noticed that stripping out some of the variables in the fields .json it broke the settings completely - for example, if I removed the labelStroke variable the overlay editor went from this https://i.imgur.com/2JzpFxu.png to this: https://i.imgur.com/h72jGnZ.png.
Can anyone shed some light on what the interaction is here?
@mild cipher is there a addpoints variable? or just the default addpoints command?
on the pastebin api, you know a way to add random lines with different points value to give automatically to viewers??
Something like
Command: !begformoney
Paste:
A nice person passed by and gave u ${args.1} points.
OMG! You just received ${args.2} points from a rich old lady!
There's no one on the street right now =(
Where ${args.1} = ?args=${random.1-51} and ${args.2} = ${random.90-101}
...I should definitely not try to mess with computers before a coffee. 99% chance my problem was due to an errant comma,
building a chat widget
Oh 
im drunk. dont mind me
Gimmie the deets, gimmie the leeks
You make me worry with the video choices
Ill judge you depending on what youre drinking
vodka and redbull
Just as a programmer should 
ha. ive had a really... really. bad night
Need a lawyer?
lol
That's what the juice is for 
can we get a wallpaper engine that looks amd works just like obs.live but is actuallu just your background?
Custom event list question: On the Twitch side, it always loads with prior activities but Mixer does not. Any ideas?
some the events arent loading correctly, causing it to not load
hey just curious, would the commands, alerts, and other functions on mixer for the SE bot not working be a dev api issue?
I'm trying to use @mild cipher train widget but running into an issue. If I have 3 Overlays start, game, end for example. Train starts on Start, when I move to Game...the train shows active but the timer looks to be way off.
example: game scene
immediately change to end scene:
It sits the correct amount of time but obviously way off in its location vs time.
Have you ensured that the overlay is set to not shutdown?
yeah, just went through all them checking again
If I put them on the same scene both visible it is happy. If I make one non visible and trigger. does the same thing when i turn it back on
How do you mean by 'both'?
so this is my layout:
if i take the Apex Overlay in Sources and move it into BRB. and both are visible in BRB
it does everything right. If I do the same thing, but make the Apex Overlay Source non-visible and do it again, I get the above. Same for just moving from Apex Legends Scene to BRB, location is off but timer working
if it would be easier i could share screen after dinner, wife is calling...don't want the wrath 🙂
