dev-chat

[unreal matrix]

rather i guess what i am trying to ask is if there is anyway to use urlfetch and random.pick to replicate this in a SE-friendly format:

$(eval var items=$(urlfetch json ddragon.leagueoflegends.com/cdn/11.23.1/data/en_US/champion.json)['data']; champs=Object.keys(items); champs[Math.floor(Math.random()*champs.length)])

[elfin arch]

give https://seapitest.pjonp.repl.co/api/objectkey?link=http://ddragon.leagueoflegends.com/cdn/11.23.1/data/en_US/champion.json&key1=data&random=true a shot

[unreal matrix]

OMG

THANK U SO MUCH!!!

that is perfect

[elfin arch]

no problem

[still juniper]

Tbh I'm relieved knowing I'm not just dumb haha Thank you so much for looking into this, I truly appreciate it

[elfin arch]

i'm not saying that it's not possible; ...just all the little loop holes that i know of don't work for the queue system 🤣

@still juniper feel free to jump over to https://strms.net/se_developers ... the issue or feature request(?) won't get buried there 🤣 .... it needs more activity; custom overlay's seem to need a SE_API.addToQueue

[soft pulsar]

Is it just me or is emulating a gift in the editor not working at the moment?

[elfin arch]

what platform are you using @soft pulsar ?

[soft pulsar]

twitch

community gifts are working, but just the single gift one isn't

[elfin arch]

🤔 ... hahah yup. that is odd.

[soft pulsar]

I finished a widget yesterday for a client and wanted to do some last checks to make sure everything works, now I won't be sure 🙁

Do you maybe have an idea of when this will be back up working? or no idea?

[elfin arch]

i'm not sure. i have reported it though.

[elfin arch]

should be working

[soft pulsar]

Thank you for let me know! it is!

[woven field]

Hi guys, someone knows how to deal with checkbox field (change) event please ? not seems to trigger anything 🤔

[elfin arch]

the check box doesn't trigger reload.

[tame needle]

Hi all, I have an idea for a custom widget for the chatbox, where it shows profile pictures based on a connected Discord account, and I was wondering if anyone here knows if this would somehow go against Twitch's ToS?

[elfin arch]

no concern with Twitch TOS? unless you have a section you would like clarification on?? .... bit getting that connection would be interesting

[tame needle]

In terms of implementation I was thinking a discord bot that looks at users on the streamer's discord if they have a twitch account connected, and if so it makes that information available to the custom widget through some rest api or something

This is the part in the ToS I'm worrying about

Might mean it has to be opt-in?

And of course, what if someone has an avatar on discord that's not appropriate to show on twitch

[terse crest]

Aren't discord profiles considered as a public info

[tame needle]

Not sure, you techincally can't see a a profile (or its avatar) unless you somehow know the tag, right? In a way that sort of makes it protected since you can't just browse them

Not sure if that's how it works legally

[elfin arch]

nope; there is no way to get a Discord users connection

that is why bots use the Whip mehtod to link

[tame needle]

https://discord.com/developers/docs/resources/user#get-user-connections
Doesn't this allow you to do that?

[terse crest]

If you're planning to make a bot, I guess you can ask user's permission in form of simple reaction to the post

[tame needle]

That's true, a lot of servers have some kind of questionnaire

Or a reaction someone has to place to get roles or something

That would pass for consent, if that's necessary

[terse crest]

It could also be a way to promote your server, nice idea imo

[tame needle]

Nevermind, I think this only works for the bot user's own connections

Could have users identify their twitch accounts through Oauth2 with the bot, but that might already be too much hassle for many people

[terse crest]

fu bot... It's stackoverflow!

[tame needle]

evil, no stackoverflow for you

[elfin arch]

stop posting shady links @terse crest 🤣 : https://stackoverflow.com/questions/65450055/how-to-get-avatar-from-discord-api

[upbeat dagger]

Not sure if this is the right place to ask this or not, if not i apologize, I have a rotating event widget being used in one of my overlays. It shows one piece of information at a time. What i am trying to do is have event 1 show two things at once. Total subs and session subs. i have ZERO idea on coding so i was hoping someone could assist here

[sick shadow]

having a bit of a hard time parsing through the API docs, does anyone know if there's an endpoint that can be used to trigger a kappagen in an overlay?

[valid goblet]

I created an overlay using the default tools, but now I've encountered an issue (the follower / subbed username being too long for the area), and I think the only way to fix it is using the CSS editor. Is there a way I can see the code of what I've already created, so I do not need to fully redo my design within it?
Or alternatively, is there a way to prevent line breaks from occuring with a username with the main editor? Thank you.

[radiant halo]

I'm trying to work with the Hypecup with Twitch, and I can't test this live, but so far the emulations seem really broken, specifically with the Cheer Alert. The gifs won't display correctly, and also the conditions to the variations aren't there? Like I can't set x cheer to show at 600, y cheer to show at 1100, and so on.

[still juniper]

I'm trying to check if alerts are muted (so my custom alert widget also mutes). I've seen onWidgetLoad object has a detail.overlay.muted property, but it is always false regardless of the actual state. Is this expected or just a bug? - Edit: even though that still seems a bug, diving into the code I've found I can use SE_API.getOverlayStatus() to check mute state (it would be nice to add this info to the CustomCode.md doc)

[mortal saddle]

Good morning! I have a question about the alertbox. It seems there's a duration limit of 60 seconds for an alert. However, when importing alerts from Streamlabs using the Chrome tool, if an alert was already set in Streamlabs to be longer than 60 seconds, it actually works fine in StreamElements. But because it's value is above 60 seconds, I can't edit the alert in StreamElements. So currently the only way to make an alert that is over 60 seconds is to make it in Streamlabs's editor, and then transfer it to StreamElements. Is there a way to streamline this process, or make it to where alerts with a duration above 60 seconds can be added or edited?

[nocturne hull]

hey, can anyone help me figure out why my text wont show up anywhere in my alert box? The only way for my alert to be centered in high res is choose the text over image option but by doing that I get no text.

Assuming I need some type of code with the custom CSS but I have zero idea on where to start

[uneven oxide]

@nocturne hull ⤵️

Text not showing up over your alerts? Go to the Advanced Text Settings and set the top margin to 50, you can work your way to the right position from there.

[terse crest]

You can see your code in Chrome DevTools. To prevent line breaks in default labels - add the code below to custom css in OBS' source properties

.widget pre {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[nocturne hull]

thank you so much!

[ivory raptor]

Is there a list of all the TTS voices somewhere?
Also, what are the ratelimits for TTS if anything? And do I need credentials? I'm new here so I don't much.
Additionally, what is the max TTS character length?
I did some testing and it appears to be 3002 characters. Can someone confirm this is the correct number?

[terse crest]

All the voices listed in TTs settings. You don't need any credentials

[ivory raptor]

What about ratelimits? Are there any?

[elfin arch]

which platform are you using?

and are you doing this in the alertBox or using an API call?

[ivory raptor]

API call

[terse crest]

ah in that case you'll need the overlay token

[ivory raptor]

ok

[elfin arch]

are you using it inside of an SE widget?

[terse crest]

lol

https://api.streamelements.com/kappa/v2/speech?voice=Brian&text=Do+not+fear+a+man+that+spams+1000+memes%2C+instead+fear+a+man+that+spams+a+meme+1000+times it works

[ivory raptor]

ah ok

[ivory raptor]

No actually to my knowledge, I was using it for a different purpose.

[elfin arch]

haha; ya; the key query isn't used

....soo that is kind of the main issue.

[terse crest]

I always say there's no such thing as perfect code

[ivory raptor]

So that's not allowed? 👀

[elfin arch]

🤣 if it's not used in SE environment it should be blocked

[terse crest]

in fact, yes

[ivory raptor]

oh....

[hardy walrus]

It was being abused by others to the point of being gated.

[terse crest]

I'm sure it won't last forever.

[ivory raptor]

Maybe I shouldn't have said anything then 🤣

[terse crest]

We won't tell anyone 👀

[ivory raptor]

okay 👉👈

[elfin arch]

ya; don't talk about this in a public chat

🤣

[ivory raptor]

Would you like me to delete my messages?

Lol

[elfin arch]

hahah; it's fine; if it is abused again it will get fixed.

[terse crest]

...meanwhile @elfin arch rings all the bells to the devs

[ivory raptor]

Lmao

Well thanks for all the info :)

[elfin arch]

i've already rung the bells 🤣 and have made a !tts widget

[terse crest]

so the best way to help devs get it fixed quicky is to abuse it as much as we can 👀

[ivory raptor]

oh no 🤣

[terse crest]

[elfin arch]

we can't have secrets if we discuss it in public

[ivory raptor]

Time to delete my messages 👍

[elfin arch]

it's fine; the key query will be patched at somepoint

[terse crest]

nah no one looking at here

[ivory raptor]

Everyone on holiday now that I think about it actually lol

[elfin arch]

but... if it's less known then it will be patched less quickly

[ivory raptor]

Then shhhhh

I wanted to use the stuff for a project of mine so everyone quiet down 🤣

[terse crest]

use google tts

[ivory raptor]

Not as good as streamelements hence why I'm using their stuff instead 😳

~~I mean I could use like the premium stuff that streamelements is using behind the scenes but I'd much rather have streamelements pay instead of me 💀 ~~

[terse crest]

thug life

[ivory raptor]

[elfin arch]

this is why it breaks 🤣 . ... when people start doing TTS for all messages

[ivory raptor]

yep, that's why I was surprised it worked 🤣

[elfin arch]

and for all the voices .... maybe try an API call without an parameters? 🤔

[ivory raptor]

Luckily you guys made it very difficult to find your API stuff though. I had to search for so long just to find the docs since it doesn't appear to be listed on the main website

[ivory raptor]

I don't think that works, it sends each as an mp3 thingy so it can only do one at a time I believe.

I won't abuse it that much though, I swear 🙏

[elfin arch]

it'll give ya an error and give you a list of the voices

[elfin arch]

it's not a documented endpoint ... but if searched here in discord it comes up recently as more people are interested in use it

[ivory raptor]

Ic ic

[crude jetty]

Hey! New on Streamelements. Have a problem.. how to add custom css/html to chat due to i want the chat to be in a "bubble(s)" against my stream... and not a big black box.. how to easy custom a chat-widget?!

[elfin arch]

the default chat widget can't been customized like that; you will need to use a custom one from #widget-share such as #widget-share message ;

[terse crest]

Why aren't they approve my chat widget...I gues I should make one that uses internal api instead

So much requests for chat here

[crude jetty]

Stuck! I need some starting point.. iam good programmer in HTMP,php and css but not in streamelements is new

i thought you could use custom codes to the one they use.,..

[terse crest]

it's the same

use the api and make your own, it's relatively easy and you don't have to worry about the backend

[crude jetty]

Iam used to code in Joomla/wordpress.. they have "alter" files you just edit and the program reads it on youre server!!!

[terse crest]

I make WP websites too so I know

[crude jetty]

so do you now how to start @terse crest ???

[terse crest]

<div id="chat"></div>

Kappa

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

[crude jetty]

i asked for it didnt i?? 🙂

thanks...going away...but i will try later on

[terse crest]

[crude jetty]

thanks for the help

[terse crest]

no one gets my sense of humor

[elfin arch]

i got this joke

[elfin arch]

did you submit a widget for widget share?

[crude jetty]

How to you test a widget?!

[elfin arch]

 console.log('test');

hahah j/k, but for serious; use the emulation buttons to test

[terse crest]

You've seen it, it was tmi.js chat

[elfin arch]

oohh ya; it's in the list... but the list is getting long

[terse crest]

Looks like I'll have to wait quite a long for One-Click Overlay Sharing approval, too.

[elfin arch]

probably 2 or 3 more in front of that.it's about a 2 1/2 month delay

my last one was submitted in October and was posted this week

[terse crest]

kk

[upbeat dagger]

reposting this: Not sure if this is the right place to ask this or not, if not i apologize, I have a rotating event widget being used in one of my overlays. It shows one piece of information at a time. What i am trying to do is have event 1 show two things at once. Total subs and session subs. i have ZERO idea on coding so i was hoping someone could assist here

[turbid prism]

When are account verification uploads available again? The upload has been down for two weeks.

[uneven oxide]

@turbid prism ⤵️

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

[turbid prism]

It did this 2 weeks ago.

Also a technical problem.

[hardy walrus]

Unfortunately that is not something we are able to assist with here.

[turbid prism]

😭

[hardy walrus]

Can you get a ticket number from the email you should've gotten?

[turbid prism]

#184936

[hardy walrus]

@turbid prism Good news and bad news

[fleet lintel]

Can any one help I have the elgato game capture hd I am trying to get game audio from my ps4 to my obs can any one help I have the RCA Cable connected to my ps4 controller with chat link cable but I can not find the audio on my. Obs

[valid goblet]

I don't really know what specifically to copy from inspect element to put in the editor. The only thing I really saw was "<se-widget-alert-box widget="widget"" and everything underneath it. Can you tell me which element I should copy specifically?

[valid shadow]

Hello 👋 I'm having trouble with streamelements Spiking my GPU from 12% to 100%... I've deleted all my source & scenes & changed my settings, that didnt work. So then I uninstalled OBS SE & deleted my setting an so reinstalled OBS, let OBS choose my settings and Still Spikes to 100%... Any Ideas??

[uneven oxide]

@bronze harbor, posting multiple links will result in not being able to post again.

[pulsar willow]

Does anyone know where I can get a new years countdown timer as Streamlabs tried to rip me off by telling me to pay to access a countdown timer and is there a free holiday countdown timer that runs on Stream elements as I would like to have a countdown for new years from my timezone

[terse crest]

If you don't know what to do I'd recommend to not to do anything, it's better to find/hire someone who knows

[blazing ibex]

i need help with win audio capture not working

[woven sandal]

Hi! Can't find my JTW token on the page. need help

[severe shell]

https://streamelements.com/dashboard/account/channels
Click on "Show Secrets"

OBS: This is a private information, do not share your JWT token with anyone on chat

[woven sandal]

Thank you!!! and Happy new year to the team!

[solid surge]

Happy new year everyone!
the credit roll widget isn't displaying any information even though subs are ticked, it shows nothing other than the title and sub title

[hexed ridge]

i wondered. Is there something similar to the pastebin api by @mild cipher ?(https://thefyrewire.com/docs/api/twitch/pastebin/#required-parameters)
With another platform then pastebin. Pastebin free allows only 10 pastes and doesnt sell pro anymore...

[mild cipher]

There is actually undocumented support for GitHub gists. They take this form:

https://api.thefyrewire.com/twitch/pastebin/gist:USERNAME/KEY

e.g. - https://gist.github.com/thefyrewire/fcabda33506cfdf932306754919d0cec

https://api.thefyrewire.com/twitch/pastebin/gist:thefyrewire/fcabda33506cfdf932306754919d0cec

[hexed ridge]

Omg thank you so so much, was already checking how i can create a widget that responds to messages with random answers from array and uses cooldowns and stuff.
But this is awesome. Thank you. First day of the year and you already saved someones evening :D

[humble nebula]

Sorry if I am missing something obvious, but can someone point me towards an example payload for a POST Store Item request? The doc outlines the response, but not the request 😦 https://dev.streamelements.com/docs/kappa/b3A6NTM5NzIxNw-channel-items

[elfin arch]

try doing a GET call and taking one of the Array Objects. that should match the body for the POST you make

[humble nebula]

Started with that - perhaps I dismissed it too soon. The GET Response returns a thumbnail url (as one would expect). I'm hoping to upload one with the post, or after. Perhaps I assumed too early that I can't just pass in a new URL?

[severe shell]

It is not possible to add the image directly, you would need to have the image uploaded to SE first
If I'm not mistaken, the response will give an error informing the URL is not in a specific regex (I don't remember exactly the text)

[humble nebula]

ah, was afraid of that. Trying to manage everything procedurally but I suppose if it gets me 90% of the way there, thats good enough 🙂 Thanks for the response

[severe shell]

I think this endpoint can make you upload to SE (don't know exactly how it works, but you can try something):

URL: https://api.streamelements.com/kappa/v2/uploads/:account_id
Type: POST
Headers: 
  accept: application/json
  Authorization: bearer TOKEN
  content-type: multipart/form-data; boundary=----WebKitFormBoundarydSnJ3yNqYLItPDYJ

Form Data - file (binary) - Not sure how that part works, but I think it would go on the body and that is where you add the image you want

[humble nebula]

Oh! Where is this documented?

[severe shell]

You can see it when you upload a file from the website using developer tools. It is not documented

[humble nebula]

bah! should have thought to snoop more haha. Thanks for digging!

[coarse leaf]

Hi there! I am using Boxed chat by Cocahh and my chatbox is cut off on the sides for some reason. I've been messing with the css code, but no luck

[hardy walrus]

@cocah ^^^^^

@gilded meteor

[coarse leaf]

Figured it out, got rid of overflow: hidden

[tame needle]

Has anyone made typescript type definitions for the custom widget api yet? I'm having trouble understanding the event.detail.session object

[glad quarry]

Hi. I don't know why I'm struggling to find this since it's pretty basic, but does someone have an example of grabbing the first argument from a chat command? I've used the counter javascript to update a custom widget quite a few times. I'm just struggling to grab it when it's not a counter. Any help would be greatly appreciated and thanks in advance.

[terse crest]

And what is that command?

[glad quarry]

I was just going to build a custom command that captures a single argument (Ex: !cmd testarg) and grab the "testarg" in the javascript.

[tulip bolt]

Having issues getting past the main page for site. It will not let me click the dashboard button or when go to pfp and select any of those tabs. It keeps bringing me back to main page.

[terse crest]

.split(' ')[1]

[tulip bolt]

The browser is Chrome btw, Edge works

[glad quarry]

Thank you for the help. I'm doing a poor job of articulating exactly where I'm struggling. I tried the below and I don't think I'm grabbing the right objects and properties correctly. This is what isn't working. The custom command is "!act" in this example:

window.addEventListener('onEventReceived', function(obj){
const actlistener = obj.detail.listener;
const actdata = obj.detail.event;

if (actlistener === 'message' && actdata.text.startsWith("!act")){
const param = data.text.split(" ", 1);
document.getElementById("activity").innerHTML= param;
}
});

[young shard]

const param = actdata.text.split(" ")[1]

[glad quarry]

Thank you. I gave that a shot. No dice. I think my problem might be in this portion of the code:

const actlistener = obj.detail.listener;
const actdata = obj.detail.event;

if (actlistener === 'message' && actdata.text.startsWith("!act")){

Even if I test the startsWith and split out of the script, it's not even capturing the message. Is the property obj.detail.event.text even available? I couldn't find a definitive answer in the documentation.

Once again, thank you for all the help

[young shard]

oh wait
const actdata = obj.detail.event.data

[glad quarry]

Yeah... I don't think that is right

I meant how I wrote it, not your answer. Sorry... Didn't mean to come across that way.

I tried simplifying it down to this and it's still not capturing it. It has to be something simple that I'm missing:

window.addEventListener('onEventReceived', function(obj){
const actlistener = obj.detail.listener;
const actdata = obj.detail.event.data;

if (actlistener === 'message'){
document.getElementById("activity").InnerHTML = actdata.text;
}
}

[young shard]

innerHTML should have a lowercase I

also note that you can use console.log(variableName) to see what's in any variable or object in the developer tools console (which you can get to by right clicking and pressing Inspect, then going to the console tab)

[glad quarry]

Thank you again. I'll try both of those suggestions. I'll keep playing around with it.

[tacit bluff]

Hey I don't know if this is the right place but I would like do make a chat widget ^^ and idk how do start, I have knowledge in HTML, css and a bit of js :) is there any Videos or guideline for beginning :D

[terse crest]

There's something better - API docs https://github.com/StreamElements/widgets/blob/master/CustomCode.md

And yes, there's no better place for that kinda questions :)

Wait, where are all the Pepe emojis gone

[tribal zenith]

you could also take a look at the ChatMessage part of https://reboot0.de/se-tools

[tacit bluff]

Thanks 🥰

[daring valley]

Hey everyone, I was trying to use a Widget that shows last follower, las subscriber and all that, but it was failing. So i accidentally clicked in "session data" where it says "reset session" so now it appears as if I didn´t have a most recent follower and cheerer, all that and I don´t know what to do 😦

Can someone help me?

Please

[proud spade]

You'll probably have to wait for someone to do each of those and populate the fields.

If you know who those recent people were, you might be able to fill in the fields manually.

@daring valley ^

[clever stream]

hello all! When using the 'onWidgetLoad' to read the session data object, it works as expected within the S.E overlay editor, showing the recent list of emulated events, but when it's opened in OBS, that emulated list is not shown. Is there any possibility to read those as to test within OBS and make sure that my overlay works?

[hidden otter]

Hello. I'm trying to make a box alert since a while but I'm having trouble. Could you please help me?

the video doesn't work, I don't know how to do it

I didn't touch anything (css, js...), I just replaced in the html img by video and changed the link

<div class="text-container">
    <div class="image-container">
        <video src="https://cdn.streamelements.com/uploads/540d3283-fd68-4aed-b0ee-10e5aabdee11.webm">
    </div>
    <div>
        <div class="awsome-text-container">
            <span id="username-container"></span>
            is now following!
            <br>
        </div>
    </div>
</div>

[terse crest]

It will update after your next stream

[tribal zenith]

do you have the checkbox at the very top checked?

also emulated alerts are not persistent. So they won't override your actual session data

[pulsar willow]

As far as I understand, GSAP's default behavior is to keep the animations in a timeline (in case they are reversed and so on).

Is this memory-wise of concern when I keep dynamically adding animations? (custom widget)

I already tried the autoRemoveChildren option, but this causes the animations to jump to their end points, since I use to and there are no from values. 😅

[tribal zenith]

Timelines are (fixed) sequences of Tweens in a specific order. Depending on what you want to achieve, you could either dynamically trigger tweens without timeline or rebuild the timeline on each iteration with different children

[exotic topaz]

@ocean fractal Hello! I am a complete beginner at CSS so after an hour or so of googling I give up at figuring this out myself so I have to ask.

Is there any way to make the text background adjust to shorter lengths of text? Rather than taking up the maximum amount of space all the time?

so for the howdy message it'd be half as long etc

Spent an embarrasing amount of time trying to figure it out and after some googling I read that I need to change it from a flex element to a block element or equivalent, then make the background a separate inline element

but I don't have the understanding to do that, if it's even true in the first place 😅

[clever stream]

Yeah that was what I missed there. I checked on a public stream and the widget is working ok. Thanks a lot for the response!

[tacit bluff]

You could try witdh: auto! Important, if you had someelse definite the width

[terse crest]

If it's a flex element you can use

[exotic topaz]

it's all one big block

and it's all flex in every element haha

justify content did not work

i'll check if switching any defined widths to auto works

doesn't seem like it

at least not on its own

ah

fuck

[pulsar willow]

could also be flex-grow, that expands the element back to 100%?

[exotic topaz]

how do I make that block

lmao

[exotic topaz]

this type

that doesn't expand all the way

but collapses if you have too much text into it

[pulsar willow]

i think you're looking for ``` ?

[exotic topaz]

triple?

I only used one

[pulsar willow]

triple for a block

[exotic topaz]

ohhh

cool

1 sec

  margin: 5px;
  background-color: {{textboxColor}};
  height: calc(100% - 2 * {{textboxBorderWidth}}px - 10px);
  width: calc(100% - 2 * {{textboxBorderWidth}}px - 10px);
  border-radius: {{chatBoxCornerRadius}}px;
  border-width: {{textboxBorderWidth}}px;
  border-color: {{textboxBorderColor}};
  border-style: solid;
  overflow: hidden;
}

.chatContainer {
  width: calc(100% - {{leftChatPadding}}px - {{rightChatPadding}}px);
  height: calc(100% - {{topChatPadding}}px - {{bottomChatPadding}}px);
  display: flex;
  flex-direction: column-reverse;
  padding-left: {{leftChatPadding}}px;
  padding-right: {{rightChatPadding}}px;
  /* using margin for top instead of padding so that it cuts off text as its pushed out of the message area*/
  margin-top: {{topChatPadding}}px;
  padding-bottom: {{bottomChatPadding}}px;
  overflow: hidden;
}

.usernameContainer {
  /*white-space: nowrap;*/
}

.userName {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}


.flexRow {
  display: flex;
  flex-direction: row;
}


.message {
  color: {{textColor}};
  line-height: {{emoteSize}};
  width: 100%;
}


.chatMessage {
  display: flex;
  flex-direction: row;
  background-color: {{chatMessageColor}};
  box-sizing: border-box;
  padding-left: {{leftMessagePadding}}px;
  padding-right: {{rightMessagePadding}}px;
  padding-top: {{topMessagePadding}}px;
  padding-bottom:  {{bottomMessagePadding}}px;
  border-radius: {{messageBoxCornerRadius}}px;
  margin-top: {{messageMargins}}px;
  border-style: solid;
  border-width: {{messageBorderWidth}}px;
  border-color: {{messageBorderColor}};
}```

eh works

that's the code

for the relevant part I think?

Fairly sure the .chatmessage part at the bottom has to do with the background

and the text ofc

I think I have to separate them

in order to fix this

here's what it looks like

just want the border to align itself with the text

rather than the full chatbox size

[young shard]

either don't use display: flex on it or I think you can set align-items: start on the parent? flexbox is always annoying to work with when you don't want things stretched but yes it's because of flexbox

[exotic topaz]

Makes sense

I'll see if I can figure it out tomorrow

everything is in flex

so I'll have to recategorize stuff one by one and hope it doesn't break anything lmao

completely new at it

but it's fine

good learning experience

now I know what to do at least!

appreciate it

[pulsar willow]

@exotic topaz

putting a margin-right: auto; in the .chatMessage class seem to do the trick?

the whole class:

.chatMessage {
  display: flex;
  flex-direction: row;
  background-color: {{chatMessageColor}};
  box-sizing: border-box;
  padding-left: {{leftMessagePadding}}px;
  padding-right: {{rightMessagePadding}}px;
  padding-top: {{topMessagePadding}}px;
  padding-bottom:  {{bottomMessagePadding}}px;
  border-radius: {{messageBoxCornerRadius}}px;
  margin-top: {{messageMargins}}px;
  margin-right: auto;
  border-style: solid;
  border-width: {{messageBorderWidth}}px;
  border-color: {{messageBorderColor}};
}

[exotic topaz]

it does 👀

I can't believe it

wow

huh, thank you very much

I'll definitely bookmark this incase I have to figure something similar out in the future

appreciate it a lot! ❤️

[pulsar willow]

thanks for the answer 👍

"dynamically trigger tweens without timeline" means to use the global gsap object (e.g. gsap.to('#test', vars)) instead of the timeline, right? 😅

[tribal zenith]

In general, yes.
If you don't assign tweens to variables, they will automatically dispose themselves afterwards.
If you do assign them and set them to { paused: true } you can play() them later, like timelines.

[cold loom]

Hello, I'm trying to do a command for the bot that only works when the stream is on a specific game. I've looked around but I don't see how, I just want something like if(${game} == 'Just Chatting'){'Welcome'}else{' '} is it possible ?

[severe shell]

Nope

[cold loom]

Ok, thanks

[uneven oxide]

@dreamy lance, posting multiple links will result in not being able to post again.

[mild cipher]

You can with customapis, check out this reference where it returns different responses depending on the game - https://thefyrewire.com/docs/api/twitch/paste-library/#clip-reel-command

[cold loom]

I'll take a look, thanks

[ocean fractal]

thank you community for helping with the css question! It was on the docket for me to look at today but didn't get around to it 😅

[terse crest]

Off-topic but is anyone here familiar with custom chatbots for Facebook? Cannot find any api docs

[hardy walrus]

They don't allow them.

Doing so is against ToS.

[terse crest]

[muted cedar]

Hi @mild cipher!
I have no idea if I'm in the right room, but I could use your help configuring your "Social Media Pop-Up" widget if possible ?
I would like to modify the widget to fit perfectly on my OBS overlay whether it is for the transitions, the placement of the logos, the size of the widget, or the change of the typography of the text to put the one I use on my overlays.

[terse crest]

And our fellow SE chatbot is also not available for FB?

[hardy walrus]

Nope.

[terse crest]

WTFF that's...I'm speechless lol

[terse crest]

but is the 'message' event working for FB at least?

[hardy walrus]

Only thing really have is alertbox/labels and paid media share.

[inner lagoon]

is it possible for my custom widget to control the visibility of other layers in the overlay?

[terse crest]

If "other layers" are custom widgets too then yes, you could store the config in kvstore and listen for changes

[young shard]

yes
u can listen to message events and have things happen based on them, you just can't actually have it do any kind of response in chat

[inner lagoon]

no i mean like images added in other layers

but its fine im just making it in one widget

[terse crest]

The flow here is basically like "if you start building something custom, build everything custom"

Which is not a bad thing imo

I like the freedom for us devs and simplicity for the average users

[simple nest]

Hi there, my chat bot for some reason won't work with custom commands despite them being enabled, I have tried unmodding and re-modding StreamElements, but my timers still work, I am at a loss of what to do, I have been looking everywhere.

[limber delta]

@simple nest I think they're aware of the issue, if you take a look at #helpdesk-twitch and scroll a lil up grayson acknowledges and says they're working on it.

[simple nest]

oh phew thank you so much, I thought I was losing my marbles!

[limber delta]

sames lol

[plucky storm]

Question, hope I'm in the right place. I'm currently using the Aspect overlay for facebook and I was wondering if I am able to change the alert boxes under the camera boarder to populate when a different event is activated? For example, the name will appear for a fan event which is a page like, I would like for it to populate for a Like event which is a stream like. I would like to change the supporter event for a follower event as well. I tried looking in the coding but cant figure it out. I'm new to coding as well so please bare with me. If this cant be done I completely understand as it is a free overlay thru streamelements.

[peak garden]

Does anyone know how I can change the icon images for the minimalist label ticker made by @pale dock in the widget share channel. I want to change the follow icon but there is no field to do it so I need to change something in the code..?

[pale dock]

You would have to add in your own <svg> code. This would be between Line 22-27 within the HTML of the code

[peak garden]

Oh ok great thank you! Is there a specific way I have to change it or would I just change it to a font awesome icon html link?

[pale dock]

You could potentially change it to a font awesome icon 🙂

You can also download the font awesome icon as an SVG. Open it in a text editor and copy and paste that code in 🙂

[hard moat]

Hi!

I'm creating a custom chat and would like its size to be responsive to the browser font size I create in OBS.

When creating the overlay the only size option is pixel.

Is there any way to create a responsive overlay on streamelements?

[hardy walrus]

Nope. Overlays made by the user are specifically made to be exact dimensions until manually modified.

[hard moat]

Are there any thoughts on implementing something like that?

I think it would be useful to be able to work with responsive overlays so that you don't have to create a new overlay with a new size in streamelements for a specific scene.

Many thanks for the reply 🙂

[hardy walrus]

Not without making backend changes and I don't think it would be as easy ad you may think.

[peak garden]

Awesome thank you man! Appreciate the help! 🙂 p.S great job on all your widgets!

[stray crane]

hi when i plug my camera into obs studio then it comes up a rainbow instead of a camera thats the problem

[restive monolith]

Hey, I was wondering if there was a way to gain access to the widgets used in the Violet Momentum Overlay pack.

I want to make my alerts more consistent meaning i want the same/similar alert widget to pop up for all alerts.

I like the cassette tape widget in the Violet Momentum Overlay pack and would like to have it as all of my alerts.

However, I dont have the media to change the vid in the settings.

So is there a way to get a copy of the media file that has the cassette tapes (the orange one and the purple one)

I have searched the dropbox link of additional resources and dont see the widget.

Is there any thing that can be done?

[lunar beacon]

Hello mods/devs,

Will there be any support/variable added for the new “YouTube Sponsor message” feature ??

[naive frigate]

hello, I have a big problem with SE.PAY! when i want to set up a withdrawal i have this alert message coming up .. how can i do that?

[uneven oxide]

@naive frigate ⤵️

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

[jagged beacon]

I need help, the bot don't realise, that i changed my username. Is there a way to change the name?
because by the merch the option for a discount doesn't work

[tame needle]

Hi all, I had a question about the widget submission form. It says the code cannot be obfuscated. I write widgets in typescript and scss and bundle the code with webpack, which means the code gets minimized a lot. I was able to find an option that makes the JavaScript code at least mostly human-readable, but it's not exactly pretty, so is that enough to count as not obfuscated? Does the rule also apply to the css? Thanks

[hardy walrus]

@tame needleThe 2 people that I could get an explicit answer for that are offline but I'll poke them and have them answer since that's a decently valid question.

[tame needle]

Thanks!

[plucky storm]

Not sure if my question got overlooked but here it is again.

Question, hope I'm in the right place. I'm currently using the Aspect overlay for facebook and I was wondering if I am able to change the alert boxes under the camera boarder to populate when a different event is activated? For example, the name will appear for a fan event which is a page like, I would like for it to populate for a Like event which is a stream like. I would like to change the supporter event for a follower event as well. I tried looking in the coding but cant figure it out. I'm new to coding as well so please bare with me. If this cant be done I completely understand as it is a free overlay thru streamelements.

[broken coyote]

My opinion would be just submit it. If there is a issue. They will let you know

[young shard]

^ honestly it's probably just so that they can read the code to make sure that there's nothing malicious

[limber crane]

I'm trying to customize a font type in a StreamElements resource called Advanced Information Bar by Coocla33. I have been unsuccessful in customizing the font to a custom font, or even a standard google font like Impact or Arial.

[hardy walrus]

Under global settings for the widget

[limber crane]

For whatever reason, there are only very specific fonts under there. I don't see any more standard fonts

For clarification, it only gives me the option to choose a font, not to type one

[hardy walrus]

Open the editor for the widget and try adding the one you want to use from the JS tab.

[lucid estuary]

Hello, where can i get support for SE.Pay?

[uneven oxide]

@lucid estuary ⤵️

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

[lucid estuary]

Thanks!

[manic solar]

i need some help.. since november none of my recent activity has updated

[cold thistle]

Hello I have been trying to reach support for 2 days now with no response and wondering if someone can help me? I did a bonus goal for a sponsor campaign and it’s not registering that I did it. I submitted a ticket through contact agent with proof but have had no response. Can anyone help? I had to pay money as part of the bonus goal and really don’t want to lose money when I did what was needed

[manic solar]

i think streamelements is having issues registering things for multiple users.. nothing is regestering for me

[proud spade]

Did you do the sponsor campaign through streamelements or another company?

[cold thistle]

I got chosen through stream elements

[proud spade]

Since money is involved, you'll have to wait for one of the staff to respond, or contact them again

[cold thistle]

That’s my worry they are unresponsive and I will have to close the campaign to get paid for the rest of the completion

That’s a huge bummer feel scammed a bit

[wheat flax]

hey guys so i just change over to elements....

but im not sure how to get an overlay from the gallery????
What am i doing wrong?????

[manic solar]

copy the url link

but as of now somethings may not work.. recent activity, sub, and bits notfications arent happening

[wheat flax]

but it wont change to the right size

[manic solar]

1920x1080

[wheat flax]

thats whats it on right now

[lofty dew]

Hi! so sorry to hear that, I've pinged our support they should reach out soon.

[proud spade]

👀

[marble vector]

Hey! I'm looking into it. Thank you for your patience!

[cold thistle]

Thank you!!!

[cold thistle]

Thanks so much! I really appreciate it ❤️

[marble vector]

Got you!

[cold thistle]

Thank you so much!

[marble vector]

My pleasure! Thank you for being awesome!

[peak ermine]

Hi guys I don't know if this is the right room to ask but how can I share my overlays with other people? Thank you

[proud spade]

There currently isn't a way to do this.

[proven crane]

So I remember there was a way to exclude names on the Streamelements leaderboard. But it seems to be removed

So how do I get the bot out of it now

I remember there was smth to write names in on the settings but its gone on mine now

[proud spade]

Dashboard -> Loyalty -> Loyalty settings -> Ignored users

You could then probably do !setpoints wzbot 0 to drop it off the leaderboard.

[proven crane]

Ahh there it is thanks!!!

[cold fog]

How do I change what the bot says on new subs and re-subs?

[lapis lagoon]

Hello im asking if someone named "Alec" works for Stream Elements, He did a Raid Shadow legends promo for me? but wanna make sure it was all legit, i see he doesnt have any roles on the discord.

Alec#5523

[runic silo]

Hi I did a bonus goal for a sponsor campaign and it’s not registering that I did it, so I was wondering if I can get help with this?

[plain hearth]

This is where I can get help from the creators of streamelements

I have a very serious problem

[uneven oxide]

@runic silo ⤵️

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

[full plaza]

How can we help?

[plain hearth]

I have a little problem involving streamelements and twitch

[runic silo]

Thank you!

[full plaza]

Speak to me your woes

[plain hearth]

after changing my name on twitch I lost my points in the store of certain streamer, I already gave !rename and said on !points said that I had the amount before changing the name, so when buying the benefits in the little shop, it says that I have 0 of points

sorry for any typos

[uneven oxide]

@plain hearth ⤵️

Please logout of StreamElements at https://streamelements.com/logout and then login again to your account (Twitch/YouTube/Facebook).

[plain hearth]

thank you solved my problem

[spiral pulsar]

could we inport my own overlays into the my overlays dashboard ?

[gleaming iron]

How long does it usually take for the "StreamElements API Access Application" to go through, and would they inform if the application was rejected?

[fast gale]

Hi all. Does anyone have the link to literally just the Streamelements plugin? I run OBS in Linux and would like to try StreamElements on my system.

[hardy walrus]

@fast gale unsupported unfortunately. Only Mac and windows.

[fast gale]

Are there any plans to support Linux?

[hardy walrus]

Not to my knowledge.

[hot trout]

you can use streamelements just fine without the plugin though

[random geyser]

Hello everyone and Staff, how do I know the status of my request for "Access API StreamElements", I did a year using the form provided and so far I haven't had any feedback, thank you. @severe shell @mortal knot @uneven oxide

[silent reef]

Hello, I have animated alerts and I'm trying to add text onto them to display usernames, how would I write the code so the username placement and or size would change depending on the length of the username? Right now if the username is really short the name is not center in the box and if the username is long it runs off the ends of the box. Very new to coding any advice would be greatly appreciated!

[hot trout]

you almost certainly don't want to do that, but use css instead

[plucky crown]

Hey there, is it possible to integrate an external service to push alerts into a streamer's Stream elements display?

Not looking to embed a browser source, but actually tap into the SE alerts feature

[heavy trail]

dont need coding for that at all. it took me a while to get mine right but you want to add extra space for the alert and make it 2 lines instead of 1 and center the text

[solemn imp]

Hi there, I'm quite new when it comes to using this API, let alone JS and HTML. How would I go about getting the data from a Tip Goal and using it to scale something? I'm sure I might be able to handle the scaling part, however I have no clue when it comes to getting the data.

[coral sandal]

Hey I want to create a widget which interacts with a stream reward. But onEventReceived doesn't see the reward. Is there another event that will do this?

[hardy walrus]

For twitch channel points?

[coral sandal]

Yes

[hardy walrus]

No integration atm

There is a widget with partial working state but only for ones with text input.

[coral sandal]

Okay well thank you for answering fast 🙂

[sour apex]

Hi! I have a quick question to CSS magicians

  width: 800px;
  position: absolute;
  top: 22.6em;
  text-transform: uppercase;
  font-family: 'Montserrat' !important;
  text-align: center;
}
I got a widget with this code, but the font ain't changed, it looks like the default one```

I got a widget with this code, but the font ain't changed, it looks like the default one

[still juniper]

have you imported the font somewhere?

[sour apex]

I didn't

I assumed there is no need to do anything like that since there is a Montserrat font in SE widgets already

[still juniper]

I'd say if you're using a fully custom widget, you have to manage your fonts (might be wrong). Easy to test tho, just put this at the start of your css:
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

(you can check all available styles you can import in the corresponding Google Fonts page: https://fonts.google.com/specimen/Montserrat#standard-styles)

[sour apex]

That worked. Thanks a lot 😄

[fiery elk]

Trying to modify the spinwheel by pjonp, and want to add an option to spin a wheel on points redemption. Does anyone know what the action would be, and how I would make sure a specific points redemption triggers it?

[bitter ginkgo]

Hello All any ideas why SE bot isn’t working now?

[tame needle]

I'm using imgur links for assets right now, and I noticed it's inconsistent between browsers whether they load or not

this is on Google Chrome

And that's on firefox

the request returns a 403

Is this a bug with streamelements? Is there a known workaround?

[uneven oxide]

@tame needle ⤵️

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

[tame needle]

Alright, thanks!

[charred pewter]

for some reason, the API subscriber-gifted-latest.name is returning the receiver of the gifted sub rather than the giver. Am I using the wrong key?

I want to show the latest sub gift and the amount of subs they gifted. So I am using subscriber-gifted-latest.name and subscriber-gifted-latest.amount

but its always returning latest sub recipient and 1

[terse crest]

.sender

Look at the docs

[charred pewter]

thanks, this is where I was looking. Guess I use Subscriber-latest.sender and subscriber-latest.amount instead

.sender seems to work with -gifted-latest too

just isn't in the API docs

[terse crest]

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

It's just on a different page

[charred pewter]

data["subscriber-gifted-latest"]["name"]" - Name of latest gifter
data["subscriber-gifted-latest"]["amount"] - Number of gifted subs```

that suggests that the key i /was/ using is correct

[terse crest]

Hmm

[charred pewter]

(.sender does work)

[terse crest]

Hmmm

[uneven oxide]

@queen slate, posting multiple links will result in not being able to post again.

@queen slate, posting suspicious links will result in not being able to post again.

[uneven oxide]

@quiet hornet, posting multiple links will result in not being able to post again.

@quiet hornet, posting suspicious links will result in not being able to post again.

[uneven oxide]

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

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

@covert rain, posting multiple links will result in not being able to post again.

[rose wedge]

heyy, tried to do it all myself but I came up with no results so I thought i would ask here.

I have edited my own version of a rotating feed, but now when I look at it, the animations are not working how they were meant to be, it just jumps from one to another instead of using the defined animations in JS within the editor, is anyone able to give me a helping hand?

Cheers a bunch,
Will

[hot trout]

what does your code look like

[rose wedge]

this is using a pre loaded animations script in the HTML

[hot trout]

are you sure the class names you're adding are correct?

[rose wedge]

yeah, i've even triple checked

it was all working perfectly fine prior to me checking today

then all of a sudden (without changing anything) it just now doesn't have a single animation

[hot trout]

hm I'm not sure then tbh

does it work if you run it locally in an html?

[rose wedge]

I haven't tried tbh, I have been working on this solely in StreamElements.

It's an Edited Version of HarisHellers Rotating feed that I wanted to add a bit more flare too with a progress bar, so I've not touched it in local html at all.

I was hoping it was something on the StreamElements side as I havent touched a thing, yet the animations stopped completely. But I really don't know

[hot trout]

doubtful, basically streamelements just plops the contents of the html/css/js fields into an iframe and calls it a day

roughly

[rose wedge]

that's what I thought, so I couldn't wrap my head around why they aren't working unless its something to do with them changing what information is held within the iframe

[hot trout]

you could go and check

[mild cipher]

#helpdesk-twitch message

[hot trout]

I'm sure you didn't send the right link there

[rose wedge]

I will make the change, restart my PC and see if it has affected it and let you know, cheers!

[mild cipher]

Shouldn't need to restart, try just refreshing the overlay first 😄

[hot trout]

surely that doesn't affect CEF in obs

[rose wedge]

wait... why did that work?!? 😂

[hot trout]

I wonder if that setting sets prefers-reduced-motion in some cases

which animate.css supports

to… disable animations

[rose wedge]

probably would make sense... just me being stupid I guess ahaah

[hot trout]

for fun you can try an earlier version (support was added in 3.7.0 which you use) and see if it's still affected

[mild cipher]

Very likely yep! The checkbox responsible in the performance options is Animate controls and elements inside windows

[rose wedge]

in all honesty im scared to change anything now that its working ahah

thankyou so much btw @mild cipher I was sooo lost

[hot trout]

that's very fair

[rose wedge]

cheers for the assistance aswell @hot trout I really appreciate it

[hot trout]

@rose wedge just checking but you were missing the animations in obs or in your regular browser?

[rose wedge]

in both, they didnt show up for either

[hot trout]

interesting

imo obs should disable that feature

[rose wedge]

yuhuh!

[clever stream]

hey all! Is there a way to show the game title on stream (not as a static text though). I mean something like a widget for you to search the game, and show it in a cool way?

I'm looking for it on Youtube btw

[spring tide]

Oh that’s interesting. I actually don’t know if such a widget exists. You could spoof it with some html/css but actually leveraging a small web app to do the searching and display seems like overkill

Well. The searching is overkill. Not the display lol

[clever stream]

yeah I mean to show the title in the game's style is worth regardless the searching effort

[spring tide]

Yeah I’m with you there.

I think this might be a small but doable feat!

Might be able to help you tomorrow if you don’t have the expertise 🙂

[clever stream]

that would be really nice. I saw it's available on descriptions settings in both twitch & YT but not in the way I thought.

If I could find any service that returns game search results, It's possible cook something up. 😃

[broken coyote]

I've read what you posted like 10 times now. And I still don't fully understand what your wanting

[clever stream]

@broken coyote Thanks for the response! ❤️ It's something similar to this on YT description, but for stream overlays.
we can search the title and the artwork/title appears

[elfin arch]

Not sure about the Steam API; but maybe get the thumbnail image from a call to it?

[broken coyote]

there is my person starting soon

i grab game title, game cover. and in the part on the right is some JS that will match the BG to the color of the cover

[clever stream]

@broken coyote Yes yes this is the one! Do you update the overlay manually? I mean like do u download the Valo thumbnail image and put there before stream?

[broken coyote]

nope. its all code

[clever stream]

❤️ awesome! I'll check the YT streaming API and see for an option
It seems accessible on twitch, which is cool.
Thanks again for the response @broken coyote @elfin arch

[broken coyote]

👌

[ancient citrus]

@broken coyote Boosty do you know why Facebooks New Page Experience doesnt fully work with OBS live? the custom url docks dont work

[broken coyote]

no clue what that even is lol. dont stream on FB

[ancient citrus]

Facebook New Page Experience

[broken coyote]

https://tenor.com/view/golden-girls-shrug-shoulders-coffee-you-cant-change-it-it-is-what-it-is-gif-15198912

honestly not the slightest clue.

[ancient citrus]

thats okay ive asked help desk and ive been met with the same response

https://tenor.com/view/confused-john-travolta-what-gif-5114829

[broken coyote]

did they work on the older verison of obs? i see your on the beta

or maybe your not

i cant even remember what verison its currently on

[ancient citrus]

yeah they work as soon as you change back to the classic page

[broken coyote]

does those sources work fine if you dumb the url into chrome?

but as far as helpdesk goes. for a issue like that, i would ask over on the obs discord. wont have anything to do with SE

[ancient citrus]

sorry kids as far as im aware when you switch to the new page the urls work on chrome but when you put them into obs live they don't work but i was escalate this to obs support

[broken coyote]

kids... lol

side note. im older than you are

[nova coral]

Hey guys! I'm trying to see if it's possible to build in jChat's smooth animations into my streamelements chat overlay? It's quite custom, so I dont want to switch to jChat, but it's smoothness is what i'm trying to achieve

[runic silo]

Hi I reached out to support about 2 days ago and have not received a response. I did a bonus goal for a sponsor campaign and it didn't register, which involved paying money and I am hoping to get it sorted out before the campaign ends. I submitted a ticket through contact agent with proof but haven't received a response

[cursive folio]

Hey SE. I submitted a widget over 1-2 months ago but haven't heard back.. Can someone please take a look/help? I used the google forms form to submit it..

[fiery chasm]

Hey there, do you happen to have the Ticket number available for the request you sent in?

[runic silo]

187965

[fiery chasm]

Thank you! I'll take a look into this for you.

[runic silo]

Thank you, I appreciate it!

[fiery chasm]

Hey, we responded to your ticket.

[runic silo]

Thanks again, have a nice day!

[slender ice]

Does anyone know how to move the Icons from the Alpha Rotating Feed to the left side of the text instead of having it on the right?

[broken coyote]

Are you using something custom? or something that is already out there that i can look at

[broken coyote]

@nova coral this what your wanting?

[fiery elk]

Hey! I noticed you have a emoji rotator that works with redemptions, and I am trying to add an event to trigger your spinwheel using a redemption. I am having difficulty understanding which code I need to add to your spinwheel to allow it to trigger on redemptions!

[elfin arch]

it should be pretty simple; one sec i'll point ya in the direction

[fiery elk]

thank you, probably just too tired to be thinking things through properly 😅

[elfin arch]

from the emjoi rotator; take the html script for the Channel Points and copy that into the wheel```html
<script src='https://cdn.jsdelivr.net/gh/pjonp/pjTestBot@master/modules/.SE_Overlays/emojiRotator/sePubSub_beta.min.js'></script>

then in the wheel JS; need `new TwitchPubSub(obj.detail.channel.providerId).connect()` in the "onLoad"

[fiery elk]

Do you mean in the onWidgetLoad function?

[elfin arch]

yup; should be something like:

[fiery elk]

So I had done step one, but not step 2 😄

[elfin arch]

then; ```js
window.addEventListener('onEventReceived', obj => { //on event
const event = obj.detail.event, //variables for event & listener
listener = obj.detail.listener;
if (listener === 'reward-redeemed') { //custom listener from imported code
let triggerReward = 'Reward Name'; //SET REWARD NAME HERE; MUST MATCH NAME FROM TWITCH
console.log('TWITCH REWARD NAME: ' ,event.data.rewardTitle)
if (event.data.rewardTitle === triggerReward) {
//TRIGGER SPIN
startSpin({
user: event.data.displayName,
prizeList: defaultPrizeWheelSegments, //PRIZE LIST OBJECT
isTest: false
});
};
};
});

[fiery elk]

you are a saint 😄 did you know that?

[elfin arch]

that should; load the Twitch point script; then start it; and this will read the event and start the spin

thanks 🙂

you will need to define the triggerReward to what the name of the reward is; like let triggerReward = 'Reward Name'; code updated with that and a log to see what the widget sees

[fiery elk]

Sounds awesome! ❤️

[elfin arch]

🙂 good luck; that should work 🤞 but i haven't tested

[fiery elk]

so, it works ❤️ thank you ❤️ I didn't add in a log to see what the widget sees, but it definitely worked when I just tested it in my chat 🙂

[fiery elk]

thank you times a million ❤️

[elfin arch]

niice. no problem 🙂

i should also note you can set different values on the wheel for different events; Reward A has a different wheel then B, by setting the prizeList; https://streamable.com/t80fny (don't need to reset the Data, just showing as example)

[fiery elk]

... I forgot to save, tried to re-do the steps, and now it broke... Gonna have to figure out what I did wrong this time 🥲

[elfin arch]

cntrl + shift + J; any errors?

[fiery elk]

not that aren't already appearing on my other spinwheel (I have two, because I wanted different showwheel options

[elfin arch]

add some console.logs in the event listener code above; check if you get the obj on events (follow emulation, etc) ; and also check to make sure there is an event from the Reward being sent

[fiery elk]

I don't understand how it worked.. but I forgot to save my progress, and.. well.. now it doesn'T 😄

[elfin arch]

hahah; ya, true. screen shot your code block around here

[fiery elk]

it's literally exactly copy-pasted from what you provided.

oh wow 😄

nvm 😄

[elfin arch]

heheh 🙂 "Reward Name"

[fiery elk]

I had defined it earlier...

and the version I copy-pasted from you earlier must not have had that.. it's 1 AM 😄 thank you ❤️

[elfin arch]

no problem. 🙂 it's amazing how many times i've stared at a block of code for like an hour and finally just posted it for help.... then immediately saw the error

[fiery elk]

I didn't look close enough at the code I copied over the second time because the first worked 😄

thank you for making such amazing widgets, and helping me set it up to work the way I want to ❤️

[nova coral]

@broken coyote all sorted!

[solid moat]

hi is there anyone that have variation for twitch prime sub?

[broken coyote]

Good deal!

[nova coral]

Hey! I'm trying to sync up my webcam overlay, with a rotating info overlay! It's something i've being trying to fix up for weeks but i just cannot get the timings correct, my recording is a total of 9.59 seconds according to AE but i just can't figure this out at all.... For some reason, the longer the time, the less and less synced it becomes? Any help would be INSANELY appreciated.

I know about the problems with timings or something from SE end, but i really think this could work easily. I know the timings of everything on the webcam side, just need someone to help me out!

If you could @ me if you can help! that'd be such a help

[ivory crest]

Hi, i'm trying to figure out how to set up a TWITCH channel point redemption to give Stream Elements LOYALTY POINTS to viewers in chat. Can someone please help with this ?

[elfin arch]

how familiar are you with javascript @ivory crest ?

[ivory crest]

I like coffee...and movies, which have scripts?

(not at all)

[elfin arch]

hahaha; fair enough

[broken coyote]

looks like you are loading the video locally and then laying the SE widget on top of it? Your going to see to load them all together that way they sync

[nova coral]

yeah but even when overlay + the widget, still busted

[nova coral]

@broken coyote It's a tricky one, I hope the video helps. I've never had anyone think they can fix 😦

[broken coyote]

I can tell you your gonna have to have that video and widget in one widget. Other wise it's not going to sync correctly

[hardy walrus]

@pearl wyvern Regarding your bit badge inquiry and bit badge notifications https://dev.twitch.tv/docs/pubsub#topics

[pulsar willow]

Hey, Is there an API for the date of your timezone that you can use as a twitch bot command?
Only Date. Not time.

[pulsar willow]

Is there anyone to help with ⬆️

[proud spade]

I have found a few options, but none are free and none let you change the format of the output.

[pulsar willow]

Oh.. I guess we got to keep trying, there might not be one.

[drowsy plinth]

I'd like to extract the points of the loyalty cloudbot points leaderboard and display then on stream live, so I can format and style them to suit the look and feel of the stream. Does anyone know how to do this?

[pulsar willow]

  "font": {
    "type": "googleFont",
    "label": "Font:",
    "value": "Roboto",
    "group": "Font"
  }, 

hey guys, regarding this code snippet, what does "type": "googleFont" do here exactly?

like how did we get the word googleFont

oh wait i think i sorta get it now

it loads the json into the css file

[elfin arch]

ya; it's a custom input type that auto builds a Dropdown menu with google fonts

[pulsar willow]

what are the other types though?

[elfin arch]

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

those are the custom ones; for like an image input, sound, color picker

[pulsar willow]

Umm

I'm experimenting around with Fabio's chat template

[hardy walrus]

@pulsar willow bot is sensitive with links at first. Lemme whitelist that one quickly.

And fixed

[pulsar willow]

Thanks a bunch ^^ ya'll

[pulsar willow]

im trying to understand how it animates messages coming so I can animate an intro with an easing function...

if (addition === "append") {
        if (hideAfter !== 0) {
            $(element)
              .appendTo('#log')
              .delay(hideAfter * 1000)
              .queue(function () {
                $(this).removeClass(animationIn).addClass(animationOut).delay(1000).queue(function () {
                    $(this).remove()
                }).dequeue();
            });
        } else {
          $(element)
            .appendTo('#log');
        }
    } 

narrowed it down to this snippet, but I have no idea why removing the class would make an animation, on top of that why does animationIn have built in animations??? like yeah they're in the json file but... okay how does it do the animation

I-- dont get it... head hurtie. could someone help me understand how it implements animations? thanks

wait i think i get it,,,, message-row animated and it takes css from cloudflare?

edit: yep I got it now heck eya

[terse crest]

animate.style

It's the link

[broken coyote]

Fabio has a chat template?
https://c.tenor.com/k50tWG0v2EgAAAAM/fabio-hair.gif

[tender dove]

how i can merge facebook and youtube accout?

[elfin arch]

answered in #helpdesk-facebook 🙂 please remove this messaeg

[pulsar willow]

Is there an API for the date of your timezone that you can use as a twitch bot command?
Only Date. Not time.

[nova coral]

Even with both in, it still struggled to sync up?

[broken coyote]

My personal opinion would be to ditch the mp4 (or whatever it is) and convert to a svg and have it be all animated rather than dealing with a video and sync issues

[nova coral]

But the thing is, it gets the information like total bits, total followers and more

[broken coyote]

correct

[hot trout]

@nova coral the point is you're never going to get that synced up correctly, because it's two different loop and they aren't synced by the software

so if the video is even a single frame off it will drift over time

[nova coral]

Yeah that's exactly the point, must be a single frame making it out of sync more and more, Surely there can be something i can do?

e.g. re-render it or something?

[broken coyote]

To fix your issue. your either going to have to have knowledge on coding. Or, your gonna have to find someone to fix it for you

[drowsy plinth]

I'm gonna make a callback to this message in case someone can help: #dev-chat message

[pulsar willow]

Can someone also help me with this message: #dev-chat message

[pine dome]

hi peoples! i'm using the StreamElements kappa API and i'm trying to find if a specific user is subbed. i found /:channel/levels but it's only returning the first 11 results. (i have ~50 subs). so then i found /:channel/levels/:username but it looks like that unfortunately only supports DELETE requests. anyone know if it's possible to pass a specific username to /:channel/levels?

[silk plank]

Hi.whats the string for detecting usernames/nicks?

[hexed ridge]

Hey @elfin arch, about the plugin you suggested me (https://streamelements.com/dashboard/overlays/share/61c3e7b61c95fbbd4fb7c65d) maybe you can help me :D or someone else.

I noticed the widget treats all sub tiers the same. So i started making it so that it differences between the tiers.
for events its easy, just adding if else stuff for the tiers :

else if (listener == 'subscriber-latest') {
      if(event.bulkGifted) return; //skip 'user gifted X subs' events
        if(fields.goalType === 'subscriber') adder = 1;
        else if(fields.goalType === 'combined'){
          if(event.tier == 1000){
              adder = fields.subMultiplier1;
          } else if(event.tier == 2000){
              adder = fields.subMultiplier2;
          } else if(event.tier == 3000){
              adder = fields.subMultiplier3;
          }
        } 
  }

but the initial load is from the goal data...can i get the different tiers from the goal data? instead of just the amount of subs?

[elfin arch]

i'm just grabbing the count of recent subs in the widget load and doing a blanket call here:

[hexed ridge]

yes but this only gives the amount. so 10 tier 1 subs and 3 tier 3 subs would be counted as 13 * tier1 multiplier correct?

[elfin arch]

correct

um; so; i'm just going freestyle code here. but want to grab that number; then pull the list of recent subs and "map" that

[hexed ridge]

ah right like:

having 13 subs
so i get the last 13 subs and check their tiers and add the values up

sounds easy enough

[elfin arch]

👇

[hexed ridge]

got it, subscriber-recent was the one needed. latest is only the last one

    for(let i = 0; i < data[`subscriber-goal`]['amount']; i++) {
        if(data['subscriber-recent'][i]['tier'] == 1000){
              donation += fields.subMultiplier1;
          } else if(data['subscriber-recent'][i]['tier'] == 2000){
              donation += fields.subMultiplier2;
          } else if(data['subscriber-recent'][i]['tier'] == 3000){
              donation += fields.subMultiplier3;
          }
    };

[elfin arch]

ahh ya; good call.

[hexed ridge]

that should work as long as i stay under 25 subs :D

[elfin arch]

hehehe 🙂 .... when you get above that; we can switch to real Twitch API calls 😉

[hexed ridge]

just to be save adding this at the start of the loop for now :D

          if(i > 24){
            donation += fields.subMultiplier1;
        }

Thank you for your help! :) Appreciate it alot

[elfin arch]

@grave vault; yes; it should would. but that is in the webHooks.

[grave vault]

Are the webhooks documented somewhere? Or should I just go by dev tools?

[elfin arch]

https://dev.streamelements.com/docs/kappa/ZG9jOjYxMzcxNTY-connecting-via-websocket-using-o-auth2

the set up will depend if you are using oAuth or JWT

[pine dome]

is it possible to paginate API results using ?limit=___&offset=___ ? for example, while using an endpoint like /kappa/v2/bot/{channel}/levels?

[severe shell]

It is, but not all endpoints have that option (the one you pointed does not have support for that). For those which do not have support, you will need to treat the array in your application (maybe array.length can help you)

[pulsar willow]

Is there an API for the date of your timezone that you can use as a twitch bot command?

[mystic kraken]

Do you mean the timezone of the streamer, or the timezone of the user that entered the command? The timezone of the streamer could be hard-coded as a time offset using ${time.EST} for instance. Working out the timezone of the user that entered the command would likely require the user's IP, which (I hope) isn't the easiest of things to obtain.

[pulsar willow]

No like the date of the day.

Like it would say January 12 2022. or just January 12

[solemn imp]

hey, i just setup a custom widget, is there a way to have css blend modes affect other layers?

[quiet tiger]

hello! so I wanted to change the music and image for the follow alert, the music changed but it still keeps on showing the shark

[gloomy kestrel]

Disable custom CSS

[quiet tiger]

still the shark even after refreshing :((

[gloomy kestrel]

Did you save the overlay?

[quiet tiger]

i did

[gloomy kestrel]

Do you have follower variations?

[quiet tiger]

none

[gloomy kestrel]

refresh the overlay editor and check that the custom css is enabled for the follower alert

[quiet tiger]

should i enable the custom css after refresh?

i did refresh twice after disabling and re enabling it, doesn't change anything D:

[gloomy kestrel]

hmm

😄

works for me I disabled custom css and it does not show the shark

[gloomy kestrel]

can you try disabling the custom css for all alert types?

[quiet tiger]

they already are disabled

[quiet tiger]

I wish that works for me too 😦

[solemn imp]

anything on this?

[mild cipher]

You could use this customapi:

$(customapi.https://api.thefyrewire.com/twitch/datediff/now?timezone=Europe/London&format=F+j)

You can customise the format by changing it there at the end of the URL. Here's a reference to all the valid variables: #helpdesk-twitch message

[pine dome]

Hi, thanks for the info! The issue is, that endpoint is only returning 11 records (subs), but I have about 50 total subs... so is there a way I can access the other 39 rows?

[crisp wagon]

Hey all, trying to make a value in a custom widget configurable by OBS. I’ve tried both URL params and custom css, but both of those methods don’t seem to work due to the widget being sandboxed in an iFrame. Has anyone had success doing something like this?

[young shard]

each layer is completely isolated from one another, so you'd need to have it all in one widget

[solemn imp]

would i be able to set the fill of something in the widget to an image i uploaded to the editor?

[mystic kraken]

If you want to use custom CSS/JS/HTML, but use the image that is uploaded, you'll need to change the line in the html that says "<img src="https://cdn.streamelements.com/static/alertbox/default.gif">" to something like " <img src="{{image}}"> for an image, or <video id="video" playsinline autoplay muted style="width:100%; height:100%"><source id="webm" src="{{video}}" type="video/webm"></video> for a video

oops - inadvertent link there, sorry - copy and paste issue.

See the Overlay Editor docs in the pinned message for more information

[green sail]

Does SE have an area to SET a goal? Goal progress is cool... but where is the End Goal setting?

[green sail]

or Maybe a way to use the current goal set on Twitch?

[crisp wagon]

I also looked into seeing if there was something fancy I could do with SE_API, but the only documentation I see on it is a brief example section of the CustomCode.md: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#se-api

[elfin arch]

you could create two different overlays. Widget A would be something you import into OBS as a dock. Think of like an HTML page with some buttons and on the button click do a SE_API.store.set() to pass along what you want. Widget B would have a listener for changes in kvstore:update: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#custom-widget

[crisp wagon]

hmm, so basically making a kind of "admin" overlay to use as a browser dock

not a bad idea, thanks

[glass canopy]

Hi there. I'm trying to use the websocket socket.io API. Can I ask about that here? I'm able to connect but I only get messages for a single channel.

[glass canopy]

I’m trying to guess at parameters to pass to authenticate or events to emit but no success. I just want to trigger something whenever my overlays for twitch and Facebook fire.

[teal holly]

can anybody knows how to fix this chat widget on streamelements thru obs via facebook live ...? suddenly not working to me

@uneven oxide

[tight spruce]

Morning all! I’m running into a little problem this morning trying to set up stream labs OBS.live for the first time on my Mac book! Would appreciate some assistance. Wondering where the best place for this issue would be!

[vocal lintel]

Hi:)))), is there a way, how i can export the loyalty points from Streamlabs to StreamElements.(watchtime etc.)

[hardy walrus]

From their desktop chatbot yeas. Cloudbot no.

[vocal lintel]

soo i need to install desktop chatbot, importe the stats from Streamlabs, and then download them to a folder? right?

[hardy walrus]

No. If you're using the one as streamlabs you cant.

They don't have any supported methods.

[vocal lintel]

Okey.

Well ty ❤️

[pulsar willow]

does anyone know what this chatbox widget is?

ive been looking for a box that hides usernames and stumbled upon this stream

[elfin arch]

i'm unsure on what that box is; but if you are just looking for one that doesn't have user names; if you find one in #widget-share, it should be a simple fix .... (replace all names with "")

[pulsar willow]

i found one extremely similar on a korean site 🥴 thank u so much for the tip though ill try editing them like that in the future!

[hushed kite]

Hey all, been trying to get some help on this - I changed my channel name yesterday, but I am unable to get the url and name on my SE.Merch store to change. Both the Marketing and Settings sections of SE.Merch won't load for me.

I assume this is because there is now a mismatch between my channel name and the store name

[elfin arch]

can you post in the help desk for your platform? 🙂

[quiet tiger]

is the gif the same as image? i edited the custom css and it still shows me the shark

it actually is a gif but it's labeled as an image on stream elements

[mystic kraken]

that should have worked. I just tried it on one of my test widgets, and that looks correct. Make sure to have hit "Save", and if you're testing from a separate tab, reload.

[mighty nebula]

My chatstats dont seem to work, does anybody know a fix?

[elfin arch]

can you post in the help desk for your platform? 🙂

[mighty nebula]

sure, where am I supposed to post it? its from the streamelements website

[elfin arch]

in #helpdesk-twitch for twitch if it's a twitch thing

[mighty nebula]

alright ty

[quiet tiger]

is there any way to make a transparent twitch chat overlay on SE?

[hardy walrus]

You'd have to use one of the custom widgets from #widget-share

[hushed kite]

I posted in the helpdesk channels for Twitch and Merch and got no response

[crisp wagon]

Digging into this now, do you know if there's any way to hack/force an overlay to be responsive instead of having to be a set pixel width/height? No matter how I CSS my widget, the overlay itself has some inline styles forcing the resolution in the overlay settings and I don't know of a way to override it, at least not as a browser dock.

[elfin arch]

i'm not sure if that can be done once brought into OBS as a dock

[crisp wagon]

If that's the case, I could make the "admin" page somewhere else if the kvstore is accessible through the REST API somewhere. Been looking at the docs but haven't found any mention of it yet--do you know if that's possible?

[elfin arch]

i don't believe there is an API call for that (it's through websockets) but could be wrong on that.

i know that OBS docks can be responsive; but i'm not sure on the wizardry to make it happen

[crisp wagon]

Yeah I could make it responsive no problem through regular code, but the sandboxed widget system gives me some limitations in that respect. Guess I'll just have to make it skinny and try to enforce a recommended dock width to those you use it, thanks.

[cedar saffron]

My custom bot disappeared and now I cant get it back. The "tipping settings" on StreamElements OBS is also gone so I cant even follow through with the steps provide online. Help please

[uneven oxide]

@cedar saffron ⤵️

StreamElements menu, on top of OBS > Logout > Login

[spring flame]

removed

[hardy walrus]

@viral patrol ^^^^

[tidal sail]

Hi, I got sent over here from #helpdesk-twitch to ask if there's a way to make a chat command variable that isn't listed in documentation. In particular, I'd like to query the number of followers a chatter has -- i.e. "${user} has ${user.followers} followers." There's nothing like this in documentation except ${channel.followers} and anything I've tried to guess just returns null (e.g. "USERNAME has followers.").

[versed cape]

I just need some help, for what ever reason, I cant seem to get these credit rolls working it loops this over and over again but doesnt seem to show up recent events like cheers or bits or subs, follows ect...

[final crescent]

How can i use chat events in custom HTML, CSS, JS Overlay?

[hot trout]

@tidal sail I think streamelements bot can't do that so you'll need either an external api or if you also have nightbot, that can do it

this api can do it docs.decapi.me/twitch?endpoint=followcount%2F%3Achannel

[terse crest]

Look at the Overlay Editor Docs, in channel's description

[final crescent]

Thanks alot

[dire walrus]

So I'm writing a custom widget on StreamElements that counts Twitch subs of any kind. I'm noticing that it works except for when there are community gift subs in which it counts twice. Would anyone know why that would be or a potential way to only count gifts once?

[terse crest]

Exclude if .isCommunityGift or .bulkGifted, check on docs

[dire walrus]

That seems to have done it! Thank you!

[uneven oxide]

@broken karma, posting multiple links will result in not being able to post again.

[warm schooner]

watchtime coming up zero when put it in on someone try on lots different people on twitch and still getting the same problem need help?

[uneven oxide]

@warm schooner ⤵️

The !watchtime command is directly tied to the Loyalty system. The Loyalty system must be enabled for viewers' watchtime to count up.
To enable Loyalty, please go to the Loyalty section of your account: https://streamelements.com/dashboard/loyalty
Watchtime counts up every 10 minutes alongside Loyalty points, and only while the stream is live. Reruns will not be counted.
Please note that watchtime is not tracked by Twitch and there is no way to retroactively apply past watchtime to viewers.

[lusty pivot]

Does activities have delay right now? about 10 minutes

Like when someone subs it appears in the dashboard after 10 minutes, same condition with overlays.

[vital dagger]

See #helpdesk-twitch there are some issues with delays, devs are working on it

[worn beacon]

Chat Stats website not synched with my changed name, it's been around 10 months

[light marlin]

why do the overlays look wierd

can any one tell me whats going on with the overlays? it looks like each overlay has another over inside it when you try and edit it

[rancid osprey]

Anyone in here who can create an extern application for me to control my stream and edit the overlay with during the stream?

[rancid osprey]

hey, can someone help me?
i need a interactive streaming overlay

I want to be able to control our overlay with an external application
we organizing esport tournaments.
so for example the teams which are going to play, the upcoming maps, score, etc.

what ever i am choosing in the application will be shown in the overlay

the last interactive overlay we had was with excel and html.
we used excel as an application to choose which teams are going to play against each other, maps, score etc.
and whatever i chose in excel was shown in the overlay, their logos, map pics etc.

so didnt have to edit it in streamlabs during the stream.
and we used excel as kind of database.

lets say i have a basic tournament bracket as background design.
in the application i can choose what teams are going to play in the tournament.
then you can see the teams name + logo in the round 1 brackets.
after round 1 i choose in the application which teams have won.
then these teams are automatically in the round 2 bracket
and so on
and all my scenes like the tournament bracket. the schedule. upcoming match / maps will change depending what i have chosen in the application.

[honest ember]

heyo dev crew

Im trying to upload a custom font the Space Comics, and it doesnt pop up as a selectable font, its all installed obs and overlays restarted since install

[elfin arch]

hey @honest ember; i noticed in your screenshot that you have the full C:; you just need the name in there

[honest ember]

AHHHHH

I am big dumn

[elfin arch]

hehe; give that a try; but it's 50/50 of working

[honest ember]

yes

GOT IT

thankyou lmao i am so dumb with this stuff

ya think after 2 years id learn ey

ty ty

[elfin arch]

no problem 🙂

[honest ember]

i gotta dip i was mad fixing this while prepping cause i keep forgetting to XD

LOOKS SO GOOD fits my YT content and twitch now thankyou for the help!

[elfin arch]

oohhh i like that font. niice

[jolly scroll]

KappaGen doesn't seem to trigger with subscriptions on my end

[worldly token]

How can I change the url for tipping page?

[sand void]

Hi, sorry for my english, I'm Italian.

I want to use loyalty points between twitch chat and my website. For example an user writes !reward1 in chat...that costs 100 points...then it would be perfect to get this information on my website to store it on my database with php/js etc...is it possible?

[terse crest]

I have a question... why

[fast snow]

Switching currency in Tip settings doesn't change currency but just shows "Something went wrong" with no additional error info:

[calm wolf]

In the "Chat widget by FabioZumbi12"
I want to make a slight modification so that the out animation plays for the message getting ready to be deleted, rather than it just disappearing.

Here is the JS I found when searching the code.

[calm wolf]

Actually, nevermind.

I found a different one that does the things I want.

[uneven oxide]

@slow temple, posting multiple links will result in not being able to post again.

[uneven oxide]

@echo veldt, posting multiple links will result in not being able to post again.

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

@true flax, posting multiple links will result in not being able to post again.

[uneven oxide]

@safe igloo, posting multiple links will result in not being able to post again.

[bold mesa]

Can someone show me how to find my client ID? Im trying to Apply for OAuth2. I don't have an application yet. Can someone walk me through it please 😦

[uneven oxide]

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

[bold mesa]

5dfc20e27e89343ca49f6a1b

i hope i dont get hacked

LOL

[elfin arch]

that is you account id for the form

ohh; just checked the form. you don't need your id for that.

[bold mesa]

yeah haha

[bold mesa]

@elfin arch can i pm u some questions? 😄

[elfin arch]

would rather have it here for others to see

[bold mesa]

ur good!

do you think they would give me a client id if i sign up without a working application?

[elfin arch]

i'm not sure to be honest. i've never applied myself because i don't have an application example or callback

the SE OAuth is more gated then say Twitch or Trovo, each one is reviewed by the staff

[bold mesa]

i see thanks for the info! 🙂

[elfin arch]

no problem 🙂 send it in; you will get a response i'm sure either way. but i'm unsure on timeframe for that

[bold mesa]

okay i was just really scared they would leave me in the dark and never reply haha T_T

ty for the reassurance 🙂

[sand void]

No one can help me with this question? 😔

[elfin arch]

i'm unsure what you are looking for exactly. but you don't need to store SE Loyality in your database (SE will already handle that)

[terse crest]

Of course it's possible, just make an ajax call from a custom widget to your website and process given data with the backend

[elfin arch]

it can skip a step there and use {custom.api} in just a command (with setting a command cost) and go direct to website

[sand void]

I have to create a system where users can buy virtual things on my website...like to unlock a special emote etc...so I need to know that the user has spent the points via the twitch chat command.

Have you a code example or tutorial about the first steps to do? Thanks in advance 😊

[elfin arch]

i don't have an example; but you could go the route JC mentioned with a custom widget; or {customapi} command and handle it the code on your server

[sand void]

Maybe I understood the custom api thing...I set an endpoint in my site and send the data to my site via GET?

[elfin arch]

yup; you would send, well basically the USERNAME and command probably to your route

[sand void]

Ok, I have to find the documentation part about customapi for the right syntax, but really thank you @elfin arch and @terse crest you are really kind!

[elfin arch]

for the chat command; something like $(customapi.https://link.com/api?name=${sender})

[sand void]

You are super! Thanks a lot! It's always beautiful to find people like you ready to help 😊

[elfin arch]

no problem 🙂 just remember to cross reference that back to Twitch to get the ID to store in your database (because name changes 😁)

[sand void]

I'll see how to do it 😊

[terse crest]

Or you will be doomed to constant user complaints that the statistics do not work

[elfin arch]

ya; users like to have their names in the links so have to give them that. name changes can cause issues when display name is needed; but as long as everytihng is ID linked it can be connected.

[charred sedge]

hey, is there anyway to add a command like !elo, which accesses an api specific for valorant where the command displays your current rank? is there such an api?

[jolly scroll]

Hii! What do I change in the credit roll code so it doesn't show the last 25 events but all of the current session events?

[elfin arch]

i believe that is built on the "recents" which is just the last 25 events

[elfin arch]

if you know of the API to see that data, I can help you with the command 🙂

[jolly scroll]

Okay so how do I get the code for the current session events? It's just a bit sad where I've had stream where +40 subs were gifted plus cheers etc and only the last 25 events showed.. is there also a way to make it stop looping?

[elfin arch]

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

the "recents" gets the last 25; but you can get them all with the data

[jolly scroll]

Thank you so much!!

[jolly scroll]

Is it alright if I send you a dm with the current code? I'm looking at this and I'm not sure what exactly to change and keep

[elfin arch]

i don't have time today to look into it

sorry.... but if you post some snips here; others can chime in

[jolly scroll]

will do thank you! already happy it's possible ♥

[pine dome]

does anyone know how to get paginated results of https://dev.streamelements.com/docs/kappa/b3A6NTM5NzEyNw-channel-levels ? there has to be a way. it only returns the first 11 users!

or... does anyone know of any api endpoint that returns a list of subscribers in your own channel?

[hardy walrus]

Closest I have is latest subs but not sure how well it would work for your use case.

[pine dome]

willing to give that a shot, thx! maybe i can set the max date to like 1 year ago or something? 🙂

[hardy walrus]

It's more towards a count rather than length backwards.

https://docs.decapi.me/twitch?endpoint=latest_sub%2F%3Achannel

The OAuth generator is the link at the top of this bit.

[pine dome]

ohh, i need to use it for a bot in the channel, so i don't think oauth would work since there's no login ui 😦 thx though

[pine dome]

something like https://api.streamelements.com/kappa/v2/bot/channel/levels/username would be great but it's only for DELETE requests

[livid ibex]

123

[ashen narwhal]

I'm not familiar with creating widgets, but I would like a progress bar that reads the number from a text file. I can't find any so I think I'll make it, would something like this be difficult?

[severe shell]

Yes, there are some. I know this one:
${customapi.https://api.kyroskoh.xyz/valorant/v1/mmr/REGION/USERNAME/TAGLINE?show=combo&display=0}
Just replace REGION, USERNAME and TAGLINE for the respective ones. More information here:
https://community.nightdev.com/t/custom-api-valorant-mmr-rank-api-v1/30536

[analog umbra]

Hello! I use StreamElements dockers in OBS and it's really nice to be able to collect everything there I just have a question about this small thing.
So in the Twitch stream manager I can toggle the live viewer count on and off by just clicking it. And I feel like turning it off is better for me since I don't want to know. But in the Activity Feed docker from StreamElements its stuck there. I just want to see alerts and stuff like that though so is there any way to turn off the live views? And if not, is there any chance to make it a toggle in the future?
(might be the wrong channel, unsure, sorry about that)

[hardy walrus]

Click the 3 lines in the top left then stream settings.

[analog umbra]

You, a hero! thank you! I did check that before but I must simply be a bit blind haha!

[gleaming cave]

can anyone help me get game capture to work on stream elements obs

my problem is no picture will pop up when im trying to stream

[random basin]

How do I share an overlay that I have with another user? I did some changes to a widget of mine and want to allow another user to use it

[rain narwhal]

hello I set background to background: rgba(255, 255, 255, 0.3); but it's turn grey anybody know how can I do? Thank you!

[proud spade]

The last number (0.3) is the transparency. A value of 1 means not transparent at all and 0 means completely transparent.

So you have white that is 70% transparent right now.

[rain narwhal]

Yeahh but it kinda look grey instead of white ;-; it something like this, when I didn't check alpha the white turn grey

[proud spade]

Whatever is behind the item with the transparent background will bleed through and change the color slightly.

[rain narwhal]

Okay I'll check it Thank you!

[daring tiger]

is there anyway to make StreamElements bot reply to first time chatters in every stream?

[somber hornet]

Can you please do what ever Botisimo is doing....but better?
Why do I have to create different Chatbots for different plattforms?
Why cant I have simply a Music-widget like the one in botisimo?
Why , just why!??? 😄

[hot trout]

#💭︱feedback-and-ideas

[somber hornet]

Oh there it is... looked for something like "suggestions" ^^

Oh Cant post there without going TO ANOTHER PLATTFORM...again WHY!!!!

[hot trout]

structure

also this is a channel for developer help

not "ask the developers"

[rose sapphire]

Hello! I've just finished creating a custom widget using the overlay editor on the streamelements website and everything works fantastically there, however when I bring the browser source into obs (with SE.Live) none of the actions are displayed there. If I open the overlay editor using the button on the browser source properties window none of the emulate buttons there produce results either. Are there obs specific settings I'm just not aware of?

[pulsar willow]

Does the preview work as expected? (top right in overlay editor)

[rose sapphire]

yup!

its only when its actually put into obs that i experience any problems

and if i have the preview or website editor open all the events fire on each of them, its only the obs browser source and obs instanced editor that do not respond

[unreal dagger]

So does anyone know of a plugin that makes it possible for an alert to appear on screen when someone buys something from Spreadshirt?

[young shard]

sometimes you just need to hit save in the editor and then refresh the browser source

oh, and to have emulated events fire when not in the editor, you need to enable "Preview LIVE on stream" at the top of the emulate menu

[rose sapphire]

Live is checked, saved it many times, used the refresh cache button as well. But I will try those things again

[young shard]

the shadow is causing the gray, instead of using filter: drop-shadow you can use box-shadow

[young shard]

the OBS browser source doesn't support all the javascript that chrome does, so sometimes things break due to that as well, so it could be worthwhile to remote debug the browser source as well and see if there's any console errors https://obsproject.com/forum/threads/how-to-get-console-log-in-browsersource.110221/

[rose sapphire]

ohhhhhhhh now that definitely could be it. Thank you so much I will dive into this.

[wicked granite]

Can tou explain me please how I have to add an overlay on a channel?

[rose sapphire]

this was exactly it, an animate call that's ok in chrome isn't supported in the obs JS definitions. Thanks again!

[pulsar willow]

Is there a list of JS-wise browser source limitations?
I assume they are the same as for the CEF in general?

[young shard]

reading thru the OBS releases, it looks like OBS is currently using CEF 75 (3770), and OBS v27.2 will be updated to use CEF 95 (4638)

[pulsar willow]

thank you @young shard 👍

[hot trout]

depending on platform

mac/linux have newer CEFs

27.2 should unify that though

[pulsar willow]

That explains some of the behaviour I noticed while testing 😯
Thanks for the clarification.

[still parcel]

hii

[unreal dagger]

Is it easy to make an alert when someone buys something from your spreadshirt shop? 🤔

[terse crest]

If spreadshirt has API - should be no problemo

[unreal dagger]

It has API yes. Never coded anything before myself. But would it be possible to do for a newbie?

[shrewd hound]

I have a question which I'm hoping someone can point me in the correct direction... I am wanting to share SE Alerts so someone can just click on the link and have them copy into their SE dashboard overlays... Any help would be awesome! Thank you in advance 🙂

[terse crest]

No. I'd say you need experienced dev for that task

[unreal dagger]

Sadge

[uneven oxide]

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

@chrome hound, posting multiple links will result in not being able to post again.

[terse crest]

Not that Sadge actually

[silk plank]

can someone tell me why the array isnt working ?
let allowedUsers = ["user1", "user2"];
if (data.nick.indexOf(allowedUsers) !== 0) return;

[young shard]

you're using an array function on a string instead of using it on the array

let allowedUsers = ["user1", "user2"];
if (!allowedUsers.includes(data.nick)) return;

also you can use includes instead of indexOf

i would also recommend lowercasing both the strings in allowedUsers and the string in data.nick to make the check be case-insensitive

[silk plank]

thank you! and one more thing, i cant seem to get it in my "settings" group

let allowedUsers = []; is defined in the "fields" separated with commas

[warped fractal]

I need help! Anytime I open Obs Studio it opens hundreds of windows for twitch

[young shard]

you need to convert the string into an array
this is the function i generally use to do that

function stringToArray(string = '', separator = ',') {
  return string.split(separator).reduce((acc, value) => {
    const trimmed = value.trim()
    if (trimmed !== '') acc.push(trimmed)
    return acc
  }, [])
}

[silk plank]

thank you!

[thorn jungle]

does anyone know why this command isnt working $(eval response = $(urlfetch json https://api.henrikdev.xyz/valorant/v1/leaderboard/na?name=SEN%20SicK&tag=xDDDD); data = JSON.parse(response).data;nukkye is ${data.leaderboardRank} on the leaderboard and his elo is ${data.rankedRating})

on nightbot

been trying to figure it out for days

im not good at coding but i'm trying to make it so this command displays something like this

[solar trout]

Currently I have an SE overlay that I use in an OBS SOURCE. When the SOURCE is started, it starts up an HTML file as well as its associated JAVASCRIPT file. Everything is working fine. However, I don't want the SCENE and its SOURCE to start up. Instead, I would like a MOD to start the scene via a chat command I can write for him/her. My question: is there a way not to have the scene be triggered immediately but instead by a chat command? In other words, not to start the index.html until this chat command is entered. (I can write the code for the command, if I know there is a technique for accomplishing this).

[warped fractal]

PLEASE HELP lol

[still juniper]

If you want the overlay not to be displayed on load, you just need to hide the HTML using the corresponding CSS properties. Then, once you detect the command, you update those properties and show the HTML/run whatever JS is needed. Basically what's done with alerts - you have a visible scene with a source containing an overlay, which is loaded on start, but the overlay itself is hiding the content until a trigger is received

If you really really want to control the OBS scene directly (which you most probably don't), it is still possible using obs-websockets. But again, you most probably don't want/need that at all

[unreal dagger]

Why not? Because their API is outdated? KEKW

[pulsar willow]

well ... coding is no rocket science, but if you don't have much experience you might struggle (at first) with some implied conventions or processing concepts.
That said, if you take one step at a time you will eventually succeed (as with everything). 👍

Afaik there are no dedicated custom widget coding tutorials, so it may be reasonable to take a look into general web development (HTML + CSS + JS) first.
Sites like https://jsfiddle.net/ can be useful for testing code snippets.

The 'Overlay Editor documentation' (link in channel description) is very helpful, but a bit confusing when you never coded before.
It is also very helpful to take a look at the code of other custom widgets in #widget-share . You might even find a widget on which you can extend.

[solar trout]

Thank you. That all makes sense. I will use this approach. I really appreciate your help.

[leaden lava]

Hi All! Apologies if this isn't the right area for this, but I'm having issues with uploading loyalty points to StreamElements via CSV file. I uploaded them once, and upon realizing i made a mistake in the data I reset it all only to find I get an error when trying to reupload. Any ideas would be greatly appreciated!!! Thanks!

[alpine vault]

Hello there! I am rather new to coding and need some help. I am trying to use Custom CSS to set up text effects and the like for my alerts. I got to the Subscription Gift section of the variant alerts and was unable to figure out how to set up the HTML, Java, and any other code I need to make the following message to work:

"{sender} gifted {name} a subscription! How kind!"
I saw with your Overlay Editor documentation that I would need to turn the variables into {{sender}} and {{name}}, but I feel like I need to be doing more because I have <span id="username-container"> for {{name}} written there in default for a user, but there is nothing for me to work off of for {{sender}}. How would I set this up?

"custom" and "small custom" are for the text effects.

Would removing <span id="username-container"> and putting in the "{{sender}} gifted {{name}} a subscription! How kind!" work for what I need? There is Java code attached to the username-container code and I don't want to break anything.

[mental magnet]

Hi there. I'm having trouble getting Awesome Shout Outs working. I've gone through it step by step using YouTube videos but nothing shows up no screen. I've triple checked the layers and added the correct URL for the browser source. I'm stumped. @steady iron I dunno if you or anyone else can help?

[steady iron]

Hello! Have you, by any chance, used apostrophes in any of the texts?

if so, there is a bug which breaks the widget, you can get the fixed version here: https://twitter.com/ReneChiquete/status/1482814769392455691

If you do not have any apostrophes but still cannot get it to work, drop a message and we can give it a look!

[opaque wasp]

Is it possible to click a Streamelements's overlay settings button via any sort of API call?

[silk plank]

This works, but the problem is its only showing me the trigger word, and not the rest of the message, so what do i have to add there? also going to have a data.text.substring() to remove the actual triggerword from the alert

let textTrigger = [];
if (!textTrigger.includes(data.text) ) return;
textTrigger = fieldData.textTrigger.toLowerCase().replace(" ", "").split(",");

[solemn imp]

Hey there, trying to make a simple donation goal bar (With a custom widget), I've already set up the HTML and CSS and everything but I'm having trouble figuring out how to get the data I'd need for the JS, how would I go about getting that?

[opaque wasp]

check out the 3rd link into this channel description

[alpine vault]

Is anyone online at this time available/able to help with my weird question...?

[mental magnet]

Thanks for answering! I deleted the old ASO and replaced it with your link. I didn't change any settings in the new ASO but changed the shape/size of the widget. In StreamElements, it gives the "You're Awesome" on the top line and the streamer on the bottom line with no logo.

In OBS.Live, it only says "You're Awesome"

[pulsar willow]

Hi all

I need help

How do I link my Donation / Tips to my just giving and not my SE Tipping

So any idea on how to link Just Giving onto my SE donations

Instead of SE Tipping by Default

[pulsar willow]

so anyone got any idea

on how I could do this ?

[alpine vault]

I am super new to coding, so I have no idea. I am going to assume that the linking would happen through a custom donation variation alert and you would code it in...? Otherwise, I have no idea. Your overlay is fire, though! Did you make it?

[pulsar willow]

I am using one of the Free ones from SE

but your not wrong

[alpine vault]

Oh wow, nice!

[pulsar willow]

it looks dope

[alpine vault]

So, it seems like based on the second image you posted, it needs to be a browser source in your streaming software. Are you able to customize it to look similar to what you already have in your overlay?

[pulsar willow]

I agree with you but I am wondering if theres a way to add the just giving thing to my overlay without adding its additional overlays as I dont want anything cluttered

[alpine vault]

Yeah, I figured, but sadly I have no idea besides coding a custom alert. I wouldn't know how to do that. Is there a way to import the code from the Just Giving website and plug it into the HTML, CSS, and Java slots in the custom alert in your overlay?

[alpine vault]

I have some other questions outside of this.

[urban salmon]

Hey there, having an issue editing my overlays and was wondering if this is the thread to use

[severe shell]

You don't need to copy it to SE, just copy the Just Giving overlays to your OBS and share the Just Giving donation link instead of SE

[lean stream]

Hi guys, I'm using Ground Control and want to rename the bot. I would like to request access to the feature as the support doc on the website tells me to do.

[alpine vault]

I am sorry to be such a bother, but I am on a bit of a time crunch and need to get this and my other questions straightened out by the 28th.

[honest igloo]

Is there documentation on using the twitch channel points to trigger an overlay? I want to make something very simple - similar to the "highlight my message" but instead of highlighting it in the chat, it sends the username and text to an overlay that displays it on screen. It seems like the kind of thing that someone may have done before but apparently my googling powers aren't that good 😅

[hardy walrus]

@honest igloo not possible atm. We have no integration for them yet.

Might be possible with this though https://overlays.thefyrewire.com/widgets/triggerfyre/

[honest igloo]

Ah, thank you

[junior forge]

Hi there!
Question: For the !watchtime command, does it count a month as 30 days? 28 days? or 31 days? Ex: if this is calculated to staight hours, the total number of hours is around 800. But, depending on how long a month is considered, the hours calculation will fluctuate. Thank you!

[hardy walrus]

Unfortunately the default command can't be modified.

[junior forge]

Oh sorry, I'm not asking if it can be modified. Im just curious how long the command counts a month for?

Sorry for the typo making it confused!

[hardy walrus]

I'd "assume" it's based on 31 days but defo something I might need to ask staff.

[junior forge]

I was assuming 30 since that was more average. I would love to know if anyone has the answer! Thank you

[alpine vault]

Pardon me, tehbasshunter, would you potentially be able to help me with my question(s)?

[hardy walrus]

Unfortunately no as I'm not that good code-wise.

[alpine vault]

Ah, I see. Do you know anyone who could?

[vague mauve]

I cant connect my facebook on the website it always says (?error=ERR_RETRY_WITH_PAGESELECTOR#=)

need help?

[wispy ember]

Hello everyone! I am trying to return google sheet data into a new stream elements widget. The goal is to have a score tracker that can be updated via google sheets rather than updating the widget. Does anyone have any recommendations on how to accomplish this?

[austere pelican]

In the Chatbot module for chat alerts, is it possible to have the Raid alert also trigger a shoutout alert after the raid alert? I can't just add another line to the Raid chat alert as what they were playing is not an available option.

[silk plank]

the textTrigger is defined in the setings, if i have only 1 word it works, but if i have two it does not work, been struggeling with this for so long now, so hope someone can help. example in the setting: word1, word2
textTrigger = [];
if (!data.text.startsWith(textTrigger)) return;

    data.text = data.text.replace(textTrigger,'');
      if(data.text == 0) return;

[pulsar willow]

I assume you split textTrigger (and therefore convert it to an array)?
.startsWith() on the other hand expects a string.

Because of the expected type, an implied conversion (from array to string) takes place.
for example:

// 1 element array
let arr1 = ["one"];
console.log(String(arr1));            // "one"

// >1 element array
let arr2 = ["one", "two"];
console.log(String(arr2));            // "one,two"

So, I believe that due to the conversion, your search pattern doesn't match the actual beginning of the text.

[tulip girder]

Can someone help me out

[silk plank]

it is splitted yeah
textTrigger = fieldData.textTrigger.replace(" ", "").split(",");

so you have a line that can help me with the problem ?

[glass canopy]

I was able to write a python script to use the realtime socket.io api to monitor multiple channels and respond to reaction events. Would that be helpful to share here?

[still juniper]

textTrigger.some(t => data.text.startsWith(t)) returns true if data.text starts with any trigger of your array

[lament hazel]

Hi! I am trying to get the contests data from the link https://api.streamelements.com/kappa/v2/contests/61e9d3ae0ad74b0b9778b4ca
but it comes to me empty {"active":null,"contests":[]}
what am I doing wrong?

[half holly]

Is anyone here available for custom twitch chat commissions? I asked in general so people may have seen this already. It's OK to DM me, I'm asking for a friend so I can pass on your info if you're comfy with that.

[wheat lake]

Hello friends,
Is there a way to implement an alert/confirm Box with the Field type Button ? 🤔

[terse crest]

Publish your doc and use API to get the data from our, it's pretty straightforward actually

[silk plank]

didnt return anything 🤔

[solar trout]

I don't know if this can be done but does anyone know of a JavaScript technique to make the below "<div class="marq" id="marquee">" element to run on my trigger? onClick triggers won't work in my case since there is no user interaction. I simple want to trigger a marquee at some point in the JavaScript code. I've put an HTML snippet on on jsfiddle in case that helps: https://jsfiddle.net/ksxwrj5t/
<div class="marq" id="marquee"><marquee loop="2">
<image src="emote2.png" ></image>
<image src="spacer.png" ></image>
<font color="fuchsia">Hype Train 10/19!</font>
<image src="spacer.png" ></image>
<image src="emote1.png" ></image>
</marquee>
</div>

[silk plank]

run it with a trigger command ?

to make that trigger you can use a hotkey to activate the source

[still juniper]

That either returns true or false, "anything" is not a return value

[uneven oxide]

@jade flume, posting multiple links will result in not being able to post again.

[silk plank]

then it returns false

let textTrigger = [];
if (textTrigger.some(t => data.text.startsWith(t))) return;
data.text = data.text.replace(textTrigger,'');
if(data.text == 0) return;

[solar trout]

Thanks. I'll explore the trigger command. What I a trying to do is have MOD enter a command that will trigger my bot, and in the process, I would like that bot to retrigger the "marquee". Therefore I am not sure using a "hotkey" will work since the source is on the streamer's machine, nit the mod's.

[silk plank]

yeah, then i would just make that command the mod is typing as a trigger command if (!data.text.startsWith("!commandhere")) return; run the "marquee" under here

[solar trout]

awesome - thanks. I'll take that route

[solar trout]

Oh sorry to bother you again but when you say "run the marquee" is there a JS method that will retrigger the marquee that already ran when the initial HTML was loaded. Or do I have to construct a new HTML marquee element?

[silk plank]

Should it run forever, or do you have a timelimit on it? If it dispepears after while it will retrigger when the command is used again

[uneven oxide]

@patent yoke, posting multiple links will result in not being able to post again.

@patent yoke, posting suspicious links will result in not being able to post again.

[solar trout]

I only want the marquee to run twice once it is triggered . Right now, it is not visible on startup (and the marquee runs twice when the HTML is loaded). When the mod enters the command, I want to make the marquee visible and I would like the marquee to scroll twice and then disappear.

[uneven oxide]

@unique cape, posting multiple links will result in not being able to post again.

@unique cape, posting suspicious links will result in not being able to post again.

[deft frost]

For any staff member i was wondering if there is a way on a future update you could add in a way to make channel point redemptions appear on the overlay configure I personally would love to see something like that added

[subtle lodge]

I made a donation on a friend's live, cashed it on my card but it didn't appear on his live, something I can do, if the donation doesn't appear on his live I'll cancel the payment on my credit card

[rich turtle]

Hey guys, apologies if this has been asked. Is it possible to compile a string based on arguments a user has input into a command. Then call that string in another command.

For example if a mod was to type !setsquad user1 user2
Then a user can enter !squad and it responds with the users that have been entered in the set command this could be 1 or more
The current squad is user 1, user2

[uneven oxide]

@coarse musk, posting multiple links will result in not being able to post again.

@coarse musk, posting suspicious links will result in not being able to post again.

[elfin arch]

You could do it with with a custom overlay to handle the commands or use one of the quote system commands maybe?

i do like the idea though and gonna to try to set something like it up.

[rich turtle]

@elfin arch thanks for the reply. Yeah was thinking the same with a custom overlay etc. But I was thinking something like a chat command would be good, because, for example, non twitch partners cant use the squad stream technology quite yet. but there are sites out there such as multitwitch.tv that can show multiple twitch streams on a single web page. This is useful for non twitch partners to show all viewpoints on a squad based game.
To use this all you need to do is enter the twitch usernames at the end of the url. for example multitwitch.tv/user1/user2/user3
so if we could have a command like !setsquad user1 user2 user3
then if someone types !squad it can generate a url
multitwitch.tv/${1}/${2}/${3}

and it would basically read how ever many args were used in the set command and keep adding them onto the response command.

[elfin arch]

gottcha; ya that is a good idea. i'm working on a little side thing and will add this in

[rich turtle]

your a legend. thanks for taking the time to listen to the idea

[elfin arch]

no problem. shoot me a dm and i'll help ya set it up

[alpine vault]

Pardon me, pjonp, would you be able to help me with my question?

[elfin arch]

for adding the sender in the HTML?

[alpine vault]

Yes!

[elfin arch]

<div class="text-container">
    <div class="image-container">
        <img src="https://cdn.streamelements.com/static/alertbox/default.gif">
    </div>
    <div>
          <div>
            {{sender}} gifted
        </div>
        <div class="awsome-text-container">
            <span id="username-container"></span>
            a sub!
        </div>
        <p>
            {{message}}
        </p>
    </div>
</div>

[alpine vault]

Oh, cool! That is super simple!

Thanks a ton!

[elfin arch]

no problem 🙂 that part is easy... making it pretty with CSS is the fun part (i'm not good with CSS)