#dev-chat | StreamElements | Page 56

viral patrol May 12, 2021, 2:21 PM

#

And about close: https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1contests~1{channel}~1{contestId}~1close/delete

gentle gulch May 12, 2021, 3:41 PM

#

idk this can go in this chat but i withdrawed money on my sepay but how long does it take to transfer monmey into my credit card

placid flax May 12, 2021, 6:43 PM

#

I can get the Stream marathon widget to work

#

start and reset timer isnt working either

nova hedge May 12, 2021, 7:53 PM

#

If we need to update our redirect URI's for our oauth2 application, how would we go about doing that?

austere aurora May 12, 2021, 9:22 PM

#

Wanted to know if there’s anyway I can setup a command so every time someone types in !title or !rank it shows their title that I give them(from manually entering it)

marsh quiver May 12, 2021, 10:49 PM

#

There's no built-in Twitch solution @austere aurora, but let's try something like this:

#

https://thefyrewire.com/docs/api/twitch/pastebin/

thefyrewire

Pastebin | Fyre API

Reference for Fyre's API

#

The pastebin needs to be set up like:
:[USER1] $(sender) is xxxxx1
:[USER2] $(sender) is xxxxx2

1 per line where USER1 is the username and xxxx is the role or title/alias that they want the bot to reply with

#

the command could look something like: $(customapi.https://api.thefyrewire.com/twitch/pastebin/REPLACEME?filter=$(1|' ')&user=$(sender)) <--replace the 'REPLACEME' with the pastebin ID you set up

spice flame May 12, 2021, 11:57 PM

#

Hello
Im currently trying to send alerts via woocommerce when somebody is buying something. what would be the best way to correctly implement it? via socket io and push to que that way via api and have a widget listen for that specific event ? or are we out in maybe webhooks would be simple enugh ?

tropic wagon May 13, 2021, 12:55 PM

#

Hi ! How can I change this data : " userLocale = fieldData["userLocale"]; " ? I tried to replace to " userLocale = ' en-CA' " but it doesn't work ... The goal widget is in USD and I need to have it in CAD ...

#

I also tried to add "Let userLocale = "en-CA" and let currency = "CAD" "

#

But didn't work either

burnt yoke May 13, 2021, 1:36 PM

#

Good morning. Is there a way that a StreamElements overlay with a custom widget can access/post to chat via the StreamElements bot?

pulsar willow May 13, 2021, 2:31 PM

#

@tropic wagon if you set locale to en_CA and currency to CAD then we get the symbol $ because Canadians refer to Canadian dollars as dollars. Check here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

tropic wagon May 13, 2021, 2:39 PM

#

Actually the widget is not for me, it's for a friend in Canada, and when her viewers (also in Canada) send donations, it shows in USD on the widget ... For exemple for a 5 CAD donation, on the widget it will shows like they donated 4.11$ (so USD)

pulsar willow May 13, 2021, 2:42 PM

#

@tropic wagon toLocaleString('en-CA', { style: 'currency', currency: 'CAD',

ocean fractal May 13, 2021, 2:44 PM

#

@tropic wagon if this is a streamelements widget, I think your friend would need to update their donation page settings so that it feeds in to the widget in her currency

tropic wagon May 13, 2021, 2:45 PM

#

I can't remember where i got the initial code from 😂 but it wasn't from SE

ocean fractal May 13, 2021, 2:47 PM

#

Lol gotcha. Well if the code is in a custom widget here, I believe that donations come in as the currency you select in your donations page. If that's the case, this wouldn't really be a code issue, but a settings issue in SE 🙂

tropic wagon May 13, 2021, 2:48 PM

#

Ok I'll check with her thanks ^^

azure lake May 13, 2021, 3:37 PM

#

I really dont know where to ask but i need some help with overlay editor, becuase i changed my overlay from 1080p to 720p i now have to move everything. but is there a way to move everything at once?

molten burrow May 13, 2021, 4:39 PM

#

Hypothetically, is there a way to code a widget so on a sub event (say 24 month sub), the widget toggles on?

sturdy oak May 13, 2021, 5:07 PM

#

If you can think of it, it can most probably be coded

ocean fractal May 13, 2021, 5:38 PM

#

@molten burrow do you mean you want to show a specific alert for specific sub streaks?

molten burrow May 13, 2021, 5:39 PM

#

If there is a specific sub streak/tier sub/etc, it could turn on a layer that permanently stays up on screen. Yeah. But I wouldn't want it shown before the event happens.

ocean fractal May 13, 2021, 5:41 PM

#

I think you could do it with a widget that's always running. Have it set up so that on a specific streak it displays what you want to show and you just leave it on the screen

#

that's all i can think of lol

molten burrow May 13, 2021, 5:42 PM

#

Yeah I went into the Widget share to kinda get an idea of something close so I can make changes to what I specifically want. Thank you for reachin' out! Appreciate the advice. 😄

wheat jackal May 13, 2021, 6:49 PM

#

is there a way to add premade values, like 1k and 5k

pulsar willow May 13, 2021, 6:50 PM

#

It doesnt show the current amount of followers I have

void arch May 13, 2021, 7:05 PM

#

pulsar willow It doesnt show the current amount of followers I have

i have this issue to and cannot find a fix

young shard May 13, 2021, 9:59 PM

#

molten burrow Hypothetically, is there a way to code a widget so on a sub event (say 24 month ...

there is an amount property that comes with sub events that you can have a widget read to see what month streak that sub was triggered at

molten burrow May 14, 2021, 12:08 AM

#

TY

rose brook May 14, 2021, 12:16 PM

#

Hi, I've installed the credit roll widget by Grot, but it's not rolling any of the followers/subs etc like I've ticked and told it to. Does anyone have any ideas how I can fix this or does anyone have an alternative I can use?

marsh widget May 14, 2021, 2:48 PM

#

Yo, I'm unsure how I'm able to make text snap to the right instead of the left. Green is where i want it to snap to and red is where it's snapping to currently

#

I have everything set to the right here, i thought that would be enough

mild cipher May 14, 2021, 3:59 PM

#

marsh widget Yo, I'm unsure how I'm able to make text snap to the right instead of the left. ...

is that a label? you will need to extend the bounds of the widget to cover the bar, and it'll align to that

#

grab one of the corners and drag it to cover the black bar area and you should be good

marsh widget May 14, 2021, 4:23 PM

#

mild cipher grab one of the corners and drag it to cover the black bar area and you should b...

Great! Thank you!

white meadow May 15, 2021, 8:12 AM

#

I am trying to embed a simple html widget into my overlay, however upon adding the code the only thing that shows up is uncoded text

#

this is the widget i am trying to embed

#

https://www.tradingview.com/widget/ticker-tape/

#

https://coinmarketcap.com/widget/price-marquee/ this one shows up, but after scrolling for about 1/5 of the way through it bugs out

white meadow May 15, 2021, 8:42 AM

#

https://www.coingecko.com/en/widgets/coin_price_marquee_widget

#

and this widget starts scrolling back over it self well before its done

spare knot May 15, 2021, 9:11 AM

#

Hi, is there video ended event?

pulsar willow May 15, 2021, 10:17 AM

#

can i ask smthing can u create your custome contest in se?

honest basalt May 15, 2021, 3:42 PM

#

so i wrote simple hmtl and css to show some socials with the followers numbers (inputted by hand), due to all the API changes I would need to sign up for every social out there as a developer to get an access token in order to make this a automated thing that fills in. dont think that is viable, so the user knows his numbers and can just hand jam them in. but I dont know how to make that work from a streamelement methods where they would choose the socials and add their follower count from the gui

elfin arch May 15, 2021, 4:01 PM

#

honest basalt so i wrote simple hmtl and css to show some socials with the followers numbers (...

you'd want to put that into the "fields" tab in JSON format

honest basalt May 15, 2021, 4:03 PM

#

@elfin arch so im looking at the widjet JS tab, do you all basically build the html code from functions and the selections from the users?

elfin arch May 15, 2021, 4:04 PM

#

i personally build all the HTML from JS but that isn't needed

honest basalt May 15, 2021, 4:11 PM

#

@elfin arch so this is what it currently looks like it uses bootstraps card group and every 4 socials needs a card group at least ive made it that way the second row is only that huge because as new socials get added it becomes smaller to fit them in probably not the best prototype still. still trying to figure all the nuances with the boxing and spacing in html. essentially this would be a small widget that can go in the corner of your overlay just showing your overall follower reach

elfin arch May 15, 2021, 4:14 PM

#

so for example can you see where the Facebook "31,153" is at in the HTML?

honest basalt May 15, 2021, 4:15 PM

#

yes

elfin arch May 15, 2021, 4:16 PM

#

change that 31,153 to {{FD_fB_likes}}

honest basalt May 15, 2021, 4:17 PM

#

so it would be one of my elements attributes or properties correct?

elfin arch May 15, 2021, 4:19 PM

#

the {{....}} would then pull from this; if you put it into your Fields tab ```json
{
"FD_fB_likes": {
"type": "number",
"label": "Facebook Likes",
"step": 1,
"value": 10,
"min": 1
}
}

honest basalt May 15, 2021, 4:21 PM

#

I see

#

ok ill rework some of this and re-engage

#

@elfin arch thank you for your help ill reach back out once I rewrite

honest basalt May 15, 2021, 7:01 PM

#

@elfin arch so i have rewritten it and now i have a js file and a fields.json file

#

i think its rdy but i dont have any way of testing it

#

mind you i wrote it all in atom

elfin arch May 15, 2021, 7:09 PM

#

honest basalt <@!229122038294380545> so i have rewritten it and now i have a js file and a fie...

create a new overlay; add a "custom widget" delete all of the existing code and input yours 🙂

honest basalt May 15, 2021, 7:10 PM

#

nevermind lol doesnt work hahaha not in the custom widget thing in streamelements at least

#

lol need the data section lol

honest basalt May 15, 2021, 7:27 PM

#

fields arent populating

#

now im stumped lol

honest basalt May 15, 2021, 7:53 PM

#

ok so now we are cooking the things show up but my fontawesome icons do not and i thinks its because its from the kit url and not a verified one even though it has a sha1 with it

elfin arch May 15, 2021, 7:58 PM

#

all fontAwesome needs is this at the top of the HTML ```html
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" crossorigin="anonymous">

honest basalt May 15, 2021, 7:59 PM

#

changed it there's something else thats wrong because i get everything else except the icons and the height of the squares are off

#

i still dont get the fields to generate so i can play with them so there's that issues too

elfin arch May 15, 2021, 8:04 PM

#

Drop your code in a codepen or js fiddle

honest basalt May 15, 2021, 8:23 PM

#

i fixed all the small errors in jsfiddle for html js and css but still nothing even the icons dont come up there has to be an issue with my fields and data sections

#

@elfin arch hey thank you for helping through this with me. I did figure out that the data was being dumb with capitalization of the social media items since they were uppercase the code didnt recognize them from fontawesome

#

now i have to figure out this field thing and why it does not show up

elfin arch May 15, 2021, 8:31 PM

#

no problem. make sure the FIELD data is JSON; it is strict formating

elfin arch May 15, 2021, 8:31 PM

#

elfin arch the `{{....}}` would then pull from this; if you put it into your Fields tab ```...

^ start with this

honest basalt May 15, 2021, 8:36 PM

#

put it in a validator for json and it came back that the trailing commas are the problems lol

elfin arch May 15, 2021, 8:36 PM

#

the last comma 🙂 ... gets me everytime

honest basalt May 15, 2021, 8:38 PM

#

yep so silly it works great now except that fontawesome says it has a tiktok icon but it wont pull up its the only one lol

#

yep only available in 5.14

#

yay completed the widget

elfin arch May 15, 2021, 8:54 PM

#

Now you get to figure out how to API update the values 🙂

honest basalt May 15, 2021, 9:26 PM

#

nope im sticking to the user updates themselves those values lol hahahah

#

i think i saw some easy ways to do it only problem is that I would need to get an access code from every social media platform and sign up as developer

white meadow May 15, 2021, 11:24 PM

#

#

#

why would one little part of my overlay all of a sudden not show up in my streaming software

#

when it was working fine just a while ago and works in the overlay editor

#

and now its gone to not displaying correctly in the editor

#

okay nvm it all of a sudden works, thats strange, i changed nothing

#

-.- and back to not

#

is all html this janky?

honest basalt May 16, 2021, 1:26 AM

#

so my code works but the background is not transparent need help

lapis oasis May 16, 2021, 11:19 AM

#

When i am trying to use youtube's api v3 to get the lastest video with custom api it gives me this:

#

is there any way i can get the URL from there?

#

and just the url?

viral patrol May 16, 2021, 11:23 AM

#

@lapis oasisYT API results in JSON. You need something that will output a raw text for you. Take a look here: https://docs.decapi.me/youtube

lapis oasis May 16, 2021, 11:30 AM

#

Ok! Thank you very much!

fading solstice May 16, 2021, 1:21 PM

#

Bonjour je suis à la recherche de qu'un qui sé codé du CSS pour des alerte twitch

viscid ledge May 16, 2021, 3:41 PM

#

hello, I was wondering if anyone here knew how to code in a custom goal widget, ty

uneven oxideBOT May 16, 2021, 6:52 PM

#

@fading solstice ⤵️

#

white meadow May 16, 2021, 11:47 PM

#

are there any widgets for displaying twitter data like follower count and subscribers?

meager quest May 17, 2021, 3:26 AM

#

Hey guys I was just wondering if anyone had looked into adding the functionality to the tipping page to allow users to select from a customisable drop down menu on checking out - for example, select a colour and have that colour return a command to change lighting in the streamers room
Thanks

past kayak May 17, 2021, 6:35 AM

#

Hello
Im trying to access channel via api using https://dev.streamelements.com/docs/kappa/docs/OAuth2.md documentation however, im unable to send oauth request. Im constantly getting error :
"error": "server_error",
"error_description": "The authorization server encountered an unexpected condition that prevented it from fulfilling the request."
when i try and send the request :
https://api.streamelements.com/oauth2/authorize?client_id=myid&redirect_uri=https://www.mydomain.com&response_type=code
Seems like one of the parameters is wrong but i can not find any clue which and why.

viral patrol May 17, 2021, 11:04 AM

#

past kayak Hello Im trying to access channel via api using https://dev.streamelements.com/d...

OAuth access is granted to 3rd party partners for professional use only. It is not possible to create a personal project credentials currently.

tribal topaz May 17, 2021, 12:30 PM

#

Hey guys, my streamelements bot always show the upcoming contests, but can it bring the contest link too or a panel(twitch plugin) with the current contest?

wide spire May 17, 2021, 1:28 PM

#

Alguém que entenda de Design, me chama no pvd!

pulsar willow May 17, 2021, 3:23 PM

#

hello i am trying to create a countdown but when i save it in se it doesnt showing up for some reason

#

#

this my js code

#

any advise?

peak drift May 17, 2021, 4:18 PM

#

Is it possible to check whether a user has any channel currency when using a command via script?

If they type !hello (cost 1 currency), if the user does not have any currency the bot removes the message instant using the non mod chat delay before it actually gets posted

half lodge May 17, 2021, 5:54 PM

#

How to export my dashboards for other streamer?

tropic spruce May 17, 2021, 6:38 PM

#

Where can I find the tags for donations?

#

Like {currency} and stuff

untold garden May 18, 2021, 1:50 AM

#

hello~ im messing with the custom css default script given by stream elements, but i'm confused about the gifted subs part.

            if (!includeSubs) continue;
            if (event.amount === 'gift') {
                addEvent('sub', `gifted subs`, event.name);
            } else {
                addEvent('sub', `subscribed ${event.amount}`, event.name);
            }```

maybe it's the way the emulated ones work, but i can't tell the difference on if it was gifted or not. i'd like to just have it say who gifted & how many, instead of putting every single person who got a subscription?

twin condor May 18, 2021, 2:43 AM

#

Is there a widget or something to set up that can show recent or all donations sent via Tiltify? Something similar to the "ShoutOut Generator" perhaps?

wheat jackal May 18, 2021, 3:01 AM

#

I'm trying to return all of the .isCommunityGift , but it seems like even tho I'm returning them and resuming the queue - takes a while for the next event to run.

#

Is there a faster way to return/skip all of the childs/gifed subs?

#

https://i.imgur.com/SjKrmay.gif

meager quest May 18, 2021, 4:01 AM

#

Has anyone created twitch extensions here

worldly quail May 18, 2021, 10:19 PM

#

Hey guys. How are u? We are integrating streamelements API for sending alerts. We need to integrate oauth for doing this with our customers. How can I be whitelisted for making some tests? I am seeing that google forms is not working in devsite 🙂. Its really dangerous for our users, copying and pasting their access_tokens 😦

quartz tangle May 19, 2021, 12:54 AM

#

Anyone know why i would be getting a 403 error when trying to use the API for twitch? The JWT token is valid afaic but i still can't add points on my channel --

quartz tangle May 19, 2021, 1:27 AM

#

it looks like nobody else in this channel who had that error ever actually got it fixed 😫

elfin arch May 19, 2021, 2:08 AM

#

quartz tangle Anyone know why i would be getting a 403 error when trying to use the API for tw...

which API endpoint are you targeting? you have the channelID (number) not name in the URL, right?

quartz tangle May 19, 2021, 2:09 AM

#

elfin arch which API endpoint are you targeting? you have the channelID (number) not name i...

just found out there was a difference between channel name and ID, went through hell and back finding out how tf to get channel ID, got it and fixed it 😎

#

ty tho

elfin arch May 19, 2021, 2:09 AM

#

😉

quartz tangle May 19, 2021, 2:10 AM

#

if anyone else ever has this issue i just used the channel data endpoint thru streamlabs with Postman, v easy --

elfin arch May 19, 2021, 2:11 AM

#

oh.. this is streamElements; I thought you meant add SE points from Twitch 🤣 ... either way; still goes by ID

quartz tangle May 19, 2021, 2:17 AM

#

yes yes this is streamelements

#

i have a bot thats gives/takes SE points from users

elfin arch May 19, 2021, 2:22 AM

#

ok; just to be clear, and if people in the future search it up; to add SE points you'd use something like (js) js fetch(`https://api.streamelements.com/kappa/v2/points/${process.env.SE_ACCOUNTID}/${username}/${points}`, { method: 'PUT', headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${process.env.SE_JWTTOKEN}` }, })
where ACCOUNTID is SE account ID, USERNAME is twitch username to give points to* (i.e. pjonp2) and POINTS is #

uneven oxideBOT May 19, 2021, 2:22 AM

#

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.

elfin arch May 19, 2021, 2:22 AM

#

^where account ID and JWT are found there

quartz tangle May 19, 2021, 2:24 AM

#

wait lmao i literally went here to get jwt

#

im a dumbass

#

ty

elfin arch May 19, 2021, 2:25 AM

#

no problem 🙂 happens often (to myself from time to time as well)

elfin arch May 19, 2021, 2:37 AM

#

untold garden hello~ im messing with the custom css default script given by stream elements, b...

The sub handling is quite complex to deal with and the example in the custom CSS just briefly touches it. There was a script package one of the other gurus made recently that might help you out and simplify a lot of the code: #dev-chat message

elfin arch May 19, 2021, 2:40 AM

#

wheat jackal I'm trying to return all of the `.isCommunityGift` , but it seems like even tho ...

What you are seeing is correct; all subs get triggered as an event during a community gift. Basically the "gifter" is subbed then each following sub is triggered in succession. see above post ^ for an easier way to handle them (although i'm not sure if it will remove the delay as all the events are still triggering in the background)

elfin arch May 19, 2021, 2:44 AM

#

worldly quail Hey guys. How are u? We are integrating streamelements API for sending alerts. W...

If you are looking to create a professional product and not a personal one you will need to get approved and set up by staff. You could also try asking over here, in case they missed the post here: #270206314561404928 message

mint marten May 19, 2021, 9:29 AM

#

hi, just a quick question is there a widget in place to display life points ? I stream yu-gi-oh and am trying to add into my stream overlay. any help would be great

prime bough May 19, 2021, 10:53 AM

#

Hi there, so I wanna try and make an application where all alerts get played on a bluetooth speaker. Is there any chance of making that work? Or will that be super complexe? I'm a neewer developer so trying to see if my scope for this project is too big.

viral patrol May 19, 2021, 11:29 AM

#

You can set OBS to play all of their sounds through a device of your choice. Enable "Desktop Audio2" in audio settings and then set output of OBS there:

thorn mango May 19, 2021, 12:47 PM

#

Hey evryone 🙂 I'm starting to get interest in SE coding and i'm looking for info about code share or paid code... I've found https://docs.google.com/forms/d/e/1FAIpQLSecxByKZy47zfpd8M0tlJZgjOPfZhCpExcWF002bj7JZO9a7g/viewform this but not lots of explanations on it. So i came here, and i'm slowly try to understand of work this fantastic tool ! SE is really nice sandbox to play a little and try to imagine new kind of interactions 😄

next jacinth May 19, 2021, 12:49 PM

#

Hey when post a tip event it doesn't trigger the alert. Did I miss something ?

livid pelican May 19, 2021, 2:24 PM

#

is anyone able to fix the Current Game Labels Widget? It's broken and displaying a grey box instead of the game.

inner otter May 19, 2021, 2:33 PM

#

I set up an alert box for Tiltify and was wondering if there is a way to do TTS? Thanks!

limber timber May 19, 2021, 5:32 PM

#

!duel in streamelements..... is it 100% a 50-50 chance? or is there a way to sway the odds? -- like being a mod, or vip, or sub, (or t3 sub) etc.

karmic cedar May 19, 2021, 8:44 PM

#

Does anyone know where I find the base codes for widgets like chat and goals?

sturdy oak May 19, 2021, 9:13 PM

#

karmic cedar Does anyone know where I find the base codes for widgets like chat and goals?

#widget-share

tribal topaz May 20, 2021, 2:41 AM

#

Hey guys, my streamelements bot always show the upcoming contests, but can it bring the contest link too or a panel(twitch plugin) with the current contest?

white relic May 20, 2021, 8:02 PM

#

I don't know where to ask this, so I'll start here - Is there a widget or script that anyone knows of that'll display Twitch Channel Points in an overlay and not just the chat?

spice flame May 20, 2021, 9:19 PM

#

Is its possible to add custom activities into the queue of stream elements ? and have a custom widget listen for that specific event ?

sturdy oak May 20, 2021, 11:17 PM

#

spice flame Is its possible to add custom activities into the queue of stream elements ? and...

No, but you can use a community driven tool with a Queue feature. You can add any activity to this queue
https://reboot0-de.github.io/se-tools/tutorial-Queue.html

Reboot0s SE Widget Tools

Documentation for the StreamElements widget tools

#

~~Community driven~~ @tribal zenith's tool

spice flame May 20, 2021, 11:22 PM

#

sturdy oak ~~Community driven~~ <@!185906828054364161>'s tool

Arrh well doesn't seem i can get the data from an incoming source which is where my principal is working on of. But i was nice to see it tho thanks 🥰
I can see i have to setup some stuff and custom make it as what i see is that streamelements doesn't allow it which is kinda sad

sturdy oak May 20, 2021, 11:24 PM

#

spice flame Arrh well doesn't seem i can get the data from an incoming source which is where...

What are you trying to accomplish?

spice flame May 20, 2021, 11:25 PM

#

sturdy oak What are you trying to accomplish?

Data from woocommerce to custom alert

sturdy oak May 20, 2021, 11:25 PM

#

How are you getting data from woocommerce, webhooks/websockets?

spice flame May 20, 2021, 11:26 PM

#

Can do both

#

It's just that streamelements api right now clearly aren't finished and are left with more questions than answers haha 😂

sturdy oak May 20, 2021, 11:27 PM

#

well you can only use websockets in SE, I don't see how you can't use that Queue by reboot

#

I don't see how you'll be using the StreamElements API

#

A custom widget with a websocket connection, queue and alerts will do

spice flame May 20, 2021, 11:29 PM

#

I'll have to try, but thanks 4 the help :)

#

Hmm so connect via socket up and auth of course. Then simply emit the event and listen for it on a custom widget should do. Cannot test it right now as I'm not at a PC but i get it gonna try tho :)

tribal zenith May 20, 2021, 11:45 PM

#

spice flame Is its possible to add custom activities into the queue of stream elements ? and...

I'll answer the dm here, as this might interest some more people. In fact, you can't add your own custom events to the activity feed (I guess that's what you meant by queue), but you can kinda work around that with the SE API and your own server in between.
That's how this widget works: #widget-share message

young shard May 21, 2021, 12:22 AM

#

when i use an imgur link as a CSS background-image, it shows up fine in the streamelements editor
it shows up fine in the browser tab preview
but not in OBS??
im so confused
does anyone have any idea why this happens

#

and like, i debugged it by running obs with the argument --remote-debugging-port=8080 and going to localhost:8080
and the console shows a 403 error for fetching the image
but
i have no idea why??
this happens with like any imgur link i've tried

bitter abyss May 21, 2021, 1:16 AM

#

Just submitted my first custom widget.
how long does it take until it is checked?

light seal May 21, 2021, 5:14 AM

#

Hi there, all! 👋 I am trying to set up alerts for my charity stream this weekend. Unfortunately, the charity I am raising money for is not on Tiltify so there's no easy set up for alerts. I found a Streamelements article from June 2020 which links to a GoFundMe Alert by LX, which is the one I'm trying to set up. However, I am not well versed enough in CSS and HTML to know if I've set this up custom alert correctly. Do I put a link from the GoFundMe page into the HTML editor where it says "Put your Alert HTML here, inside script tags." If so, what do I put there exactly? I have Google for hours and cannot find any clear cut answers so I'm hoping someone here has experience live streaming for charity on Twitch using GFM. Thanks! @viral patrol (I hope you're the correct LX to tag here. 😅 )

elfin arch May 21, 2021, 6:58 AM

#

light seal Hi there, all! 👋 I am trying to set up alerts for my charity stream this weeke...

are you using the Alert from #widget-share message ?

light seal May 21, 2021, 6:59 AM

#

Yes, I believe that’s the one!

elfin arch May 21, 2021, 7:00 AM

#

see this convo here: #dev-chat message

#

if the fundraiser already has some donations; you can input the name and check in the editor to make sure it is pulling the data (connected correctly)

light seal May 21, 2021, 7:23 AM

#

Oh okay! I think that makes sense. I’ll try this in the AM. Thanks!

elfin arch May 21, 2021, 7:27 AM

#

no problem. best of luck with your stream!

elfin arch May 21, 2021, 7:49 AM

#

young shard when i use an imgur link as a CSS `background-image`, it shows up fine in the st...

that is odd; i just did a quick test and see no issue with imgur links 🤔 https://streamelements.com/dashboard/overlays/share/60a762546c00c1c6820a0310

#

viral patrol May 21, 2021, 7:56 AM

#

@young shard @elfin arch - If you had this image opened previously imgur will let you in to that resource, but if there is a first call to imgur to get that image from your network and there was no preflight with image page it will try to redirect you to image page instead. If that fails (like it is in img tag and it doesn't accept html) it will fail next calls. Long story short: hotlinking protection as imgur doesn't want to host images for external websites 😉

elfin arch May 21, 2021, 8:02 AM

#

smart bastards.

young shard May 21, 2021, 8:18 AM

#

viral patrol <@!67809634987024384> <@!229122038294380545> - If you had this image opened prev...

well damn
is there uhh any way to circumvent that 👀

viral patrol May 21, 2021, 8:20 AM

#

I am not aware of any method, but why won't you use SE CDN?

young shard May 21, 2021, 8:36 AM

#

viral patrol I am not aware of any method, but why won't you use SE CDN?

for the theme system of my widgets, image links are included with it, and i don't necessarily want to have to have all the images come from my SE image storage
and for the chat leaderboard, there's also an option to use custom css to override the images, and since the example code i provided for that uses imgur links... well...

elfin arch May 21, 2021, 8:39 AM

#

for the theme stuff; i've had good experience having images in gitHub if you just host it in a public/images folder or whatever with your code

young shard May 21, 2021, 8:53 AM

#

oh that's smart, yea i could do that

#

big shame that imgur does that since it's like
THE place for image hosting

elfin arch May 21, 2021, 8:56 AM

#

understandable though; they can't get ad $ if you don't go to the site 🤣 ... you could maybe work around it with some error handling and make sure the users load the images locally first? ... in my testing it worked fine; but like lx said it's probably because i went to the site first and it was already cached

young shard May 21, 2021, 9:00 AM

#

hmm
i mean i have gone to the site, like how else would i have gotten the image link
how would u even cache it in the obs browser source anyway

elfin arch May 21, 2021, 9:01 AM

#

if you load the overlay i sent above does it work for you?

young shard May 21, 2021, 9:03 AM

#

elfin arch if you load the overlay i sent above does it work for you?

it does, but i think i know why

#

it loads fine on an img tag

#

and at that point it's cached

#

but if it's just thru background-image alone

#

nope

elfin arch May 21, 2021, 9:04 AM

#

oh.... yup; ... time for some hidden divs 🤣

young shard May 21, 2021, 9:05 AM

#

i guess so hmmmmmmmmm

#

i'll have to like spawn them in based on the background-image url that was put in the CSS

#

doable

elfin arch May 21, 2021, 9:07 AM

#

it'll take some testing; i'm not sure the DOM flow; They might HAVE to be in the HTML before CSS loads; but the <script> tag should come before CSS? i'm not sure 🤔

tribal zenith May 21, 2021, 9:39 AM

#

you can set/change the background-image CSS property via JS

elfin arch May 21, 2021, 9:47 AM

#

tribal zenith you can set/change the background-image CSS property via JS

but will it work when hotlinking to imgur? I didn't have a problem when I did an HTML <img> then CSS bg

#

i'm not sure if the "onWidgetLoad" loads first into the DOM or the CSS does

tribal zenith May 21, 2021, 9:50 AM

#

onWidgetLoad fires after the DOM and data finished loading, so if you don't defer your CSS it (the CSS) should load first

#

but if the user should be able to easily change the image you could also just set an image-input with a preset value

elfin arch May 21, 2021, 9:53 AM

#

that's what i thought (otherwise you couldn't target elements) but wasn't sure about the CSS.

#

🤷 ... i donno... hahah this is @young shard's problem. I image they'll figure it out

wild raptor May 21, 2021, 12:22 PM

#

Is there a way how i could make this possible with the Stream Elements Bot:

A watchtime command that can Show the time the User is behind the Next one on the watchtime leaderboard?

Should work like this:
Your watchtime: 1h 1m
Watchtime needed for the next rank: 23m

Is there any way?

young shard May 21, 2021, 3:35 PM

#

tribal zenith but if the user should be able to easily change the image you could also just se...

I would do that if it wasn't a dynamic number of images 😅

viral patrol May 21, 2021, 4:00 PM

#

@young shardTry this trick multiple:true in field definition 😉

sturdy oak May 21, 2021, 4:09 PM

#

viral patrol <@!67809634987024384>Try this trick `multiple:true` in field definition 😉

How does indexing an image from that image pool look like?

young shard May 21, 2021, 4:23 PM

#

wait that's a thing???
does that work for any field?

viral patrol May 21, 2021, 4:51 PM

#

@young shard it works for media inputs.

#

@sturdy oak it returns array of images

sturdy oak May 21, 2021, 6:37 PM

#

ahh, makes sense

light seal May 21, 2021, 6:44 PM

#

elfin arch no problem. best of luck with your stream!

Hi again! So my GoFundMe link doesn't look exactly like that. It's charity.gofundme.com/o/en/campaign/gaming-for-gray so does that mean the "gaming-for-gray" part is what I put in Streamelements for the short name? And then clicking save is all I need to do to have it linked?

elfin arch May 21, 2021, 7:18 PM

#

light seal Hi again! So my GoFundMe link doesn't look exactly like that. It's charity.gofun...

That seems about right. I'm not sure if the link style changed? I'll take a quick look to see if it's pulling the info

light seal May 21, 2021, 7:19 PM

#

okay thanks!

elfin arch May 21, 2021, 7:28 PM

#

I'm not sure. I am just getting an empty JSON response and dont know if it's because of the link format or because there are no donations yet.

#

@viral patrol Any insight for this gofundme link format ^ ?

light seal May 21, 2021, 11:36 PM

#

I don't think there are any donations yet. If I make a donation, where will I see it show up on the code side to know if it's working?

elfin arch May 22, 2021, 2:00 AM

#

light seal I don't think there are any donations yet. If I make a donation, where will I se...

Looks like the gofundme "charity" is no longer supported; https://charitysupport.gofundme.com/hc/en-us/articles/360054900012-The-Future-of-GoFundMe-Charity . This might be why the widget isn't seeing any data.

light seal May 22, 2021, 2:03 AM

#

March 31st...dang it. That sucks. So there’s no other way to track the donations as they come in? Like a tracker or something? I’m honestly open to any ideas because the stream is tomorrow. 😅

#

I guess I could make a browser source with the GoFundMe page and keep a live view of the goal up at least. Not as fun, but it’s something. Thanks for your help.

elfin arch May 22, 2021, 2:11 AM

#

ya; i tried a quick look but I am not sure the "charity" campaigns would still work. I'm not familiar with gofundme but if there was a way to link the charity version with the normal one then maybe?

light seal May 22, 2021, 2:12 AM

#

You mean like the Tiltify option under alerts? I think I already tried that but I can look again.

elfin arch May 22, 2021, 2:18 AM

#

I was thinking a way to move the campaign from the charity to normal; but it looks like there is different fee structures and it could take time to set up all the info to get approved

light seal May 22, 2021, 2:25 AM

#

Yes, I’m a bit limited in which platform I use to collect donations because of the charity I am picking to support. They prefer individuals to go through GoFundMe Charity, which is now really limited it looks like.

#

But anyway, thanks again for trying to help!

elfin arch May 22, 2021, 2:27 AM

#

Yup. no problem, sorry I couldn't be more of a help. Have a good stream and fundraiser 🙂

hollow glade May 22, 2021, 9:48 AM

#

Hey is anyone around to lend me a hand?

elfin arch May 22, 2021, 9:49 AM

#

Depends on the question @hollow glade

hollow glade May 22, 2021, 9:50 AM

#

I think it's a relatively basic question, I think a widget I have just needs a command in the JS to make it so I don't have replay my latest alert for the widget to load

#

Every time I reload my overlays it resets and I have to replay my latest alert for the widget data to load

elfin arch May 22, 2021, 9:51 AM

#

Please ask i one chat one.

hollow glade May 22, 2021, 9:51 AM

#

Say what?

elfin arch May 22, 2021, 9:53 AM

#

you can't talk in both Twitch and here 🙂

#

what's the question with your code?

hollow glade May 22, 2021, 9:56 AM

#

I'm not sure exactly how to ask it but like I have a rotating info feed, shows all my most recent notifications, only problem is when obs closes down, or I refresh my overlays it forces me to have to replay an alert just to get the data to load

#

Is there a command in JS that can change that?

elfin arch May 22, 2021, 9:57 AM

#

is this something that you made yourself? or is it a S.E. widget from #widget-share ? or something you got from a 3rd party?

hollow glade May 22, 2021, 9:58 AM

#

Something I got from 3rd party I believe, I don't think it's on SE

elfin arch May 22, 2021, 9:58 AM

#

Is it a Nerd or Die widget by chance?

hollow glade May 22, 2021, 9:59 AM

#

No it's from Alpha Gaming

elfin arch May 22, 2021, 9:59 AM

#

Do you know if they have a Discord server to ask there?

#

🤣 i only asked if it was NoD because i have a link to there server.

hollow glade May 22, 2021, 10:01 AM

#

They do have a discord, I'm wondering if I didn't put a setting on, it's just a nuisance to have to continuously replay an alert just to get the widget data to load

elfin arch May 22, 2021, 10:01 AM

#

...i guess what i'm saying is that the 3rd party's have their own code and we can't really edit it because it's their code.

hollow glade May 22, 2021, 10:01 AM

#

Ah ok

elfin arch May 22, 2021, 10:03 AM

#

ya ya. sorry. but i'm not sure how they made it. and they would be the best option to get an answer from

#

and... it's a product that they sell so; I can't edit it.

hollow glade May 22, 2021, 10:05 AM

#

This one I'm using actually isn't theirs

#

I have no idea where it came from

elfin arch May 22, 2021, 10:07 AM

#

well if you don't know where it come from; that might be why it doesn't work?

hollow glade May 22, 2021, 10:07 AM

#

it says it was inspired by the alpha gaming one but isn't actually theirs

#

Now I'm wondering if it actually is an SE coded one that I can't find lol

elfin arch May 22, 2021, 10:10 AM

#

Does it have an author name .... or anything? .....

hollow glade May 22, 2021, 10:10 AM

#

coocla33

elfin arch May 22, 2021, 10:16 AM

#

... is it this one by chance ? https://www.youtube.com/watch?v=G3smV-cIHlM

hollow glade May 22, 2021, 10:19 AM

#

Not that exact one but looks very similar yes

elfin arch May 22, 2021, 10:21 AM

#

so; i'll assume that you got it in #widget-share from somewhere....

#

when you reload any widget (or close source if set to shut-down) it will ... um reload; so that could mean it starts at all 0's or try to pull data

#

if you have this widget on it's own source; then you could allow it to stay active even when hidden in the background.

soft pulsar May 22, 2021, 11:55 AM

#

Don't know if this is the correct channel to ask but is there a way to pause the alert queue. I know you can use SE_API.resumeQueue(); to resume it, but is there also a way to pause it?

elfin arch May 22, 2021, 12:03 PM

#

soft pulsar Don't know if this is the correct channel to ask but is there a way to pause the...

the pause is value you set for the queue; then you resume it when you want

soft pulsar May 22, 2021, 12:04 PM

#

okay, understand, was just wondering if there was on opposite call to manualy pause it whenever

elfin arch May 22, 2021, 12:07 PM

#

you'd basically just set the queue time really high (like 10 minutes) then handle it as you want to resume.

#

so all events are "paused" until your code resumes it

soft pulsar May 22, 2021, 12:09 PM

#

elfin arch so all events are "paused" until your code resumes it

ah yes, that should work. Thank you for your help!

young shard May 22, 2021, 7:43 PM

#

elfin arch it'll take some testing; i'm not sure the DOM flow; They might HAVE to be in the...

adding img tags in js with display: none totally works
i just have to instruct the users to refresh the browser source, since they won't show up on the first page load, but the first page load will cache them so they show on subsequent page loads
and since it's an advanced feature i have it all explained in CSS comments anyway

visual rock May 22, 2021, 10:29 PM

#

Hey quick question: is there a tutorial anywhere how to import custom widgets from github for example? i dont know what to do with the .json, .md and .png files...

rugged rapids May 22, 2021, 10:33 PM

#

You add the code in the .html-file in the HTML tab, the .css-file in the CSS tab, the .js-file in the JS tab and the .json-file in the FIELDS tab in the settings > open editor in the overlay editors custom code widget.

visual rock May 22, 2021, 10:36 PM

#

okay and the .md and .png files? can i just ignore them?

young shard May 22, 2021, 10:41 PM

#

yup ignore those

visual rock May 22, 2021, 10:43 PM

#

okay thank you guys very much

gentle current May 23, 2021, 12:37 AM

#

Quick question, is there a way to update a field value from the javascript? Example, User sets a starting value via the widget menu on the left, over time, that value gets overwritten with new data. Is there a way to persist that new data through a reload/refresh of the widget?

#

Essentially, I'm making some edits to a custom tip goal widget I made. In the menu's you set the end goal amount, but if the tip goal is met, I have it updating the goal variable to + another 100

var goal = {{end_goal}}; //goal amount
var current = session['tip-month']; //current month tips
if(current >= goal) { 
    goal = goal+100; 
}

// PROCESS REST OF GOAL ANIMATIONS

What will happen tho on restart is the goal will go back to whatever was set in the {{end_goal}} field. What I want to happen is whenever the goal is updated, it persists that data. TIA for any help!

#

I came up with a workaround by switch the if to a while loop, but it take a bit longer to load

severe shell May 23, 2021, 1:08 AM

#

Hi all, is there any way to have an API endpoint using cURL for these buttons on Activity Feed? If not, is there any easy way to use hotkeys or something like that? (I checked ground control and OBS.Live and they don't have that option anymore)
I know Elgato Streamdeck has a plugin for that so I wanted to do the same using Touch Portal. My idea is essentially have a button to pause the Alerts when I'm doing something that I would need more attention but doesn't have time to do ALT + TAB. I don't want to silence the alerts, just pause to be able to play it later.

whole mural May 23, 2021, 6:24 AM

#

What would be the best way to center the username on the image? I currently use left: to move the name, but it moves differently based on how long the name is, i just want it to be in one position regardless of name lenght

whole mural May 23, 2021, 11:24 AM

#

I've tried width, max-width

young shard May 23, 2021, 4:27 PM

#

whole mural I've tried width, max-width

text-align: center along with width: 100%?

dense fractal May 23, 2021, 4:31 PM

#

I'm trying to build a simple text widget off of the default star alert within Stream Elements.

I have designed the alert how I want but I can't override or stop the default animation without deleting it.

Forgive my ignorance but I am not good with JS. I just want the user name and star amount to not pulse animate. Any and all help is greatly appreciated 🙏

whole mural May 23, 2021, 4:32 PM

#

seems to have worked, suggestion on handling long usernames? i tried to scroll it, but it just produced an unusable scroll bar under it

#

iv used width 40% not 100%

severe shell May 23, 2021, 7:26 PM

#

dense fractal I'm trying to build a simple text widget off of the default star alert within St...

I don't know if I understood correctly, but you can use the default Streamelements alerts and just change the text animation. Alertbox > Settings > Subscriber cog (for example) > Text Settings > Highlight > None

placid vigil May 23, 2021, 8:18 PM

#

Hello I'm currently writing my own overlay where I use the WebSocket connection. Is their a way to get the users avatar without a second request to https://api.streamelements.com/kappa/v2/activities?

dense fractal May 23, 2021, 9:22 PM

#

severe shell I don't know if I understood correctly, but you can use the default Streamelemen...

Thank you for your response!

I'm trying to apply custom CSS and the option to set highlight animation to none disappears.

I was wondering how to disable it in the .js file or elsewhere?

sinful cypress May 24, 2021, 2:41 AM

#

How I can change the animation of the username in my new follower alert if I'm using custom CSS?

brave quail May 24, 2021, 4:47 AM

#

Hello, I tried getting help under #helpdesk-twitch but we couldnt figure this out and they figured I should post this in here instead.

I need help with coding the Output 2 response in regards to Output 1.
I want to reward users for successfully requesting a song, and so far the custom command works in recognizing who to reward, however i cannot get it to do so without the "@" symbol there for the reward is not granted.
Here is my StreamElements response: !bonus ${0} 25 (For the SR, I appreciate it!)
Ive tried replacing user.name with user, touser, .name, .user, sender, sender.name, source, source.name, and still have not been able to capture the name without the "@".
When using $[1] or any other similar variable it will successfully reward my own account without the "@" symbol
I've searched google for a good 30+ minutes and nothing touches this topic.

Any help is greatly appreciated.

mild cipher May 24, 2021, 5:57 AM

#

sinful cypress How I can change the animation of the username in my new follower alert if I'm u...

In the JS there's functionality for splitting the username into letters and applying an effect, you can edit the type of said effect there

mild cipher May 24, 2021, 6:00 AM

#

brave quail Hello, I tried getting help under <#199460642975907840> but we couldnt figure th...

I think there's the added issue of the comma that's appearing attached to the username which could cause issues, but it may be possible to use $(channel $(0))

brave quail May 24, 2021, 6:05 AM

#

hmm, that added points to the responding account

mild cipher May 24, 2021, 6:12 AM

#

brave quail hmm, that added points to the responding account

Instead of the command response what happens if you just have $(1:) or $(0:) ?

brave quail May 24, 2021, 6:14 AM

#

${0:} returns the entire message (output 1) as well

#

same thing for ${1:} except instead of imataru_ or @grave hazelBrisket, "added" was the name returned.

sinful cypress May 24, 2021, 6:21 AM

#

mild cipher In the JS there's functionality for splitting the username into letters and appl...

I think I get what you're saying, but my knowledge in programming languages is very limited so I have to ask, are you talking about const animation = 'wobble';?

mild cipher May 24, 2021, 6:35 AM

#

sinful cypress I think I get what you're saying, but my knowledge in programming languages is v...

Yup, replace wobble with bounce or pulse for example. The list of animations can be found at https://animate.style

Animate.css | A cross-browser library of CSS animations.

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

sinful cypress May 24, 2021, 6:36 AM

#

You're a saint.

mild cipher May 24, 2021, 6:41 AM

#

brave quail ${0:} returns the entire message (output 1) as well

This is a pretty long shot, but can you replace the response with just this and see what it responds with?

$(customapi.https://api.mathjs.org/v4/?expr=$(queryencode "u='$(0)';u.substr(1,count(u)-2)"))

brave quail May 24, 2021, 6:42 AM

#

SO CLOSE

mild cipher May 24, 2021, 6:44 AM

#

Cool! I was expecting the brackets so hopefully wrapping in the channel variable works now? 🤔

$(channel $(customapi.https://api.mathjs.org/v4/?expr=$(queryencode "u='$(0)';u.substr(1,count(u)-2)")))

brave quail May 24, 2021, 6:53 AM

#

returned "imataru_" again

#

#

mild cipher May 24, 2021, 7:08 AM

#

Ah rip. Well unfortunately mathjs will never return a string without enclosing it with some other characters so I suppose parsing it that way can't work like I thought.

The only other option is to make some kind of parser for it. I'm doing all this from mobile so I'm kinda slow but I think this might work. If it does I can try and make a Google sheets macro version later so you can host it yourself

$(customapi.https://api.thefyrewire.com/imataru?string=$(0))

brave quail May 24, 2021, 7:19 AM

#

@mild cipher yooooooooooooo IT WORKED!!!!!!!!!!!

mild cipher May 24, 2021, 7:21 AM

#

brave quail <@!157201188213751809> yooooooooooooo IT WORKED!!!!!!!!!!!

Sweet, I'll DM you later with a version you can run yourself! 👌

whole mural May 24, 2021, 7:21 AM

#

How do I make the username in the below code horizontally scroll? I tried using overflow: scroll; but it just inserted a scroll bar, which isn't going to help when it's an alert...
If possible, I'd rather it only scroll if the length of the user name is going to take more space than 300px, but I don't know if that's asking too much. Even if I'm just provided the buzz words to look into, and see if I can work it out from there

   <div class="image-container">
       <img class="image" src={foregroundImage}>
   </div>
   <div>
       <div class="awesome-text-container">
         <div class="f1"    > Welcome child of Odin,</div>
           <span class="username" id="username-container">,</span>
         <div class="f2"    > may the Gods favour you!</div>
           <br>
       </div>
   </div>
</div>```

```@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');


.text-container {
 transform: translate(0px, 15px);
 
}

.image {
 position: absolute;
 top: 5px;
 left: 10px;
 width: 450px;
}

.username {
 position: absolute;
 top: 110px;
 left: 100px;
 color: #00843D;
 font-size: 60px;
 text-align: center;
 width: 40%;
 text-decoration: italic;
 text-transform: capitalize;
 text-shadow: 2px 2px 20px white;
     -webkit-text-stroke: 2px black;
 font-family: 'Caesar Dressing', cursive;
}```

#

sory for the block of code

brave quail May 24, 2021, 7:22 AM

#

mild cipher Sweet, I'll DM you later with a version you can run yourself! 👌

I really appreciate the help! Thank you so much!

crisp wing May 24, 2021, 2:43 PM

#

Good morning. I am wanting to use a donation goal tracker on stream for an event soonish. I am currently using StreamElements for alerts and OBS Studio and streaming on Twitch. I want to have the tracker to show the quantity of donations not the total dollar amount.... ie 10 total donators not the amount they donated. I am having a hard time finding a goal tracker for this. Can anyone direct me where I might look for something like this? Thank you in advance!

elfin arch May 24, 2021, 2:48 PM

#

crisp wing Good morning. I am wanting to use a donation goal tracker on stream for an even...

are you looking for a goal bar type widget or more of a text based one?

crisp wing May 24, 2021, 2:49 PM

#

elfin arch are you looking for a goal bar type widget or more of a text based one?

I would love to have a goal bar type widget.

elfin arch May 24, 2021, 3:02 PM

#

crisp wing I would love to have a goal bar type widget.

i'll take a look if i can hack what I got together easily; only problem is it is hard to "test"

pulsar willow May 24, 2021, 4:12 PM

#

Okay so I didn't know what channel to use but i saw a few command screenshots in here so is there a reason why my watch time is broken? whenever someone types !watchtime it says 0 seconds watched?

elfin arch May 24, 2021, 4:14 PM

#

pulsar willow Okay so I didn't know what channel to use but i saw a few command screenshots in...

are you streaming on Twitch? that requires that your loyalty system is enabled. And then it will track watchtime in 10 minute intervals

pulsar willow May 24, 2021, 4:17 PM

#

elfin arch are you streaming on Twitch? that requires that your loyalty system is enabled. ...

how do i turn on the loyalty system?

elfin arch May 24, 2021, 4:17 PM

#

pulsar willow how do i turn on the loyalty system?

are you using Twitch?

pulsar willow May 24, 2021, 4:17 PM

#

Yes sorry

elfin arch May 24, 2021, 4:18 PM

#

pulsar willow Yes sorry

https://streamelements.com/dashboard/loyalty

#

🙂 no problem; this is the link for Twitch

pulsar willow May 24, 2021, 4:21 PM

#

Awesome! Thank you so much!!

zinc wing May 24, 2021, 8:11 PM

#

rose brook Hi, I've installed the credit roll widget by Grot, but it's not rolling any of t...

I'm having the same problem. Did u find a solution?

hushed ibex May 24, 2021, 10:03 PM

#

I got a custom widget that I wrote that includes a fade-in and fade-out animation which I implemented using css + javascript, I am trying to have a gap where the animation can fade-out and end without the next queued event's animation starting, but it seems that before it fully fades-out the next queued event is fired and it already restarts the animation.
Using the widgetDuration property and increasing it doesn't seem to help

#

fade-in takes 1 second, in the javascript code I schedule for the fade-out animation to start after 5 seconds (so that is 4 seconds after the animation finished fading-in), then a 1 second fade-out animation with a 1 second delay is executed (so a total of 7 seconds for the whole animation, have set the widgetDuration to 7 or greater values) but seems that queuing multiple events will cut-off the fade-out and cause a reset still

#

What I would have wanted - is for consecutive events or queued events to run with 3 seconds gaps apart from each other, so 3 seconds of no animations from the moment the first animation started until the one after it starts running

#

I'll write some pseudo-code to illustrate my situation:

main.css

.myClass {
  ...
  animation: object-show forwards 1s;
  ...
}

.myClass.hide {
  animation: object-hide forwards 1s;
  animation-delay: 1s;
}

@keyframes object-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes object-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

main.js

...
removeHideClass();
setTimeout(() => {
  addHideClass();
}, 5000);

fieldsData.json

{
...
  "widgetDuration": {
    "type": "hidden",
    "value": 10
  }
}

prime tapir May 24, 2021, 11:23 PM

#

Age old question. Is there any way to sync my own widget with another alert box widget?

#

I want to play my own alert in sync with the actual alert, but I can't tell when the main alert box starts/stops playing an alert.

nimble musk May 24, 2021, 11:27 PM

#

The answer was no back then.

mild meadow May 25, 2021, 6:45 AM

#

@mild cipher hey dude, u can help me with your emote counter widget? i want to know if i can add a fade out

quick bay May 25, 2021, 10:53 AM

#

Is there a widget developer among you who is looking for a mini-project? 😃

dark vapor May 25, 2021, 11:09 AM

#

Hello could someone maybe help with a custom widget? I’d like to have the latest follower slide in and out from the left side of the window based on a timer

#

Unfortunately I’m not sure on where to start

tribal zenith May 25, 2021, 11:16 AM

#

dark vapor Hello could someone maybe help with a custom widget? I’d like to have the latest...

You listen for follow events, get the username from the data, put that in your HTML markup and animate it by either adding/removing a class or using tweens

tribal zenith May 25, 2021, 11:17 AM

#

hushed ibex fade-in takes 1 second, in the javascript code I schedule for the fade-out anima...

did you try manually releasing the queue via SE_API.resumeQueue() after your hide animation?

hushed ibex May 25, 2021, 11:57 AM

#

tribal zenith did you try manually releasing the queue via `SE_API.resumeQueue()` after your h...

I think that did the trick, thanks! It was a mix of setting widgetDuration to the correct value and then manually invoking resumeQueue after the correct amount of time as you suggested

whole mural May 25, 2021, 12:26 PM

#

whole mural How do I make the `username` in the below code horizontally scroll? I tried usin...

Hoping someone can help me with this, even if it's the key words/buzz words to research. Basically trying to make a username on an alert scroll right to left, if possible if it exceeds 300px width but understand if that's asking too much, code provided, removed excess code for other text to reduce size of the block

tribal zenith May 25, 2021, 1:06 PM

#

whole mural Hoping someone can help me with this, even if it's the key words/buzz words to r...

why not just make the background bigger if needed?
When you're already using custom code you might as well use the full flexibility of it

whole mural May 25, 2021, 1:12 PM

#

tribal zenith why not just make the background bigger if needed? When you're already using cus...

because of the real estate it would take on my stream itself making it bigger would mean reducing it when it's on my stream making the text harder to read

tribal zenith May 25, 2021, 1:16 PM

#

isn't that the point of an alert? 😄
It's your alert, you can adjust it how you like
to answer your question: you could animate the translateX value of your text in relation to its width

#

but animations inside of animations are kind of wonky and stretch out timings, since you have to wait for the scroll to finish

whole mural May 25, 2021, 1:20 PM

#

tribal zenith isn't that the point of an alert? 😄 It's your alert, you can adjust it how you ...

translateX moved it to the right, but it was still static

tribal zenith May 25, 2021, 1:22 PM

#

well, yes positive values on an x-axis will move from left to right, negative from right to left

whole mural May 25, 2021, 1:22 PM

#

it didn't scroll though, it just adjusted it right 300px

tribal zenith May 25, 2021, 1:24 PM

#

how do you animate it?

whole mural May 25, 2021, 1:28 PM

#

tribal zenith how do you animate it?

looking at a video on youtube, it's added div:hover which is for a website, but further down has transform: rotate(360deg) which while moving the wrong way, does move it... so i assume there's something i need to do to the div

tribal zenith May 25, 2021, 1:32 PM

#

to animate something you have to change a value over time.
So in CSS you could use your own keyframe animation

#

or a timeline in JS

whole mural May 25, 2021, 1:33 PM

#

my alert is completely static, the only reason I am even trying to animate the username is because of excessively long names, not fitting in frame

#

This is what I want to avoid happening

#

This is with a normal name

tribal zenith May 25, 2021, 1:41 PM

#

yes and that's why you want to hide the username's overflow and if it is too long translate it on the x-axis for a scroll effect.
For visual movement you need to change that x value over time in your CSS or JS

whole mural May 25, 2021, 1:47 PM

#

    <div class="image-container">
        <img class="image" src={foregroundImage}>
    </div>
    <div>
        <div class="awesome-text-container">
          <div class="f1"    > Welcome child of Odin,</div>
            <span class="username" id="username-container">,</span>
          <div class="f2"    > may the Gods favour you!</div>
            <br>
        </div>
    </div>
</div>```
Is there anything I need to look at for the html? should the username be in a div?, i have no idea what the span does

tribal zenith May 25, 2021, 1:52 PM

#

<span> renders inline elements (they are only as wide as their content) while <div> renders block elements (these will always fill up the whole width and put the following elements in the next line)

whole mural May 25, 2021, 1:59 PM

#

i have found a video which is animating in css with keyframes but has no audio, it has animation: abcd 18s infinite; is the abcd the class id? so in mine, i should be doing animation: username 10s infinite

hushed ibex May 25, 2021, 2:00 PM

#

I'm trying to use a textual fieldData in my widget, but setting the string's value with consecutive $ such as $$ signs causes seems to only be passed in the fieldData object as $ (aka one of the symbols is being ignored?)

tribal zenith May 25, 2021, 2:01 PM

#

whole mural i have found a video which is animating in css with keyframes but has no audio, ...

No, abcd is the name of the animation then

hushed ibex May 25, 2021, 2:01 PM

#

Configured in the field data textual value, and the following console.log of that field shows:

#

Seems to be specifically with the $ sign

tribal zenith May 25, 2021, 2:07 PM

#

hushed ibex Seems to be specifically with the `$` sign

How are you logging the text?

glass cave May 25, 2021, 2:08 PM

#

hushed ibex I'm trying to use a textual fieldData in my widget, but setting the string's val...

maybe escape one of the $ with a backslash in front of it

whole mural May 25, 2021, 2:09 PM

#

tribal zenith but animations inside of animations are kind of wonky and stretch out timings, s...

is the wonky because it picks up speed and then stops at each keyframe?

tribal zenith May 25, 2021, 2:13 PM

#

whole mural is the wonky because it picks up speed and then stops at each keyframe?

if something keeps animating/moving it can distract and stress the viewer

whole mural May 25, 2021, 2:14 PM

#

iv changed it to be 0% and then 100% so it's one motion, and it's a 10 second animation, but what would nice, is if i can specify the animation trigger to be > XX characters or XXpx

#

but im sure im asking too much of css, and itd need js or something else

tribal zenith May 25, 2021, 2:15 PM

#

yes, logic should be done in JS

whole mural May 25, 2021, 2:16 PM

#

thanks for your help getting me this far

hushed ibex May 25, 2021, 2:17 PM

#

tribal zenith How are you logging the text?

just calling console.log(fieldData["myTextField"])

hushed ibex May 25, 2021, 2:18 PM

#

glass cave maybe escape one of the $ with a backslash in front of it

That didn't work, the result is:

#

I feel like there is some string formatting logic when values are extracted out of the fields json which causes consecutive $ signs to be handled some other way and get stripped out

whole mural May 25, 2021, 2:19 PM

#

before i slash and burn it, this js is just the stock js for the standard animation, i can delete it all?

tribal zenith May 25, 2021, 2:20 PM

#

if you don't want that wobble animation, then yes

whole mural May 25, 2021, 2:20 PM

#

that wobble animation doesn't occur anyway

#

nothing in my alert wobbles

hushed ibex May 25, 2021, 2:21 PM

#

Its really weird since any consecutive $ signs after the first 2 are just handled normally:

#

Which results in the console with:

#

tribal zenith May 25, 2021, 2:23 PM

#

hushed ibex I feel like there is some string formatting logic when values are extracted out ...

yep, seems like two $ will be replaced by one $ on the server. I am not sure why tho.
As a workaround you could do something like $$$$ text $$$$ then the 4 $ would be replaced by 2 😄

hushed ibex May 25, 2021, 2:24 PM

#

😅 I just worked around it by formatting my text using a different symbol, such as @ instead, but yeah that was really weird for a second 😛

#

How can you tell what the server is doing? by debugging and checking the console same as I did or do you have access to some other things?

#

Asking out of curiosity to figure new or rather better ways to debug my widgets and make for a better development process \ flow

#

it is cumbersome to debug using console logging only after deploying the code within the StreamElements widget

tribal zenith May 25, 2021, 2:27 PM

#

hushed ibex How can you tell what the server is doing? by debugging and checking the console...

I just tested it myself with multiple consecutive $ and got the same result. Only devs can debug on the server side

hushed ibex May 25, 2021, 2:27 PM

#

I see ok thanks

#

Perhaps its worth opening an issue about this somewhere?

#

I dont know where you can submit such a thing

tribal zenith May 25, 2021, 2:28 PM

#

I can ask internally if that is a bug or a feature 😄

hushed ibex May 25, 2021, 2:38 PM

#

PepeLaugh

#

I can predict what the response of the person that is responsible of this will be

round turret May 25, 2021, 5:15 PM

#

Is it possible to turn my own custom coded tmi.js twitch bot into a streamelements widget bot or something i just need to make it so it auto updated as a browser source

📎 message.txt

hushed ibex May 25, 2021, 5:37 PM

#

round turret Is it possible to turn my own custom coded tmi.js twitch bot into a streamelemen...

You can't use require in a stream elements widget as it does not use a package manager such as npm nor runs in nodejs's context, so you would need to either first bundle it using webpack or any other bundler and then use the single generated javascript file in the widget's JS, or import the package you want to use as a link in your HTML from a CDN and then just use it in your JS code normally as you would do in your code

#

Also it is not guaranteed that all the functionality will work unless they specify on tmi.js that it supports running in the browser as some functionality may be coupled to the nodejs runtime

#

But as far as I am familiar with the package it theoretically should be fine

tribal zenith May 25, 2021, 5:40 PM

#

but you should probably not put your username and password in a widget LUL

hushed ibex May 25, 2021, 5:40 PM

#

That also

#

Most likely you are better hosting the bot in some other place, and communicate what ever information you need to your widget via a websocket from your bot's server

tribal zenith May 25, 2021, 5:44 PM

#

or use a combination of lx's https://jebaited.net wrapper to send messages in chat and my ChatMessage object (https://reboot0-de.github.io/se-tools/tutorial-ChatMessage.html) to check for specific commands and permissions

zinc gate May 25, 2021, 7:48 PM

#

I know its not needed as we can do it locally; but OH LORD do I wish for scss support 😆

#

Also can you set a default value for a checkbox?

{
  "displayFollowerAlert": {
    "type": "checkbox",
    "label": "Show Follower Alert"
  },
}

I have tried "value": true but no luck

#

Nevermind, I see whats happening. when updating the fileds its remembering the previous inputs.

hollow mist May 25, 2021, 8:05 PM

#

I think this is where i ask this question. I just linked up a widget for end of stream credits called "Credit Roll" and i thought it was supposed to show all followers and Subs, but it just shows the most recent one. do i need to stream for it to update or is there something i missing? Also i just made affiliate and had to do the 2 step auth deal so i dont know if that may have messed with it...

digital glacier May 25, 2021, 10:12 PM

#

how does get a shareable widget link like in #widget-share ? I have one that I put in alot of work into and want to move it between accounts

pulsar willow May 26, 2021, 3:52 AM

#

The text scrolling feature on the text widget is nice but is there a custom widget that could run it continuously with not such a large gap after the text ends. also looking for something that after a specified time it switches to another message

#

like scrolling left or right for one message then slides up after a bit to display the next message and stores up to maybe 10 messages if thats not to much

hushed ibex May 26, 2021, 7:46 AM

#

digital glacier how does get a shareable widget link like in <#457957557470887947> ? I have one...

https://strms.net/codeshare

abstract jay May 26, 2021, 8:34 AM

#

How to view which timezones stream elements recognizes? Cause the timezone for Asia.Philippines is wrong.

hardy walrus May 26, 2021, 8:36 AM

#

Try ${time.Asia/Philippines}

abstract jay May 26, 2021, 8:39 AM

#

Yeah It's says it's 8am but it's 4:40pm here

hardy walrus May 26, 2021, 8:41 AM

#

Try ${time.PHT}

abstract jay May 26, 2021, 8:45 AM

#

Doesn't work. Nevermind I settled with Asia/Hong_Kong

nova sail May 26, 2021, 9:33 AM

#

Hey,
I hope this is the right place to ask.

I am currently developing a stream overlay for a League of Legends broadcast and I am trying to have labels for teams and scores on there.
This is managed via a custom widget that fetches the data from a google firebase database. My problem is that the load time seems extremely long for just some small text values.

#

Any idea why it takes so long to load?

sturdy oak May 26, 2021, 12:34 PM

#

You could try changing the database hosting location to other continents to see if that helps

nova sail May 26, 2021, 12:37 PM

#

I'll try changing that! Currently it runs in Europe and performs pretty well outside of Streamelements.
Which location would you suggest?

sturdy oak May 26, 2021, 12:57 PM

#

I wouldn't know exactly where the SE servers are located. You'll have to figure it out by trial an error

#

@nova sail How is the firebase cdn working for you in SE?

nova sail May 26, 2021, 12:59 PM

#

Great. I use it for a simple webapp that can change values in the firebase database. These are then fetched in SE.

#

or what exactly do you want to know?

sturdy oak May 26, 2021, 1:00 PM

#

The firebase CDN scipt tries to create iframes inside the widget, which SE blocks, ultimately leading to me not being able to use firebase in SE

#

What are you using firestore or realtime database?

nova sail May 26, 2021, 1:01 PM

#

firestore

sturdy oak May 26, 2021, 1:01 PM

#

ahh, I tried realtime database

#

good to know

nova sail May 26, 2021, 1:01 PM

#

I can send you my code if you want

sturdy oak May 26, 2021, 1:02 PM

#

That's alright I'm working on something very similar and I have a workaround

nova sail May 26, 2021, 1:02 PM

#

If you need something, just DM me 😉

fallen needle May 26, 2021, 5:33 PM

#

In streamelements custom commands, i have a link with a questionmark, for exempla "www.test.com?test" . The bot cuts of the url at the questionmark so it looks like "www.test.com". Forwardslash works but i am not sure i can substitut the two symbols. Is there a way to get the full url included somehow in the command?

hardy walrus May 26, 2021, 5:37 PM

#

@fallen needleGimme 1 sec to look for the variable you need.

fallen needle May 26, 2021, 5:39 PM

#

Yes thank you

hardy walrus May 26, 2021, 5:39 PM

#

Is it a specific link or is it user inputted info?

#

actually

#

what's the actual link you're wanting to use?

fallen needle May 26, 2021, 5:50 PM

#

its a specifik link "https://www.lucky8hq.com?ref=john"

hardy walrus May 26, 2021, 5:54 PM

#

is john specific or anything a user wants to search for?

fallen needle May 26, 2021, 5:58 PM

#

its specific i guess, not sure what i means to search for

hardy walrus May 26, 2021, 5:59 PM

#

!command wordforlink

#

where john would be whatever they add there.

fallen needle May 26, 2021, 6:02 PM

#

I think its specific to the command

#

not sure yet, a bit above my knowledge

hardy walrus May 26, 2021, 6:10 PM

#

I tried it with this but it actually returned a 408 response for whatever reason. ${customapi.https://www.lucky8hq.com/${pathescape ref=john}} @fallen needle

fallen needle May 26, 2021, 6:14 PM

#

yes i havent set it up yet. I do test in the custom command with !test , and have the response be www.google.se?test and se how it looks on stream, thats where i noticed the cutoff

hardy walrus May 26, 2021, 6:21 PM

#

appears that this is what you want https://www.lucky8hq.com/${pathescape ?ref=john}

fallen needle May 26, 2021, 6:22 PM

#

ah thank you, so this part "... /${pathescape " is just to make the ? work, in laymans terms

hardy walrus May 26, 2021, 6:23 PM

#

that converts the characters to their respective "html code" version.

#

https://www.w3schools.com/tags/ref_urlencode.ASP

pulsar willow May 26, 2021, 7:55 PM

#

Hello together 🙂 Im a web developer which is experienced with the Twitch APIs and want to try out to build my first SE overlay. My problem is i can't find any documentation/help on a concept how to handle authentication when wanting to access the Twitch API from the JS code of an overlay. Can some1 enlighten me if this is even a good idea from security perspectives and if yes where i could start. (Examples would be super awesome!)
Thanks in regard!

tribal zenith May 26, 2021, 8:51 PM

#

pulsar willow Hello together 🙂 Im a web developer which is experienced with the Twitch APIs a...

If it involves your secret then this is probably not a good idea. Depending on what you want to do, there are a lot of wrapper services out there to fetch the data for you. Overlays are just client-side (JS) and can not have server-side logic, so you want to avoid having sensible information in there.
To get started in general you could read the overlay documentation (https://github.com/StreamElements/widgets/blob/master/CustomCode.md) for vanilla approaches or take a look at my se-tools (https://reboot0.de/se-tools) for a more abstract approach in a 3rd-party library

rich bridge May 26, 2021, 10:12 PM

#

Hello guys! Im not a good developer, but I like to do it! I want to do a simple thing, when I receive Stars, I want to make an GET request to one url. I tried to do this with JS but unsuccessful.. Does someone knows how can I do this?

sturdy oak May 26, 2021, 10:22 PM

#

@rich bridge How did you find your efforts unsucessful? How did it go wrong?

rich bridge May 26, 2021, 10:26 PM

#

sturdy oak <@!700033676968198206> How did you find your efforts unsucessful? How did it go ...

The request did not reach the server, I don’t know if is something with connection, or with the code

sturdy oak May 26, 2021, 10:28 PM

#

rich bridge The request did not reach the server, I don’t know if is something with connecti...

Can you share the error message/request status code

rich bridge May 26, 2021, 10:34 PM

#

sturdy oak Can you share the error message/request status code

I don't know how to see the errors, I just add this code in JS:
var xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", "http://yfonseca.ddns.net:1234" );
xmlHttp.send();
return xmlHttp.responseText;

How I said, Im just like to develop things, but my knowledge is limited

sturdy oak May 26, 2021, 10:36 PM

#

You would see an error in the console

#

There's 2 ways your request could go wrong, either there's an error while intiating the GET request, or the server might throw an error at you

rich bridge May 26, 2021, 10:40 PM

#

Where is the console? I didnt find it

sturdy oak May 26, 2021, 10:40 PM

#

rich bridge Where is the console? I didnt find it

Control + J

rich bridge May 26, 2021, 10:56 PM

#

sturdy oak Control + J

Did you use browser editor or exist other program. When I press Control + J opens the Download window

sturdy oak May 26, 2021, 10:57 PM

#

Control + J in the overlay editor

rich bridge May 26, 2021, 11:01 PM

#

I'll study more about this... Thanks for help

rich bridge May 26, 2021, 11:02 PM

#

sturdy oak Control + J in the overlay editor

Yes, Im trying in this tab, but didn't work

hollow mist May 26, 2021, 11:11 PM

#

any body know how to work with widgets that should show followers and subs? i have one "credit roll" but it doesnt show any of the info. no follow. no subs. using for my end screen and really want it to work.

gentle current May 27, 2021, 7:36 AM

#

Is there a way to do triggers on tiers of gifted subs? or just # of gifts?

drowsy ferry May 27, 2021, 10:12 AM

#

Hello, I'm currently working with a few streamers to develop a bot that needs to interface with StreamElements API. Currently, I am forced to require the streamers to use their JWT token for authentication, which is a serious safety issue. How can I get access to the oauth interface ? (the credentials request form of the documentation isn't working)

gloomy quarry May 27, 2021, 11:22 AM

#

hi, is it possible to retrieve a number from a website that updates itself, and to code a command to display this number in Twitch chat?

sturdy oak May 27, 2021, 12:28 PM

#

gloomy quarry hi, is it possible to retrieve a number from a website that updates itself, and ...

Sure, what are you trying to do?

severe shell May 27, 2021, 12:51 PM

#

rich bridge Yes, Im trying in this tab, but didn't work

If you are trying to reach the developer console, you can do that using Ctrl + Shift + i or F12. Another way is following the picture below (I'm using Edge, but it is the same on Chrome)

#

tulip moss May 27, 2021, 12:51 PM

#

dale

severe shell May 27, 2021, 12:53 PM

#

drowsy ferry Hello, I'm currently working with a few streamers to develop a bot that needs to...

AFAIK, Oauth requests are suspended for now.

drowsy ferry May 27, 2021, 12:55 PM

#

severe shell AFAIK, Oauth requests are suspended for now.

Thanks for the info ... That's frustrating. Would you happen to know why or if we can expect that to come back ?

sturdy oak May 27, 2021, 12:58 PM

#

sturdy oak Sure, what are you trying to do?

Solved via DM's ^^

severe shell May 27, 2021, 1:00 PM

#

drowsy ferry Thanks for the info ... That's frustrating. Would you happen to know why or if w...

I'm not from the staff, but I heard that they sometimes are able to provide it in some specific cases, but it hasn't been opened for public requests for months. Maybe if you try to open a ticket on https://support.streamelements.com/hc/en-us/requests/new and explain what you are tying to do, they can give more information if it will be possible to request Oauth. But I'm not sure if it will work, it's just a shot.

drowsy ferry May 27, 2021, 1:02 PM

#

severe shell I'm not from the staff, but I heard that they sometimes are able to provide it i...

Well, at least it's more info than I was able to find anywhere. 🙂 I'll try to open a ticket, as you suggested.

sturdy oak May 27, 2021, 1:08 PM

#

drowsy ferry Hello, I'm currently working with a few streamers to develop a bot that needs to...

#dev-chat message

drowsy ferry May 27, 2021, 1:12 PM

#

sturdy oak https://discord.com/channels/141203863863558144/259680142459142144/8438061928825...

So looks like a no, given I'm not a company. Would you happen to have more insight into if and/or when this feature might be accessible for a wider use ? As I mentioned, the only way for a 3rd party software to currently interface with StreamElements is a serious security issue for users.

tribal zenith May 27, 2021, 1:13 PM

#

drowsy ferry So looks like a no, given I'm not a company. Would you happen to have more insig...

what exactly is your software doing, that can't be done in a widget?

pulsar willow May 27, 2021, 1:19 PM

#

tribal zenith If it involves your `secret` then this is probably not a good idea. Depending on...

Thank you very much! Will have a look at your tools 🙂

drowsy ferry May 27, 2021, 1:21 PM

#

tribal zenith what exactly is your software doing, that can't be done in a widget?

I wouldn't be sure since I haven't used widgets before, and integration with streamelements wasn't planned at the start of the project, but at the very least I'd expect it would be difficult to interface with other APIs (think Patreon, etc). The application also manages some on screen elements for the streamer. I'm not sure if a widget can do that.

tribal zenith May 27, 2021, 1:24 PM

#

drowsy ferry I wouldn't be sure since I haven't used widgets before, and integration with str...

So, it's a desktop application that has access to OBS?

tribal zenith May 27, 2021, 1:24 PM

#

pulsar willow Thank you very much! Will have a look at your tools 🙂

They are not exactly finished yet, but should still be a good starting point 😄

pulsar willow May 27, 2021, 1:26 PM

#

tribal zenith They are not exactly finished yet, but should still be a good starting point 😄

What would you say about an OAuth2 implicit flow integration into an overlay? Sounds like an overkill to me but i cant think of any other way to have great UX and also access the Twitch API from the broadcasters login.

tribal zenith May 27, 2021, 1:27 PM

#

pulsar willow What would you say about an OAuth2 implicit flow integration into an overlay? So...

what data do you need from the Twitch API?

pulsar willow May 27, 2021, 1:27 PM

#

tribal zenith what data do you need from the Twitch API?

i want to access the prediction data.

drowsy ferry May 27, 2021, 1:28 PM

#

tribal zenith So, it's a desktop application that has access to OBS?

For now it's a desktop application, yes. It interfaces with OBS by providing a webpage that can be captured to display what's needed. But in the future, if I want to allow several people to use it simultaneously, it'd need to be on a server. In which case, asking a streamer to upload a JWT token to a server would be a problem. Right now I can allow that to happen since everything stays local.

tribal zenith May 27, 2021, 1:33 PM

#

pulsar willow i want to access the prediction data.

Ah, I see. Yeah, I don't want to promise too much too soon, but if you can wait a bit longer you might not need the Twitch API for that anymore 😄

pulsar willow May 27, 2021, 1:33 PM

#

tribal zenith Ah, I see. Yeah, I don't want to promise too much too soon, but if you can wait ...

Can you give me a timeline or something? Would be awesome 😄

tribal zenith May 27, 2021, 1:34 PM

#

drowsy ferry For now it's a desktop application, yes. It interfaces with OBS by providing a w...

Does your application only read data from SE or also update them?

tribal zenith May 27, 2021, 1:34 PM

#

pulsar willow Can you give me a timeline or something? Would be awesome 😄

Unfortunately I can not

drowsy ferry May 27, 2021, 1:35 PM

#

tribal zenith Does your application only read data from SE or also update them?

It only needs to read received tips data (oh and channel info to be able to request with the right id of course)

tribal zenith May 27, 2021, 1:40 PM

#

drowsy ferry It only needs to read received tips data (oh and channel info to be able to requ...

Okay, so I assume your application reads tips from multiple platforms and displays alerts for them on one external BrowserSource/Website?

drowsy ferry May 27, 2021, 1:42 PM

#

tribal zenith Okay, so I assume your application reads tips from multiple platforms and displa...

It doesn't display alerts, but that's kind of the idea, yes. It reads tips/subscriptions/etc from Twitch, StremElements and other sources and allows interaction between the streamer and the chat users based on that, using on screen elements provided via a browser page.

sand cedar May 27, 2021, 9:56 PM

#

Hey all, I'm trying to convert a twitch eval code I use for several commands from nightbot to streamelements. The basic coding is "$(eval a=$(urlfetch json PASTEBIN LINK HERE);a[Math.floor(Math.random()*a.length)])", where I paste a raw pastebin link that contains a list of variables, and the command will pull one random choice from that list in the paste. Is there a similar way to do this with streamelements? To have it pull the list from a pastebin link and randomly select one to use?

elfin arch May 28, 2021, 2:10 AM

#

sand cedar Hey all, I'm trying to convert a twitch eval code I use for several commands fro...

take a look at: https://thefyrewire.com/docs/api/twitch/pastebin/ 🙂

sand cedar May 28, 2021, 2:11 AM

#

thank you!! amazing

willow finch May 28, 2021, 7:44 AM

#

Hello, i'm currently learning custom widgets for StreamElements overlays however whenever I activate the "Enable custom CSS" button no images, videos or gifs play for that file. I've tried webms, gifs, mp4s. nothing has shown up though.

This code makes the image and the text dissapear permanently (Changes Highlited)

This code makes the image turn into the cannot find image paper but the text stays.

elfin arch May 28, 2021, 7:50 AM

#

willow finch Hello, i'm currently learning custom widgets for StreamElements overlays however...

can you try to repost that with the code in backticks? it's the ~ button the keyboard. use triple '''HTML then press enter and paste the code; then end with the triple ` again.

willow finch May 28, 2021, 7:53 AM

#

<div class="text-container">
    <div class="image-container">
        <video src="https://cdn.streamelements.com/uploads/989929de-8adc-46c2-91de-c2924ffdd012.webm%22%3E
    </div>
    <div>
        <div class="awsome-text-container">
            <span id="username-container"></span>
            test
            <br>
        </div>
    </div>
</div>

#

<div class="text-container">
    <div class="image-container">
        <img src="https://cdn.streamelements.com/uploads/989929de-8adc-46c2-91de-c2924ffdd012.webm%22%3E
    </div>
    <div>
        <div class="awsome-text-container">
            <span id="username-container"></span>
            test
            <br>
        </div>
    </div>
</div>

willow finch May 28, 2021, 7:53 AM

#

elfin arch can you try to repost that with the code in backticks? it's the `~` button the k...

There you go, any assistance on the matter would be much appreciated :)

elfin arch May 28, 2021, 8:04 AM

#

willow finch There you go, any assistance on the matter would be much appreciated :)

the first one is correct; you are using a webm which is a video. the end of that line should be "> where it says %22%3E

willow finch May 28, 2021, 8:05 AM

#

It is a > I don't know why it converted to %22%3E

#

I deleted and replaced the > and it still has no text appearing

elfin arch May 28, 2021, 8:08 AM

#

should be a " in there too; that happens so "> at the end of that line. and the webm will play.

willow finch May 28, 2021, 8:08 AM

#

There is, discord must've just bugged out or something, i'm assuming %22 is the code for " and %3E is the code for >

#

Maybe my streamelements is reading it as %22%3E but it shows "> for some reason?

#

Because i'm using the default custom CSS widget without changing anything

elfin arch May 28, 2021, 8:11 AM

#

ya; it could be a copy paste thing; i'll put into a blank overlay real quick. Just wanted to check to make sure you had it that way as well 😉

willow finch May 28, 2021, 8:12 AM

#

No problem lol, I appreciate you helping out

elfin arch May 28, 2021, 8:37 AM

#

willow finch No problem lol, I appreciate you helping out

i forgot the video tag doesn't work the same as the img 🤣 ... basically you need to create the video container then give it a source: ```html
<div class="text-container">
<div class="image-container">
<video autoplay>
<source src="https://cdn.streamelements.com/uploads/989929de-8adc-46c2-91de-c2924ffdd012.webm" type="video/webm">
</video>
</div>
<div>
<div class="awsome-text-container">
<span id="username-container2"></span>
test
<br>
</div>
</div>
</div>

#

that will get your video to show; but you'll need to position/animate the text container with CSS to get it to match your visuals

willow finch May 28, 2021, 8:40 AM

#

Omg you are my hero lol. Thank you very much for everything <3

#

It worked

#

Thank you for everything <3

jolly scroll May 28, 2021, 9:04 AM

#

Helloo! Is there a way to replicate the jar from streamlabs? I don’t like how complicated and messy the hype cup can get, I really like how the jar from streamlabs works. Are the bits fixed too? I remember them glitching with the hype up in the past think

spare field May 28, 2021, 12:00 PM

#

hey guys is there somehow open api if we would like to connect streamelements to our eshop that we could show alerts live on our streams then?

gloomy quarry May 28, 2021, 12:03 PM

#

question

#

i have a single figure in a google doc that i want an SE command to display

#

is this possible?

sturdy oak May 28, 2021, 12:08 PM

#

@gloomy quarry What is the single figure that you want to display? If you're changing the google doc, you can as well change the command

#

Hey @elfin arch do you have the share link for the boilerplate jebiated sendMessage widget?

elfin arch May 28, 2021, 12:21 PM

#

I don't have an overlay for just a basic !ping/pong widget

#

try something like this @sturdy oak : #dev-chat message

sturdy oak May 28, 2021, 12:26 PM

#

Pretty sure someone had one, there was a sayMessage() function

elfin arch May 28, 2021, 12:27 PM

#

i changed the link; it's

#

you need to load the script file in the HTML first

sturdy oak May 28, 2021, 12:31 PM

#

@elfin arch I have working widget using jebaited, trying to find example widgets for @gloomy quarry

elfin arch May 28, 2021, 12:33 PM

#

pulling the value from a Google Sheet is another layer of complexity.

wraith rune May 28, 2021, 8:57 PM

#

Hello, i need help... can someone help me?

prime tapir May 28, 2021, 11:54 PM

#

Hey guys, is it possible to update a Widget I've already shared?

#

Or do I have to submit it as a new widget, and have everyone manually switch to the new one?

slow gale May 29, 2021, 3:45 PM

#

wraith rune Hello, i need help... can someone help me?

https://dontasktoask.com/

jolly scroll May 29, 2021, 4:18 PM

#

Why does the image get cut off?

#

slow gale May 29, 2021, 5:49 PM

#

Need to see your markup

past grail May 29, 2021, 6:10 PM

#

Hello guys, how do I get a client_id token?

#

the link at https://docs.streamelements.com/docs/getting-started-1 is not working

amber spoke May 30, 2021, 12:36 AM

#

Is there a way to make a variable's response become an argument? for example does a random.chatter become a ${1}?

fluid magnet May 30, 2021, 3:06 AM

#

Hi! The STREAM MARATHON TIMER - BY LX widget doesn't work sadly :( it's not adding time

#

Can I get some help asap? Am I doing the times wrong?

#

plain dirge May 30, 2021, 7:04 AM

#

Has the Stream Elements API been updated to support channel points?

wild ingot May 30, 2021, 1:27 PM

#

What regex does the bot support?

#

I made something to catch repeated words and it works fine on an online tester, but the filter test doesn't catch it

#

If I try something simpler it works

#

My test regex is (\w+\s\w+)\s\1

#

It works if I remove \1 but that's the important part

#

So saw someone mention r2... Is this it? https://github.com/google/re2/wiki/Syntax

#

Not supported

#

RIP

#

Guess I'll manually add individual word combos if it comes to it

severe shell May 30, 2021, 8:32 PM

#

Hi all, I have this output when I make an API request to the following page (it's a public page, not mine)

https://api.henrikdev.xyz/valorant/v1/mmr/na/otsuka/ots
{"status":"200","data":{"currenttier":21,"currenttierpatched":"Immortal","ranking_in_tier":91,"mmr_change_to_last_game":-3,"elo":1891}}

However, from the output above, I just wanted the values **Immortal **and 91 to put in a chat command. Something like this:

!cmd add rank Otsuka is rank ${valorant.rank} and he has ${valorant.points} points on Valorant
Otsuka is rank Immortal and he has 91 points on Valorant

Is it possible to treat that output to have it? Unfortunately I don't know anything about javascript to work on that.

quartz tangle May 30, 2021, 9:52 PM

#

severe shell Hi all, I have this output when I make an API request to the following page (it'...

this is a js thing def -- the output is a JSON object that is more easy to view when you format it like this:

{
  "status": "200",
  "data": {
    "currenttier": 21,
    "currenttierpatched": "Immortal",
    "ranking_in_tier": 91,
    "mmr_change_to_last_game": -3,
    "elo": 1891
  }
}

The object has a data field, which is a nested JSON object that has a currenttierpatched field and a ranking_in_tier field. So, if the whole output is stored in a variable called output, then you would access each field by using output.data.currenttierpatched and output.data.ranking_in_tier respectively

#

or if u want to shorted it u can get output.data and put it somewhere (maybe to check if it exists or not), then get .currenttierpatched and .ranking_in_tier from that

#

Also would anyone here know how to get a new JWT 😳 👉 👈 I don't think mine was leaked but i wanna make sure lol

severe shell May 30, 2021, 10:00 PM

#

quartz tangle this is a js thing def -- the output is a JSON object that is more easy to view ...

Thanks for that. I knew about the JSON output, but I didn't know how to format it to get what I need. So in this case I would need to treat it outside Streamelements and then get everything already formatted to use on Streamelements, correct?

severe shell May 30, 2021, 10:01 PM

#

quartz tangle Also would anyone here know how to get a new JWT 😳 👉 👈 I don't think mine wa...

Streamelements Dashboard > Your avatar (on top left) > Settings > Security > Reset My personal Access Token

quartz tangle May 30, 2021, 10:01 PM

#

severe shell Streamelements Dashboard > Your avatar (on top left) > Settings > Security > Res...

tyty

quartz tangle May 30, 2021, 10:02 PM

#

severe shell Thanks for that. I knew about the JSON output, but I didn't know how to format i...

Also hmm i see what you are asking here and I actually don't know enough about how u would do it 😔 sorry

#

its probably possible but if it is not easy you could also just develop your own quick bot to do it :? tmi.js is a good resource for this

#

im new to bot dev myself tho so someone else might have better input loll

severe shell May 30, 2021, 10:08 PM

#

quartz tangle its probably possible but if it is not easy you could also just develop your own...

Yeah, now we are talking dev language, I'm a 0% dev-guy... ok, not 0%, maybe 5% 😄 My job is more about configuration and infrastructure. So, for me that would be kinda impossible (want to learn some JS in the future, though)

quartz tangle May 30, 2021, 10:09 PM

#

severe shell Yeah, now we are talking dev language, I'm a 0% dev-guy... ok, not 0%, maybe 5% ...

damn 😔

#

does SE let you make API requests with commands?

#

i didnt think that was a thing

severe shell May 30, 2021, 10:11 PM

#

quartz tangle does SE let you make API requests with commands?

Unfortunately, no. It just outputs the body in plain text.

#

tranquil steeple May 30, 2021, 10:15 PM

#

I guess you are using the StreamElements "Chat commands"? I don't think it is possible to parse JSON inside commands unfortunately.

severe shell May 30, 2021, 10:23 PM

#

tranquil steeple I guess you are using the StreamElements "Chat commands"? I don't think it is po...

Exactly, that's what I thought (but maybe there was some advanced hidden command, so I asked hahaha)

tranquil steeple May 30, 2021, 10:24 PM

#

I do believe nightbot is able to parse JSON, so that could be an option.

#

It is indeed possible to parse JSON with Nightbot. This command should give you the correct output. 🙂

$(eval response = `$(urlfetch json https://api.henrikdev.xyz/valorant/v1/mmr/na/otsuka/ots)`; data = JSON.parse(response).data;`Otsuka is rank ${data.currenttierpatched} and he has ${data.ranking_in_tier} points on Valorant`)

severe shell May 30, 2021, 10:40 PM

#

tranquil steeple It is indeed possible to parse JSON with Nightbot. This command should give you ...

I was looking into that but you gave me the full response! Thank you so much, I will learn a lot from that now! That will help me a lot, you have no idea!

tranquil steeple May 30, 2021, 10:40 PM

#

No problem. Glad to help 🙂

hollow glade May 31, 2021, 4:15 AM

#

Hey! I was wondering if it's possible to had a photo from your PC into the custom CSS on SE for a custom widget

elfin arch May 31, 2021, 4:16 AM

#

hollow glade Hey! I was wondering if it's possible to had a photo from your PC into the custo...

you would want to add an image input into the field data then upload the file to SE file cloud.

hollow glade May 31, 2021, 4:17 AM

#

That sounds complicated haha

elfin arch May 31, 2021, 4:17 AM

#

hahah ya; it sounds complicated now that I re-read it; but it's pretty easy. 1 second...

hollow glade May 31, 2021, 4:18 AM

#

Lmao you said it and I was like..... whaaaaa

elfin arch May 31, 2021, 4:20 AM

#

  "name_Image": {
    "type": "image-input",
    "label": "UPLOAD AN IMAGE",
    "value": "",
    "group": "GROUP NAME"
  }

if you add this into your field data; it will add an image upload box on the editor settings on the left; labeled "UPLOAD AN IMAGE" in a tab called "GROUP NAME"

hollow glade May 31, 2021, 4:21 AM

#

Ohhh ok

#

I was wondering how to put fields on my custom widgets cause I'm trying to reconfigure and recreate a widget I made a while back, I'm pretty sure with you LOL

elfin arch May 31, 2021, 4:22 AM

#

then you just use {{name_Image anywhere in the code and it will put that image in like a link; here is an example for HTML ```html
<image src='{{name_Image}}' />

hollow glade May 31, 2021, 4:22 AM

#

Would that work for CSS background property?

elfin arch May 31, 2021, 4:23 AM

#

it should; yup.

hollow glade May 31, 2021, 4:24 AM

#

Ok I may need more help in a bit haha

elfin arch May 31, 2021, 4:25 AM

#

🙂 give it a try and post back if you get stuck. The JSON formatting for the FIELD data can get a little tricky

hollow glade May 31, 2021, 4:27 AM

#

That code for the name_image goes in the "fields" code right?

elfin arch May 31, 2021, 4:29 AM

#

yup, yup. and you will want to give it a unique name ... like "backgroundImage" or anything

hollow glade May 31, 2021, 4:30 AM

#

Hmm interesting, the field isn't showing up

elfin arch May 31, 2021, 4:31 AM

#

did you add it into your existing field data or paste just that code?

hollow glade May 31, 2021, 4:32 AM

#

Just pasted and renamed it, I didn't want all the standard fields there, do I have to keep all the base fields there?

elfin arch May 31, 2021, 4:33 AM

#

nope you don't need them at all. if that is the start of your Field tab then add a { at the start and a } at the end (the whole thing needs to be an Object.

hollow glade May 31, 2021, 4:37 AM

#

Ok that worked

#

I forgot a lot of the coding course I did, I have to re pick it up

#

But I have a specific vision in my head that I don't know how to do

hollow glade May 31, 2021, 5:42 AM

#

I've tried every which way to get it as my widget background but can't get it to work

elfin arch May 31, 2021, 6:39 AM

#

can you post a screenshot? that background will work; you just have to make sure you build your DIVs ontop of it

hollow glade May 31, 2021, 6:56 AM

#

Screenshot of what?

#

Sorry I was playing a game

elfin arch May 31, 2021, 6:57 AM

#

your widget; like you can't get it to show as a background at all?

hollow glade May 31, 2021, 6:58 AM

#

No I tried it as an img tag, and I also tried as a CSS background for every command I knew how to do

elfin arch May 31, 2021, 7:03 AM

#

HTML```html
<div id='test'></div>

#

CSS```css
#test {
height: 100px;
width: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url('{{name_Image}}');
}

#

FIELDS ```json
{
"name_Image": {
"type": "image-input",
"label": "UPLOAD AN IMAGE",
"value": "",
"group": "GROUP NAME"
}
}

hollow glade May 31, 2021, 7:08 AM

#

HTML

  <div class="wins">
  <div class="wc" id="wincounter">0</div>
    <p id="CW">W:</p>
  </div>
</div>```

#

CSS

  height: 70px;
  width: 195;
  background-repeat: no-repeat;
  background-position: center;
  background-img: ('{{BackgroundImage}}');
}```

#

FIELDS

  "BackgroundImage": {
    "type": "image-input",
    "label": "UPLOAD AN IMAGE",
    "value": "",
    "group": "UPLOAD IMAGE"
  }
}

elfin arch May 31, 2021, 7:10 AM

#

background-img: ('{{BackgroundImage}}'); missing "url" 🙂 --> background-img: url('{{BackgroundImage}}');

hollow glade May 31, 2021, 7:10 AM

#

Did that

#

Still nothing showing

elfin arch May 31, 2021, 7:10 AM

#

let me check

#

css width missing px as well

hollow glade May 31, 2021, 7:13 AM

#

That still didn't change it

elfin arch May 31, 2021, 7:19 AM

#

🤔 ... ya; something ain't right. not seeing what it is tho

hollow glade May 31, 2021, 7:20 AM

#

It's not even showing up

elfin arch May 31, 2021, 7:25 AM

#

hollow glade It's not even showing up

🤣 last line in your CSS is img not image

hollow glade May 31, 2021, 7:26 AM

#

Wait what? lol

#

That one still didn't work xD

#

Oh

#

My browser bloody froze

elfin arch May 31, 2021, 7:30 AM

#

in the CSS; width needs px; last line needs image and url

#

background-image: url('{{BackgroundImage}}');

hollow glade May 31, 2021, 7:31 AM

#

For whatever reason, after I added animated overlays the streamelements overlay editor freezes

#

I got it on there now

#

Now for Java that I REALLY don't know

elfin arch May 31, 2021, 7:35 AM

#

javascript

hollow glade May 31, 2021, 7:35 AM

#

Sorry

elfin arch May 31, 2021, 7:35 AM

#

not java, that's a different beast; you want javascript 🙂

hollow glade May 31, 2021, 7:35 AM

#

I'm tired

#

Got lazy

#

Javascript is what I meant, just got lazy LMAO

elfin arch May 31, 2021, 7:36 AM

#

oh ya; just use js. hahah

#

even lazier

hollow glade May 31, 2021, 7:36 AM

#

I really need to pick up my coding course again

#

I think you were the one that helped me with all of this last time

elfin arch May 31, 2021, 7:37 AM

#

i learned on freecodecamp ... it's free 🙂

hollow glade May 31, 2021, 7:37 AM

#

I have a course on udemy, and it's really good

#

Again, just got lazy and stopped because I found something else that distracted me

elfin arch May 31, 2021, 7:38 AM

#

hahah. i know how that goes... well you are 1 step closer now. happy coding 🙂

hollow glade May 31, 2021, 7:39 AM

#

Hopefully, I gotta power through it tomorrow cause I'm not even close to done

#

Oh this just gave me an idea I would like to know if it's an option

graceful blaze May 31, 2021, 7:52 AM

#

Hello. Is there a way to get an all time follower list ?
i tried using something like this

window.addEventListener('onWidgetLoad', function (obj) {
    let session = obj.detail.session.data;
    session['follower-total']['name']; // not working
    session['follower-total'][0]['name']; // not working
}

Seems like I can only get the all time follower count with data.
I'd like to edit Grot creditroll to show every follower name at the end of the stream instead of session followers.

elfin arch May 31, 2021, 8:00 AM

#

graceful blaze Hello. Is there a way to get an all time follower list ? i tried using something...

not with the SE information as far as i know. The follow data would be held by the streaming service you use, such as Twitch. so you would need to get the information from them

#

... and then it gets more complex with the results; think that some users have 100,000's of followers and maybe even millions

hardy walrus May 31, 2021, 8:04 AM

#

And the thought of pagination is even more fun.

elfin arch May 31, 2021, 8:05 AM

#

exactly 🙂 100 at a time

uneven oxideBOT May 31, 2021, 8:10 AM

#

@graceful blaze, posting multiple links will result in not being able to post again.

elfin arch May 31, 2021, 8:15 AM

#

@graceful blaze question was ```
i found this
https://dev.twitch.tv/docs/v5/reference/channels/#get-channel-followers

#

sorry bot flags the twitch links cause people spam "i'm live at ...." 🤣

#

no more twitch links please 🙂

graceful blaze May 31, 2021, 8:21 AM

#

thx i'll remember it

elfin arch May 31, 2021, 8:23 AM

#

it's meant to grab channels; i'll request a whitelist for the dev.twitch

#

so; yes. that is exactly what you would want to use ... but that will only give you 100 followers

graceful blaze May 31, 2021, 8:26 AM

#

I think 100 followers my be enough for the creditroll ^^
Now i have to find my client id and channel id

#

There's a cursor option the fetch result from a given page so it should be possible to fetch more than 100 followers if needed

elfin arch May 31, 2021, 8:28 AM

#

what is your twitch name?

#

well you get 100 at a time; then have to ask again for the next 100 ... so that's 10 calls to get 1,000 follower ... 100 calls to get 10,000 ... etc. it adds up.

graceful blaze May 31, 2021, 8:30 AM

#

baggafix

#

I only have 7 followers atm 😂
But in a custom widget, i'ill set a parameter telling how many page i want to fetch.

elfin arch May 31, 2021, 8:32 AM

#

your userId is 481770878

graceful blaze May 31, 2021, 8:34 AM

#

thank you
how did you find it ?
I'm a begginer with this API 😅

elfin arch May 31, 2021, 8:35 AM

#

you gotta do an API call for the username to get the ID back; I have a program that auto searches it.

#

so this is an "old" endpoint and will be turned off soon; not sure if that is in a week or a year 🤣

hardy walrus May 31, 2021, 8:38 AM

#

Or be like me and use this link OpieOP https://api.twitch.tv/kraken/users?login=usernamegoeshere&api_version=5&client_id=q6batx0epp608isickayubi39itsckt

elfin arch May 31, 2021, 8:40 AM

#

hahah; yup basically the same.

graceful blaze May 31, 2021, 8:40 AM

#

can i use the same client id or do i have to create one ?

hardy walrus May 31, 2021, 8:42 AM

#

Nice people would create one.

#

Otherwise you can technically reuse.

elfin arch May 31, 2021, 8:42 AM

#

you'd need to use the id.

#

new ID's can't access these old endpoints 🙂

hardy walrus May 31, 2021, 8:43 AM

#

oooo

graceful blaze May 31, 2021, 9:06 AM

#

So I should try to create a client id and an oauth token to use helix api instead of the deprecated kraken v5

elfin arch May 31, 2021, 9:10 AM

#

i don't think the new helix has a follower database?

#

i think it's now of a check... is user A following user B

steady hornet May 31, 2021, 9:13 AM

#

Is the API still not accepting any more applications?

hardy walrus May 31, 2021, 9:13 AM

#

Any questions about that can go here https://streamelements.com/contact

graceful blaze May 31, 2021, 9:18 AM

#

helix can return people following a given user id but it needs user oauth token and client id

elfin arch May 31, 2021, 9:19 AM

#

steady hornet Is the API still not accepting any more applications?

are you working on a personal project or a business project?

elfin arch May 31, 2021, 9:20 AM

#

graceful blaze helix can return people following a given user id but it needs user oauth token ...

which helix endpoint?

graceful blaze May 31, 2021, 9:22 AM

#

users/follows with parameter to_id

elfin arch May 31, 2021, 9:26 AM

#

ahh; ok; ya. it is in there. niice.

#

...but the thing is; this will work for for a while; but these calls are for 100 max return in the data.

graceful blaze May 31, 2021, 9:29 AM

#

It's not a probleme given what i want to do

elfin arch May 31, 2021, 9:30 AM

#

elfin arch hahah; yup basically the same.

^ use this

graceful blaze May 31, 2021, 9:32 AM

#

but this one will be discontinued

elfin arch May 31, 2021, 9:34 AM

#

eventually.... yes... but i've said that for 2 years now 🤣

#

hint: there is no endpoint for the users in chat; ..... it's tied to the same system and when they turn that valve off it will break a lot of things.

steady hornet May 31, 2021, 9:51 AM

#

elfin arch are you working on a personal project or a business project?

Business

elfin arch May 31, 2021, 9:52 AM

#

#270206314561404928 message 🙂

bitter abyss May 31, 2021, 7:55 PM

#

Hey, how I can share my custom made widget?

ruby thistle May 31, 2021, 7:57 PM

#

Hey @bitter abyss yogevHey you can go here and fill out this form to submit it: https://strms.net/codeshare

Google Docs

Become a CodeGuru!

The StreamElements #widget-share and Widget Gallery features custom widgets developed and designed by our community, using a powerful set of tools provided by us, and supported by a great team of Code Gurus and Support Heroes.

daring thorn May 31, 2021, 8:15 PM

#

Hello, does streamelements let you combine overlays so that we end up having 1 browser source for alerts,chat, and stream rotator?

bitter abyss May 31, 2021, 8:19 PM

#

ruby thistle Hey <@!207222534154878988> <:yogevHey:625392507483717665> you can go here and f...

I submitted it 3 weeks ago. How long does it take to be approved?

tranquil steeple May 31, 2021, 9:08 PM

#

daring thorn Hello, does streamelements let you combine overlays so that we end up having 1 b...

I don't think you can combine overlays. But one overlay can contain many widgets.
I'm not sure if that answers your question.

hollow glade May 31, 2021, 9:35 PM

#

Can someone help me out privately with some JS coding?

small merlin Jun 1, 2021, 12:59 AM

#

Hello everyone. Is the websocket api endpoint still working? I'm getting ping timeout when trying to connect with my JWT token

sturdy oak Jun 1, 2021, 1:45 AM

#

bitter abyss I submitted it 3 weeks ago. How long does it take to be approved?

You become a codeguru and gain widget share perms after your widget is approved. The approval process is basically checking your code for bugs, the wait is because widgets in the widget share category are released after a certain delay to keep the hype up for the recent widget

#

Good work with the hud, impressive for a first timer

bitter abyss Jun 1, 2021, 1:57 AM

#

sturdy oak Good work with the hud, impressive for a first timer

Thank you for the quick response and the compliment FeelsOkayMan

tawdry flint Jun 1, 2021, 5:02 AM

#

Hi I'm having an issue with a custom widget.
I use an html audio tag for tts, in the editor works great but in obs the audio seems to not charged at all, I tried plenty of things and I can't fix it

#

Any ideas?

rugged rapids Jun 1, 2021, 6:53 AM

#

At the StreamElements GitHub should be a custom code widget you could use as reference.
https://github.com/StreamElements/widgets/tree/master/CustomChat

tropic flame Jun 1, 2021, 12:49 PM

#

Hi, Can anyone help me, I'm trying to have a command in chat do something on a custom module for YouTube streaming, i managed to get it to work for a bot-counter using "listener === 'bot:counter'' but I'm not sure how to get it to read just a command, any help would be greatly appreciated

small merlin Jun 1, 2021, 2:38 PM

#

Hello. Just want to ask again.

Is the streamelements websocket endpoint working. Taking the example code exactly as is, doesn't work for me

uneven oxideBOT Jun 1, 2021, 3:48 PM

#

@grim lagoon, posting multiple links will result in not being able to post again.

hardy walrus Jun 1, 2021, 3:49 PM

#

@grim lagoon That link won't work. That response is no longer possible as twitch nuked the endpoint.

#

And you should be good now to talk again.

grim lagoon Jun 1, 2021, 3:50 PM

#

okok

#

It was one of my favorite cmds

#

to SO active hosts within the channel

#

there is no other refference URL for active hosts on my channel right?

hardy walrus Jun 1, 2021, 3:52 PM

#

Correct.

grim lagoon Jun 1, 2021, 3:53 PM

#

thanks anyway

tranquil steeple Jun 1, 2021, 4:21 PM

#

small merlin Hello. Just want to ask again. Is the streamelements websocket endpoint working...

It works fine here. I used the example over here: https://docs.streamelements.com/docs/connecting-via-websocket
Assuming it is the same endpoint.

small merlin Jun 1, 2021, 4:22 PM

#

tranquil steeple It works fine here. I used the example over here: `https://docs.streamelements.c...

Awesome. Will check in a bit. Thank you

fading hearth Jun 1, 2021, 5:09 PM

#

Has anyone done authentication using a c# console app?

#

I'm trying to make something to track donations on SE, but having some issues with auth since there's no web endpoint. I guess I could setup a dummy server that gets me the token, but was hoping to do it within the app

#

Looked at JWT, but don't see how to actually leverage it.

fading hearth Jun 1, 2021, 5:38 PM

#

turns out I'm dumb. I tried using StreamElementsNET earlier today and got annoyed it wouldn't work... forgot to call connect (╯°□°）╯︵ ┻━┻

pure trellis Jun 1, 2021, 6:29 PM

#

Hey there! Recently added this widget and I am getting 200s but for some reason the overlay isn't showing the test events. Have I missed a step?

small merlin Jun 1, 2021, 6:59 PM

#

tranquil steeple It works fine here. I used the example over here: `https://docs.streamelements.c...

Are you doing nodejs or html example? Mine is still not working

tranquil steeple Jun 1, 2021, 7:01 PM

#

small merlin Are you doing nodejs or html example? Mine is still not working

I used the HTML+JS example. You should have two or three files.

small merlin Jun 1, 2021, 7:02 PM

#

tranquil steeple I used the HTML+JS example. You should have two or three files.

Dangit, I'm doing a nodejs version all in console. I see the example is using socket.io 2.2 where the latest is 4.1 and specifiaclly I have to be using socket.io-client

tranquil steeple Jun 1, 2021, 7:02 PM

#

Aww. I don't think I can help you then. :/ Good luck.

small merlin Jun 1, 2021, 7:04 PM

#

Awesome, thanks though

small merlin Jun 1, 2021, 7:10 PM

#

tranquil steeple Aww. I don't think I can help you then. :/ Good luck.

Solution was to downgrade the socket client version to v2. Thanks for the help!

north tapir Jun 2, 2021, 12:44 AM

#

i hope this is the right channel for this, it's about custom alerts with css: style.css is the custom css I use, the animation looks fine on streamelements, but in obs, there's no fade-in or fade-out animation, as shown in this video: https://streamable.com/hwowtx does anyone know how I can fix this?

📎 style.css

tribal zenith Jun 2, 2021, 9:46 AM

#

north tapir i hope this is the right channel for this, it's about custom alerts with css: st...

opacity should be between 0-1 and not in percentages.
So, opacity: 0% => opacity: 0; and opacity: 100%; => opacity: 1;

north tapir Jun 2, 2021, 10:53 AM

#

thanks, that helped!

broken coyote Jun 2, 2021, 12:29 PM

#

also opacity: 50%; => opacity: 0.5;

golden hearth Jun 2, 2021, 3:55 PM

#

hi

#

someone can help me?

#

I can't change the streamlements bot language.

steel bear Jun 2, 2021, 5:35 PM

#

I'm VERY raw & new to CSS and I'm having some issues that are beyond my experience:

The video I inserted via the CSS editor is ever so slightly off the point it should be positioned based on the file I uploaded. I don't know a) the position is skewed b) how to move the video in CSS
The text I added to the CSS editor is not the correct weight even though I added the light version of the .otf file.
I'm trying to add a stroke to the text in CSS. How do I do this?

Sorry for so many questions.

steel bear Jun 2, 2021, 6:21 PM

#

I got the video positioned correctly, but the text style questions are still an issue; I am using text-stroke-color & text-stroke-width but neither is working

steel bear Jun 2, 2021, 6:38 PM

#

Also, why is there random copy pasta text showing in the top left of my alert using CSS editor.
"Do not fear a man that spams 1000 memes".. Etc.

hardy walrus Jun 2, 2021, 6:38 PM

#

Are you testing/simulating the alert?

steel bear Jun 2, 2021, 6:38 PM

#

Sim yes.

hardy walrus Jun 2, 2021, 6:39 PM

#

That's why. That's the generic message when doing it.

steel bear Jun 2, 2021, 6:39 PM

#

Even if I have the message deleted?

hardy walrus Jun 2, 2021, 6:40 PM

#

Did you simply click the method to do it or did you choose custom?

steel bear Jun 2, 2021, 6:41 PM

#

I see what you mean, nevermind. My apologies

#

Even after removing the message field, I'm still getting > in the top left. I'M SO BAD AT THIS! LMAO

tranquil steeple Jun 2, 2021, 7:39 PM

#

I see that SE_API has a sendMessage() method in the widgets, but I cant find any documentation on this method, so I don't know what it does or how to use it.
Does anyone know? 🙂

tribal zenith Jun 2, 2021, 7:44 PM

#

tranquil steeple I see that `SE_API` has a `sendMessage()` method in the widgets, but I cant find...

It's just used internally by other functions (like resumeQueue) to communicate with the server. So there is not much use besides that

tranquil steeple Jun 2, 2021, 7:45 PM

#

tribal zenith It's just used internally by other functions (like `resumeQueue`) to communicate...

Thanks. 🙂 I was hoping it was a way to send chat messages as the StreamElements bot.

tribal zenith Jun 2, 2021, 7:49 PM

#

tranquil steeple Thanks. 🙂 I was hoping it was a way to send chat messages as the StreamElements...

Not with sendMessage, but there is another way:
#dev-chat message

tranquil steeple Jun 2, 2021, 7:53 PM

#

tribal zenith Not with `sendMessage`, but there is another way: https://discord.com/channels/1...

Wow. That's cool! Thanks again. 🙂

tribal zenith Jun 2, 2021, 7:55 PM

#

tranquil steeple Wow. That's cool! Thanks again. 🙂

np. You'll need to create a token on https://jebaited.net first, though

north tapir Jun 2, 2021, 11:35 PM

#

https://streamable.com/qkg7ko in some alert variations, the alert-media is not aligned as it should be, the code is exactly the same
this applies to variations in raid alerts and tip alerts, does anyone know how to fix this?

naive hinge Jun 3, 2021, 3:23 AM

#

Hi I'm using your bot streamelements..

#

How to change bot name

timid niche Jun 3, 2021, 10:12 AM

#

I've got a gofundme api for alerts on a certain page but am not sure where to input the page url. Do i just put it in the 'fetch' brackets? Cheers fetch(https://api.jebaited.net/external/gofundme/{pageShortName}).then(resp => resp.json()).then((data) => {
resolve(data.references);
}).catch(() => {
reject('Cannot get donation list');

full lintel Jun 3, 2021, 11:38 AM

#

Is regex for command taking only 3 ORs 123|456|789? Or I'm doing smth wrong?

full lintel Jun 3, 2021, 12:20 PM

#

Yep

north tapir Jun 3, 2021, 2:46 PM

#

north tapir https://streamable.com/qkg7ko in some alert variations, the alert-media is not a...

if you ever face this issue - delete variations completely and add new ones a la "try turning it off and on again"
fixed it

bitter abyss Jun 3, 2021, 3:09 PM

#

I hope I get approved as code guru soon, I really wanna share my widget with some streamer friends FeelsOkayMan

proud stag Jun 3, 2021, 6:04 PM

#

Hey guys, how can I apply my app for the OAuth integration? the google form is broken

My app will help a lot of Brazilians streamers to use another payment gateway known as PIX

edit: I just found this message, that tells that the requests are suspended, hope that they read my ticket submission
#dev-chat message

pine bough Jun 4, 2021, 1:23 AM

#

How to change font in css?

tranquil steeple Jun 4, 2021, 1:35 AM

#

pine bough How to change font in css?

If it is for the whole document you could do something like:

/* You might need to import the font you want to use */
@import url('https://fonts.googleapis.com/css?family=Chelsea+Market');

* { 
  font-family: "Chelsea Market";
}

pine bough Jun 4, 2021, 1:39 AM

#

@tranquil steeple Even works Chakra Petch fonts

pine bough Jun 4, 2021, 2:58 AM

#

what is the css for Chakara Petch font?

quartz tiger Jun 4, 2021, 4:07 PM

#

How to change the timer on the message thats come in chat afther 10 minuttes, i have tried in the global timer but don't work ?

upbeat briar Jun 4, 2021, 5:37 PM

#

Hey guys i have a question about API endpoint "https://api.streamelements.com/kappa/v2/points/channel/top". This endpoint returning a ARRAy of top points users. User name is same like a twitch login od twitch display name? I cant find any information about this on API reference. Thanks a lot

ember snow Jun 4, 2021, 7:30 PM

#

anyone know if there is a Valorant Rank API so when people do !rank it tells them my rank on valorant?

broken coyote Jun 4, 2021, 7:34 PM

#

ember snow anyone know if there is a Valorant Rank API so when people do !rank it tells the...

https://tracker.gg/overlays

Tracker Network

Stream Overlays - Tracker Network

Show your skill or give your viewers another reason to make fun of you with our free stream overlays for Call of Duty, Apex Legends, Fortnite, Hyper Scape, Destiny 2, Valorant, Rainbow Six: Siege, Teamfight Tactics, Rocket League, and other games!

ember snow Jun 4, 2021, 7:41 PM

#

I was more or less looking for a command api, not overlay. thanks anyway

broken coyote Jun 4, 2021, 7:42 PM

#

ember snow I was more or less looking for a command api, not overlay. thanks anyway

https://developer.riotgames.com/apis
they have their own api

pulsar willow Jun 4, 2021, 7:44 PM

#

ember snow I was more or less looking for a command api, not overlay. thanks anyway

It seems that another user looked for a similar command:
#dev-chat message

He/she did realize it with Nighbot in the end ... 🤔
#dev-chat message

pulsar willow Jun 4, 2021, 7:51 PM

#

quartz tiger How to change the timer on the message thats come in chat afther 10 minuttes, i ...

tbh, I had no idea that the widget is posting a message after 10 minutes. 😅
Unfortunately, in my tests there were no such message.

What does the message say?

The "global cooldown" just specifies how much time has to pass, until a command is recognized again (so the command is ignored for X seconds after it was triggered).

wheat jackal Jun 4, 2021, 7:53 PM

#

What's the best way to fetch emotes? Are the emote links stored somewhere when event like sub is triggered? Similar to how chat message has emote data ?

idle pelican Jun 4, 2021, 9:26 PM

#

hey does anyone know why the alphagaming event rotater v2.2 not animating?

raw vault Jun 4, 2021, 11:28 PM

#

What is the channel/counters/counter for, exactly?
I thought it would be for gathering commands usage counters. But either I'm missing something or I'm looking at the wrong place.

And the commands/channel/commandId endpoint doesn't give me the command usage count gataquRee

gataquHug

raw vault Jun 4, 2021, 11:44 PM

#

Answering my own question, it seems I have to explicitly declare ${count myCounter} somewhere first. Otherwise, the counter is never created/updated.
Makes sense.

In short, do not mistake counters on SE for Nightbot's command $(count).
SE does NOT automatically create a counter for each command you have.

marsh goblet Jun 5, 2021, 12:27 AM

#

Umm theres kind of a problem and i cant see any of my activity for example it dosent show my followers and other things like viewers can someone help me

#

Umm theres kind of a problem and i cant see any of my activity for example it dosent show my followers and other things like viewers can someone help me

#

HELP ME

empty void Jun 5, 2021, 10:29 AM

#

Yo, is there any way to get a user's watchtime in streams that he watches ?

elfin arch Jun 5, 2021, 10:31 AM

#

Are you the streamer?

soft pulsar Jun 5, 2021, 11:19 AM

#

I have a question about on widget load, does on widget load load events even if it was from the previous stream? or just the ongoing stream?

elfin arch Jun 5, 2021, 11:21 AM

#

soft pulsar I have a question about on widget load, does on widget load load events even if ...

it will load some data that is saved between streams .... or "sessions"

#

can you be more specific with the data you are wondering about? ... things like follows/subs are tracked on goals/session/weekly/monthly

soft pulsar Jun 5, 2021, 11:24 AM

#

yes, I'm workig on a custom widget which shows subs, follows, donations, gifts and cheers. So whenever I start the stream I want to make sure the latest data loads, so it is not empty when the stream starts

elfin arch Jun 5, 2021, 11:27 AM

#

in the channel header there is a link to data you will see in the widget; https://github.com/StreamElements/widgets/blob/master/CustomCode.md

#

for the subs/follows/tips/...etc; yes you can grab the amount per stream (session), for the week, for the month, all time

soft pulsar Jun 5, 2021, 11:31 AM

#

It looks like this, to clarify

#

this the widget load code im using now but I'm not sure if i'm doing it correct, (wasnt sure how to splitt the gifted from the normal subs also)

#

elfin arch Jun 5, 2021, 11:40 AM

#

are you building a custom widget @soft pulsar or is this in like the AlertBox custom CSS ?

soft pulsar Jun 5, 2021, 11:40 AM

#

this is a custom widget

#

Everything is setup and working, it is just the widgetloading part which i'm not sure about, if it loads the data when a new stream starts and how to load it exactly haha

elfin arch Jun 5, 2021, 11:53 AM

#

soft pulsar Everything is setup and working, it is just the widgetloading part which i'm not...

yea; i guess i'm questioning the 'recents' part. But, to be fair i've never used that to see what it pulled.

soft pulsar Jun 5, 2021, 11:54 AM

#

i basically just used the code that already is there for the default custom widget, i'm not 100% sure what it all exactly does, or if there is another way to do this

elfin arch Jun 5, 2021, 11:59 AM

#

I would suggest pulling the data you want from the obj event on load.

tribal zenith Jun 5, 2021, 11:59 AM

#

The default custom widget code is for an EventList and the recents.sort(...) part is to put these events in chronological order. If you want to get specific events you can use: obj["detail"]["session"]["data"]["{{event}}-recent"]
(The {{event}} part has to be replaced ofc)

elfin arch Jun 5, 2021, 12:00 PM

#

obj["detail"]["session"]["data"]["tip-latest"]["name"]: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#common

elfin arch Jun 5, 2021, 12:00 PM

#

elfin arch in the channel header there is a link to data you will see in the widget; https:...

🤣 ^ what Reboot said; ^^^

tribal zenith Jun 5, 2021, 12:03 PM

#

well, depends on what exactly you need...
For the most recent event (only one person) obj["detail"]["session"]["data"]["{{event}}-latest"] is correct
For a list of recent events obj["detail"]["session"]["data"]["{{event}}-recent"]

elfin arch Jun 5, 2021, 12:05 PM

#

i believe @soft pulsar is trying to make a rotator type HUD? basically pull in the last tipper/follower/cheer/etc on the load.

soft pulsar Jun 5, 2021, 12:08 PM

#

Thank you both for the help btw, I really appreciate it. it is not really a rotator. so say on the left it only loads the latest gift, dono or cheer and on the right the latest sub or follow.

elfin arch Jun 5, 2021, 12:17 PM

#

i would use the obj["detail"]["session"]["data"]["{{event}}-latest"] and build an Object for each one you want to track. .... i'm not sure what all you have in your code in that image you already posted. Do you have an on onEventReceived or onSessionUpdate handler? It might be easier to work backwards from what you have updating the code to fill it in on the load.

tribal zenith Jun 5, 2021, 12:19 PM

#

the *-latest path only includes the username. For a chronological sort you could use obj["detail"]["session"]["data"]["{{event}}-recent"][0] and then compare the createdAt values for the most recent of each group

#

However gifts are just counted as subs

elfin arch Jun 5, 2021, 12:21 PM

#

tribal zenith the `*-latest` path only includes the username. For a chronological sort you cou...

for which event?

tribal zenith Jun 5, 2021, 12:22 PM

#

elfin arch for which event?

he wants the most recent event of tip or cheer on the left and the most recent of sub or follow on the right

soft pulsar Jun 5, 2021, 12:25 PM

#

I have an oneventreceived. when i open obs the widget is just the mascot, when for example the subs alert plays, the text just there until the next event

soft pulsar Jun 5, 2021, 12:26 PM

#

tribal zenith However gifts are just counted as subs

okay good to know

tribal zenith Jun 5, 2021, 12:26 PM

#

So compare obj["detail"]["session"]["data"]["tip-recent"][0].createdAt with obj["detail"]["session"]["data"]["cheer-recent"][0].createdAt for the left side and obj["detail"]["session"]["data"]["subscriber-recent"][0].createdAt with obj["detail"]["session"]["data"]["follower-recent"][0].createdAt for the right side

soft pulsar Jun 5, 2021, 12:30 PM

#

thank you for that, does that also mean it loads that data even if it was from another stream, so when the next stream starts the data is there? (sorry if im a nooby)

tribal zenith Jun 5, 2021, 12:32 PM

#

soft pulsar thank you for that, does that also mean it loads that data even if it was from a...

It loads the data from the current session, but you can configure when or if a session should end

#

I think it's this setting: https://streamelements.com/dashboard/session

#

and then the settings tab on the right

soft pulsar Jun 5, 2021, 12:37 PM

#

so turn this one off

tribal zenith Jun 5, 2021, 12:38 PM

#

If you don't want the session to reset between streams, then yes

soft pulsar Jun 5, 2021, 12:40 PM

#

okay perfect, thank you for that 😃

next radish Jun 5, 2021, 1:14 PM

#

Hey so when using "subscriber-gifted-latest" the amount seems to output the last receiving users amount of months subscribed instead of amount of subs that was gifted

#

seems to do the same with the base label

empty void Jun 5, 2021, 1:17 PM

#

elfin arch Are you the streamer?

no. i'm a user who watches many streams and i want to know which streamers i watched the most from my following list.

elfin arch Jun 5, 2021, 1:18 PM

#

next radish Hey so when using "subscriber-gifted-latest" the amount seems to output the last...

next radish Jun 5, 2021, 1:19 PM

#

?

#

I know about that. But when I use that sub-gifted-latest.name/amount it actually outputs sub-latest.name/amount

#

so I've swapped it to .sender/amount and it reads the correct sender, but the amount is still latest-sub.amount(months subbed) instead of the amount gifted

elfin arch Jun 5, 2021, 1:47 PM

#

next radish I know about that. But when I use that sub-gifted-latest.name/amount it actually...

? the subscriber-gifted-latest should be giving the data for the GIFTER

next radish Jun 5, 2021, 1:49 PM

#

Yes I know, but its not, much like if you pull the latest gifter label up like the previous pic I posted. The data points are {sender} (Gifter) {name} (latest receiver) {amount} (latest receiver months subbed)

elfin arch Jun 5, 2021, 1:51 PM

#

i'm not a partner; so i can't test the Sub events; i just have to use the event simulations.

#

in theory; what i posted is how the events are coming through the websockets .... but again I cannot test or verify it.

next radish Jun 5, 2021, 1:54 PM

#

yeah emulated events dont even trigger gifted labels. But I just watched it live on a rotator. Some gifted a direct sub to someone and it showed x3 for the amount of months the receiver has been subbed for. Then watched someone gift 5 subs and it showed x1 for the amount of months the most recent receiver has been subbed for

tribal zenith Jun 5, 2021, 1:57 PM

#

direct Subgifts and Community gifts are technically different things

next radish Jun 5, 2021, 1:57 PM

#

regardless, the amount it showed was consistent in both cases

#

and it wasnt the amount gifted

elfin arch Jun 5, 2021, 1:59 PM

#

you saying this:

#

returns the

next radish Jun 5, 2021, 2:00 PM

#

yes it outputs sub-latest amount in both cases instead of sub-gifted amount

tribal zenith Jun 5, 2021, 2:00 PM

#

for Subgifts it should show the amount of months the receiver has accumulated by now, but Community Gifts don't have that -latest entry

next radish Jun 5, 2021, 2:00 PM

#

using name with sub-gifted-latest also outputs sub-latest. But you can switch it to sender to get the senders name

#

so theres no way to show how much a person has bulk gifted?

elfin arch Jun 5, 2021, 2:02 PM

#

the sub system is complicated ... and honestly Reboot will have the best answers

#

.... he made all the documentation for all the handlers that he made to handle it 🙂

tribal zenith Jun 5, 2021, 2:07 PM

#

the subscriber-latest object should look like this:

"subscriber-latest": {
      "name": "Marilyne Abshire",
      "amount": 17,
      "tier": "2000",
      "message": "",
      "sender": null,
      "gifted": null
    }

But subscriber-gifted-latest is just

"subscriber-gifted-latest": {
      "name": "",
      "amount": 0,
      "message": ""
    }

So, I don't think there is an easy way to separate between community and "regular" gifts

next radish Jun 5, 2021, 2:09 PM

#

So theres just no way to be able to pull Gifted Sub Sender/Amount for a rotator then?

elfin arch Jun 5, 2021, 2:10 PM

#

you want an option that says "User A gifted X subs" ?

quartz tiger Jun 5, 2021, 2:11 PM

#

pulsar willow tbh, I had no idea that the widget is posting a message after 10 minutes. 😅 Un...

This is the message: City is calm again, does anybody want to rob a bank?

tribal zenith Jun 5, 2021, 2:12 PM

#

next radish So theres just no way to be able to pull Gifted Sub Sender/Amount for a rotator ...

Maybe via API (https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1activities~1{channel}/get)

next radish Jun 5, 2021, 2:13 PM

#

elfin arch you want an option that says "User A gifted X subs" ?

basically yeh

next radish Jun 5, 2021, 2:13 PM

#

tribal zenith Maybe via API (https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1activi...

ill look into this ty

elfin arch Jun 5, 2021, 2:13 PM

#

quartz tiger This is the message: City is calm again, does anybody want to rob a bank?

that's the Bank game.

empty void Jun 5, 2021, 2:16 PM

#

empty void no. i'm a user who watches many streams and i want to know which streamers i wat...

@elfin arch @tribal zenith would you please help me with this ?

elfin arch Jun 5, 2021, 2:17 PM

#

empty void <@!229122038294380545> <@!185906828054364161> would you please help me with this...

Depends on the stream you are watching and their settings if you are not the streaming.

#

the "normal" commands to try are !watchtime, !followage, !howlong ... but depends on the channel and how long the bot was in the stream

tribal zenith Jun 5, 2021, 2:22 PM

#

or https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1points~1{channel}~1watchtime/get with different channel paths
But I am not sure if your token grants you permission to view your own watchtime on other channels or only the watchtime of other users on your own

#

Also for that to work each streamer would have to use StreamElements with loyalty and watchtime enabled

#

Maybe Twitch Channelpoints would be an alternative

elfin arch Jun 5, 2021, 2:26 PM

#

the first stream i watched on Twitch was ... well it was before channel points were a thing ... StreamElements wasn't a company yet ... and ... it was called Justin 🙂

#

i guess the short answer is ... there is no way to know which stream you have watched the most.

empty void Jun 5, 2021, 2:30 PM

#

elfin arch i guess the short answer is ... there is no way to know which stream you have wa...

OK then. thanks

stoic tinsel Jun 5, 2021, 3:49 PM

#

Hey I'm new here. I didn't see any tutorials on something like "creating your first streamelements widget". I imagine I could figure out most of it myself, but the main problem i have is how do I upload my widget to stream elements to test it?

#

I found the custom widgets button in the overlay editor but is there any way to do it in vscode and upload it or no?

#

Or am I fundamentally confused about how stream elements widgets work

elfin arch Jun 5, 2021, 4:05 PM

#

stoic tinsel Hey I'm new here. I didn't see any tutorials on something like "creating your fi...

🤔 if one isn't easily found; then I'll poke some people to make something

#

... but basically; it's all HTML/CSS/JS are you familiar with those

stoic tinsel Jun 5, 2021, 4:06 PM

#

yeah a little, made a simple website so im not totally new to HTML / CSS and I know a fair bit of JS

elfin arch Jun 5, 2021, 4:08 PM

#

that's perfect 🙂 HTML/CSS is the way to go.

stoic tinsel Jun 5, 2021, 4:09 PM

#

ive looked through the docs a little bit and the JSON makes sense as well for config options, i just dont really know where to get started. And I would mess around more but the online editor feels too clunky. If I were to do it in an IDE like vscode would I jsut have to copy and paste the code everytime i make a change?

elfin arch Jun 5, 2021, 4:11 PM

#

the JSON is basically the settings; the last step, in my design/build process

#

i personally use codePen for my HTML/CSS

stoic tinsel Jun 5, 2021, 4:12 PM

#

and when you do that do you just copy + paste the code over to streamelements?

elfin arch Jun 5, 2021, 4:12 PM

#

there is a local set up in the pinned comments

elfin arch Jun 5, 2021, 4:13 PM

#

stoic tinsel and when you do that do you just copy + paste the code over to streamelements?

yup. that's how i do it. but i'm not saying it's the most efficient way.

stoic tinsel Jun 5, 2021, 4:13 PM

#

yeah makes sense, ill probably just do that then

#

and what do you mean by local set up?

#

ah wait I see the zip

pulsar willow Jun 5, 2021, 4:35 PM

#

quartz tiger This is the message: City is calm again, does anybody want to rob a bank?

At least the JS of the widget doesn't appear to post such a message. (I didn't find any corresponding code...) 🤔

Do you use the original Bank-Heist-widget as well?
If not, can you publish the JS of your widget on pastebin / jsfiddle and share the link?

swift zephyr Jun 5, 2021, 4:54 PM

#

tribal zenith Jun 5, 2021, 5:20 PM

#

stoic tinsel Hey I'm new here. I didn't see any tutorials on something like "creating your fi...

This might also help you https://reboot0.de/se-tools

quartz tiger Jun 5, 2021, 6:11 PM

#

pulsar willow At least the JS of the widget doesn't appear to post such a message. (I didn't f...

https://pastebin.com/yJyaiWx2

pulsar willow Jun 5, 2021, 9:51 PM

#

@quartz tiger ah, you're using the original Bank-Heist-widget by lx.

I guess you could comment out line 126 (with //) to get rid of the message ...
// sayMessage(wrapMessage(fieldData.cooldownOver));

... or you simply delete the whole line.

But if you do so, it might be unclear to the players when the heist cooldown is over.

junior finch Jun 6, 2021, 11:19 AM

#

is there a python wrapper for this?

#

and any resources like docs?

#

i couldnt find any : (

#

ping me please

junior finch Jun 6, 2021, 11:21 AM

#

junior finch and any resources like docs?

for the wrapper

#

is only streamelements allowed to have a websocket connection with youtube for receiving updates and such?

urban gazelle Jun 6, 2021, 1:06 PM

#

Moved this conversation here because I guess it wasn't in the right place. I can't seem to get the awesome shoutout alert to work. It said to come here and DM Rene, which if I'm being honest, is not something I want to bother the creator with.
context from other channel
I went in and set the web source in my OBS to start. Then I went into the settings and I was just trying to set up a proof of concept so I had it playing an applause clip, with the option for channel logo when not in the VIP list, and just the basic test text for the overlay. I even changed the trigger command thinking it might be a bad interaction with other shoutout commands, but when I try to simulate an event, nothing happens. When I use the trigger command with my own username in OBS, nothing happens.

Any chance someone can tell me why the overlay is just doing absolutely nothing?

charred sable Jun 6, 2021, 4:03 PM

#

Any chance someone knows the POST options/Body params to create a new Giveaway? https://docs.streamelements.com/reference/single-giveaway#giveawaysbychannelandgiveawayidpost

this still says "Work in progress"

tranquil steeple Jun 6, 2021, 4:26 PM

#

charred sable Any chance someone knows the POST options/Body params to create a new Giveaway? ...

I don't really know but I looked at how the payload from adding one manually.
I see that it uses kappa/v3 which might be different, but I'll share the payload so you can get some information at least.

charred sable Jun 6, 2021, 4:27 PM

#

@tranquil steeple i might give it a try, thank you! - ill let you know if it works, or i figured it out

pulsar willow Jun 6, 2021, 4:56 PM

#

urban gazelle Moved this conversation here because I guess it wasn't in the right place. I can...

Did you change the mode to "On mod/streamer command"? (In 'General Config')

With that mode set, the command seems to work for me. 😅

urban gazelle Jun 6, 2021, 4:56 PM

#

yeah, Rene ended up reaching out to me and helped me fix it

pulsar willow Jun 6, 2021, 4:57 PM

#

ah kk 👍

charred sable Jun 6, 2021, 5:36 PM

#

@tranquil steeple it works

curl --request POST --url https://api.streamelements.com/kappa/v3/giveaways/{channelId} --header 'Accept: application/json' --header 'Accept: application/json' --header 'Authorization: Bearer {token}' -d 'cost=1' -d 'description=This is a test' -d 'freeTicket=true' -d 'maxTickets=1' -d 'subscriberLuck=1' -d 'title=TestTitle'

tranquil steeple Jun 6, 2021, 5:37 PM

#

Nice. 🙂

quartz tiger Jun 6, 2021, 6:10 PM

#

pulsar willow <@!111528621797105664> ah, you're using the original Bank-Heist-widget by lx. I...

How can i get the other bank heist ?
Kan du help me ?
https://jsfiddle.net/86ejtyp2/ if i take the javascript in to the JS i get the new heit ?

pulsar willow Jun 6, 2021, 7:16 PM

#

quartz tiger How can i get the other bank heist ? Kan du help me ? https://jsfiddle.net/86ejt...

I don't think that there is another bank heist widget.

I only called it "original" as I used it as a basis for the code of the chat game prototype that you posted initially. 😅
It was an answer to a question that was asked here and is way less complex than lx's widget.

But if you want to give it a try, you find the steps necessary here:
#dev-chat message

quartz tiger Jun 6, 2021, 7:22 PM

#

pulsar willow I don't think that there is another bank heist widget. I only called it "origin...

ok i will try it out 🙂

junior finch Jun 7, 2021, 2:13 AM

#

https://github.com/StreamElements/authentication-samples

#

will this get more samples?

severe shell Jun 7, 2021, 5:37 AM

#

charred sable <@!459896385815445504> it works ``curl --request POST --url https://api.streame...

I used your comment to test it and after that I found out that it wasn't possible to anyone to join the giveaway because it was not started. So you have to start the giveaway after creating it (you will need the giveaway ID that is the field _id from the output of your command):

curl --request PUT --url "https://api.streamelements.com/kappa/v3/giveaways/<ACCOUNT_ID>/<GIVEAWAY_ID>/action" -H "Accept: application/json" -H "Authorization: Bearer <JWT_TOKEN>" -d "action=start"

The result will be:
{"success":true}

charred sable Jun 7, 2021, 5:38 AM

#

Ohhh Yes

#

And to stop it you use action : stop

#

@severe shell

severe shell Jun 7, 2021, 5:39 AM

#

charred sable And to stop it you use action : stop

Perfect! 🙂

#

By the way, do we have the kappa/v3 documentation by any chance?

quartz tiger Jun 7, 2021, 3:02 PM

#

pulsar willow I don't think that there is another bank heist widget. I only called it "origin...

is that hist not working with many people or, because, whn i start it it give me the result like gamble

strange raft Jun 7, 2021, 4:11 PM

#

GReetings, I am currently trying to make sense of how to pull latest sub/follow/etc data into a custom widget. I read numerous gits for the widgets and the variable list. Though, it's all a little to convoluted for me.

Can someone explain me how I can pull that name and text data for those events, entirely clean. No need for fields or any requests as it is just for a single theme where there is total control over everything and all I need it to fill the handlebar space with data.

#

oh and I mean for labels, so constant display.

#

I hope someone can help as I assume it's a super easy solution-

strange raft Jun 7, 2021, 6:22 PM

#

Can someone explain me why there is an event type test here: https://github.com/StreamElements/widgets/blob/0f74fc8b7aa2538cc05acb8f644f9ae374acca32/CustomEventList/widget.js#L22-L48

When we have an event obj.detail.event which gives us the data without requiring to test it?

hardy walrus Jun 7, 2021, 7:24 PM

#

@raw furnace That's technically something for here. Also something @pure drift can answer about that error.

raw furnace Jun 7, 2021, 7:25 PM

#

okay, ill go here now

#

i have this
!command edit !subage @$(sender), User $(user.name) has been subscribed to channel ${channel} for ${urlfetch (https://decapi.me/twitch/subage/slinkyrages/${user}}

and im getting this error now
@SlinkyRages, User slinkyrages has been subscribed to channel slinkyrages for RequestError: connect ECONNREFUSED 127.0.0.1:80

pure drift Jun 7, 2021, 7:27 PM

#

I assume it's caused by the ( before the URL

raw furnace Jun 7, 2021, 7:27 PM

#

hmmm

#

i got it too work

strange raft Jun 7, 2021, 8:09 PM

#

Or maybe someone got a list of clear and clean boilerplates for basic events?

tribal zenith Jun 7, 2021, 8:10 PM

#

strange raft Or maybe someone got a list of clear and clean boilerplates for basic events?

https://reboot0.de/se-tools

strange raft Jun 7, 2021, 8:17 PM

#

ooohhh that seems proper. I'll take a look.

Kay took a look, seems great. It also explained me a little right away, for the event tester code in every custom widget.

Though, do you happen to know how performance optimized it is? Or does it even make a dent? As I guess session pulling the whole time can be kind of demanding in js.

I really only need the basic events.

tribal zenith Jun 7, 2021, 8:21 PM

#

strange raft ooohhh that seems proper. I'll take a look. Kay took a look, seems great. It a...

It's a wrapper library to make more complex widgets easier. For simple labels it would be overkill, yes.
You can just check for the basic events then and update the text(s) https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event

strange raft Jun 7, 2021, 8:22 PM

#

ye, actually doesn't matter, as the framework is great. I'll have to code the rest anyways at one point and that is unnecessary now with it covering every basic event I need.

#

Thanks a lot...

#

really helpful

#

though quick question, can I just abuse the event methods for labels as well?

native trellis Jun 7, 2021, 8:25 PM

#

why streamelements menu overrides settings > stream?

#

@real dune for reference

real dune Jun 7, 2021, 8:26 PM

#

¯_(ツ)_/¯

tribal zenith Jun 7, 2021, 8:27 PM

#

strange raft though quick question, can I just abuse the event methods for labels as well?

as in update text? sure

function onResub(event)
{
  DOM.setText("#yourLabelId", `${event.name} - x${event.amount}`);
}

pulsar willow Jun 7, 2021, 8:33 PM

#

quartz tiger is that hist not working with many people or, because, whn i start it it give me...

yeah, the code was for some kind of gambling chat game or something like that.

tropic wagon Jun 7, 2021, 11:01 PM

#

Hey @ocean fractal ! Quick question about you chat widget, I changed the flex box from column to "row-reverse" to have horizontal chat, it almost worked but first message don't disappear and it gets really weird ... Do you know what to change to make it horizontal ? Thanks for your help ❤️

ocean fractal Jun 7, 2021, 11:07 PM

#

@tropic wagon set the width to a pixel amount. You might also need to play with padding a little bit too to get it looking good 🙂

#

the width in .message

tropic wagon Jun 7, 2021, 11:10 PM

#

Actually, the main problem I have is that messages don't disappear from screen and just accumulate at the left side

ocean fractal Jun 7, 2021, 11:11 PM

#

the fixed width will fix that!

#

since the width was 100%, it was basically making do with what it had, but with a fixed width, the message will always take up that amount.

#

and itll get pushed off-screen if there's enough messages

#

that's if I understand your issue correctly 😅

tropic wagon Jun 7, 2021, 11:13 PM

#

Yeah but if the message is too long it's not good either ... I have an other code which is working but I prefer yours because you have a lot of different test message 😭

ocean fractal Jun 7, 2021, 11:14 PM

#

yeah I haven't thought through how horizontal messages would work yet. What would you expect it to do if a message is too long?

tropic wagon Jun 7, 2021, 11:14 PM

#

I try to mix both but it's so hard 😂

hardy walrus Jun 7, 2021, 11:14 PM

#

scrolling perhaps? 🤔

tropic wagon Jun 7, 2021, 11:15 PM

#

I just want the message to display at the bottom screen like TV news for exemple

#

On only one lign

ocean fractal Jun 7, 2021, 11:16 PM

#

hmmmm

#

maybe you could make it, like, really long

tropic wagon Jun 7, 2021, 11:16 PM

#

and I don't find on the other code what make the trick

ocean fractal Jun 7, 2021, 11:17 PM

#

if you make it really long, you could use the message limiter and then maybe in obs you can put a scrolling filter on it

#

that's a thought for a potential solution

#

I'm having trouble thinking through how to make the chatbox work to be ticker-styled

#

maybe take the width off completely

#

@hardy walrus scrolling might be the trick, though there's also some code in there that removes messages that are off-screen

tropic wagon Jun 7, 2021, 11:22 PM

#

still not working

ocean fractal Jun 7, 2021, 11:22 PM

#

ocean fractal <@!66043140208857088> scrolling might be the trick, though there's also some cod...

idk if that would cause an issue

#

hmm

#

o

#

try setting width: max-content;

#

on .message

tropic wagon Jun 7, 2021, 11:26 PM

#

it seems to work \o/

ocean fractal Jun 7, 2021, 11:26 PM

#

🎉 🎉 🎉

tropic wagon Jun 7, 2021, 11:26 PM

#

Thanks for you help ♥️

ocean fractal Jun 7, 2021, 11:26 PM

#

np!

acoustic mesa Jun 8, 2021, 4:33 AM

#

Hello. how many links can i add to different $urlfetch()? within one chatbot (SE) command.

hardy walrus Jun 8, 2021, 4:36 AM

#

Fairly certain just 1.

south night Jun 8, 2021, 6:34 AM

#

curl --request GET \
  --url https://api.streamelements.com/kappa/v2/points/breebreebran/breebreebran \
  --header 'Accept: application/json', 'Authorization: MyJWTToken'

{"statusCode":404,"error":"Not Found","message":"breebreebran was not found"}

Why?

elfin arch Jun 8, 2021, 6:40 AM

#

south night ``` curl --request GET \ --url https://api.streamelements.com/kappa/v2/points/...

need the ID number not the username

uneven oxideBOT Jun 8, 2021, 6:40 AM

#

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.

south night Jun 8, 2021, 6:40 AM

#

oops

#

ty

elfin arch Jun 8, 2021, 6:41 AM

#

don't need to post it; but that's the one 😉

south night Jun 8, 2021, 6:41 AM

#

lol

#

thx

unique herald Jun 8, 2021, 8:50 AM

#

hey everyone, I was wondering if there is any way in having a bit more realtime development mode for custom widgets than having the modal with code editor on SE

#

I was trying to look for something online, but alas I’ve not found anything

#

currently I’m coding stuff locally in VSCode and then copy-pasting to the widget’s editor

viral patrol Jun 8, 2021, 9:37 AM

#

unique herald hey everyone, I was wondering if there is any way in having a bit more realtime ...

Check this one. #dev-chat message

#

It may be bit outdated, but overall it should work.

unique herald Jun 8, 2021, 9:37 AM

#

viral patrol Check this one. https://discord.com/channels/141203863863558144/2596801424591421...

ohhh! thanks a bunch! will give it a try

honest basalt Jun 8, 2021, 4:55 PM

#

i got my code to work but there's a huge white background when adding it to streamelements i cant get it to work as a browser source by itself

#

anyone know how I can remove the white background my css does say transparent

#

this is exactly how it shows up as a browser source

nova rock Jun 8, 2021, 5:58 PM

#

honest basalt anyone know how I can remove the white background my css does say transparent

Is background-color:transparent applied to both html and body?

honest basalt Jun 8, 2021, 6:00 PM

#

@nova rock yes i have been trying different things

midnight badge Jun 8, 2021, 6:27 PM

#

ola

#

hi

nova rock Jun 8, 2021, 6:36 PM

#

honest basalt <@!271640094660624395> yes i have been trying different things

It’d be easier to help debug if you popped the html and css in a pastebin or something

tranquil steeple Jun 8, 2021, 6:46 PM

#

Are you using any css-frameworks? Such as bootstrap i.e.? I've experienced this problem with bootstrap before.

If so you could try to do:

body, html{
  background-color: transparent !important;
}

honest basalt Jun 8, 2021, 6:50 PM

#

@tranquil steeple yes is the CARD from bootstrap

#

 html,body, .row{
      background-color: transparent; !important
}

.card{
    position: relative;
    border: none;
    width: 120px;

}
.facebook,.instagram,.twitch,.twitter,.youtube,.linkedin{
    font-size: 90px;
    height: 120px;
    overflow: hidden;
}

/*section of css code with palette default colors for social media*/

.facebook {
  background-color:#3b5998;
  color:#ffffff;
}
.instagram{
    background-color:#cd486b;
    color:#8a3ab9;
}
.twitch{
    background-color:#6441a5;
    color:#b9a3e3;
}
.twitter{
    background-color:#00acee;
    color:#AAB8C2;
}
.youtube{
    background-color:#E02A20;
    color:#E33E35;
}
.linkedin{
    background-color:#007AB9;
    color:#1d85c4;
}

.card-text{
    position: absolute;
    top: 5px;
    color: #fff;
    right: 5px;
    height: 100px;
    overflow: hidden;
}
.card-text h1{
    font-size:15px;

}
#Followers {
  font-size: 10px;
} ```

tranquil steeple Jun 8, 2021, 6:51 PM

#

honest basalt <@459896385815445504> yes is the CARD from bootstrap

The semicolon has to be after !important on line 2, try to see if that helps.

honest basalt Jun 8, 2021, 6:55 PM

#

so originally because it was not important it didnt do it, now that it is important it actually made the background transparent, so silly small things i tell you