dev-chat

[steel path]

Now to do the HTML part lol

I think this is right

But I've never used HTML in my life and I don't know what to do to reference this in the JS

[steel path]

So I have it in the HTML, but I can't get it to play. Very new to HTML, and I don't know how to select the HTML element with JS in the JS bucket.

[lavish surge]

oh i only saw this now but yes i have this problem too, thanks!

[signal crown]

No problem! Been fighting this for about a month and only when I created my own spin on a star wars scroller did I realize how small the text box was and what happens when it overflows.

[lavish surge]

Hahaha yes ive been embarrassedly looking the other way each time i saw it garbled cuz overlap lol, i am really bad at tech stuff 😅

[fickle summit]

I have a question about socket API specifically:

Does the received json tell you for how many months someone subscribed? Users have the option to pick 1, 3 and 6 months and I think the API just returns the streak ( amount = 39 ? )

There's also quantity but ~~ I can't find that field in the documentation~~ I can't find what it does, sorry

[severe shell]

If {SubAnimation} is a video-input item item in FIELDS tab, then you are right.

 "SubAnimation": {
   "type": "video-input",
   "label": "Video"
 }

If you want to refer to this file in JS, give an ID to the video tag on HTML:

<video src="{SubAnimation}" id="video">

and then you can access it on JS:

const video = document.getElementById('video')
video.play()

[severe shell]

You have high hopes on me! 😄
I think I would do something like that:

window.addEventListener('onEventReceived', (obj) => {
  if(obj.detail.listener === 'subscriber-latest' && obj.detail.event.bulkGifted){
    console.log('Community Gift')
    return
  }
  if(obj.detail.listener === 'subscriber-latest' && obj.detail.event.gifted){
    console.log('Gifted sub')
    return
  }
})

[fast cairn]

Hi, how to show on the stream in the donation alert the amount on which the paypal fees will already be deducted?

[steel path]

Legend... Thanks so much! Just finishing some stuff up now... Thanks for everyone who helped me!

[severe shell]

Not possible, unless you code a custom widget that calculates that and shows the final value removing the fees

[sand cosmos]

I read old books on Twitch and often look up words to give the definitions to my chat. It involves a lot of to-and-fro between OBS and browser.
It would be great to have a /define command that I can use in chat to call up a definition from an online dictionary which would show in chat.
Is there already anything like this available somewhere? I have found one that uses Urban Dictionary but I'd prefer not to since I read for Grannies and their grandkids. Ideally behind the scenes I'd be able to choose which dictionary to call from in my Commands panel.
Really hoping there is something like this already in use
Thank you in advance!

[pulsar willow]

There are some dictionary APIs that could be considered for this:
https://developer.oxforddictionaries.com/
https://dictionary-api.cambridge.org/
https://dictionaryapi.dev/

Unfortunately, all of those return a JSON structure like:
https://api.dictionaryapi.dev/api/v2/entries/en/hello

To use this response (by extracting the desired part), another service would be required.
I don't know if there are any free (RESTful) APIs for that purpose...

A possible workaround could be a custom widget, that handles the JSON processing.
From there you have two options:

• create an https://jebaited.net token and post the definition to the chat, or
• show the definition on screen as some sort of overlay (maybe for a certain time, before it fades out).

To write a custom widget you would need some knowledge of HTML and JavaScript ... CSS and JSON would be handy, too.
I will take a look into it later on.

[left rampart]

Is there documentation for jebaited.net somewhere?

[pulsar willow]

Tbh, I don't know. 😅

Whenever I used it, I've imitated lx's approach from his 'Bank Heist' widget.
#widget-share message

[left rampart]

Got it 🤣 Thanks @pulsar willow

[neat chasm]

install streamelement to ubuntu

i have obs

[sand cosmos]

It sounds like a do-able thing to somebody, but definitely not by me. By which I mean - I don't have the mental capacity to learn how to do this sort of thing these days. Thank you for the suggestions though!

[severe shell]

There is not, but I gave some help to some people here explaining how to use it. It is very simple, actually

#dev-chat message
#dev-chat message
#dev-chat message

[final viper]

I'm having issues with my stream deck not being able to integrate to the new update, and both softwares are on the same drive

[severe shell]

#helpdesk-selive

[pulsar willow]

I don't understand why those answers aren't pinned to the channel ... they are very helpful.
Same goes for your custom widget learning path recommendation.

[wooden glen]

i have a problem i uninstal obs live plugin and then i installed it and now all my profiles and scenes are no there

[severe shell]

#helpdesk-selive

[vague galleon]

I have a problem where having the preview enabled causes the whole system to lag even with nothing else open

[dusty pond]

Having trouble with my audio my HD60 picks up my voice but my mic source is also picking up my voice

So it’s echoing

[severe shell]

Maybe you will find better people to help on that in#general-chat

[dusty pond]

Will do

[severe shell]

Try to check on official OBS discord, they can give you some steps to follow.

[uneven oxide]

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

[dusty pond]

@severe shell ive had this problem all morning still can’t find a solution it’s difficult to find someone who knows what’s going on

[severe shell]

I also have no idea on how to work with that, actually. This channel is more for SE commands, custom widgets, overlays and Streamelements API

My knowledge with sound system is terrible

[dusty pond]

I feel I just thought I’d ask everywhere cause I’m desperate lol

It’s okay thanks for help @severe shell many ppl just read over the message and not say anything

[steel path]

Is there anyway I could put a delay inbetween subs like alerts do? I'm having this issue where if more than one person subs at the same time, or a gift is made, it kinda messes up the animation (video to follow). I'd assume I'd have to do something in JS...

[royal stag]

Can anybody help or point me in the right direction to make a custom widget to combine super chat and streamelements donations into one total ?

I’m trying to make some custom widgets but I know nothing about coding

[severe shell]

Maybe you can find something in #widget-share, there are some widgets that combine things like that and you can have a look at them, but you will need to dig a little in there. You can use the Discord search (CTRL + F) when in the channel to see if you find something that is already made.

[severe shell]

That part is the hardest one... Without coding, it is a bit more difficult to do a custom widget. However, I started learning how to code because of custom widgets. I wanted to do something I couldn't find anywhere and then I started looking on how they worked, tried to change some things to understand better and then started learning Javascript using youtube videos and freecodecamp

[royal stag]

Would you recommend where to start to look into making customized widgets? I dont know how to code, but im basically trying to make a rotating widget, like asset rotator, that displays everything I need, memers, donations, alerts, all that. How long did it take you to learn coding for your widgets?

[severe shell]

I recommend that you get some widgets in #widget-share, import to your SE account and check how they work. From then you can start editing them to understand what can be done. Click on Open Editor and have some fun if you have interest in breaking things (I started learning that way)

😄

[royal stag]

thank you

[static parrot]

hello there people :) does anyone know if "push to show" instead of toggling scenes with hotkeys has been implemented on stream elements yet, or if it will ?

[steel path]

Still looking for help on this... I do need to fix this preferably tday if possible!

[still juniper]

https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#resumequeue-method-and-widgetduration-property

[steel path]

I think thats what I'm looking for! I'll test this out thanks so much!

[jade ingot]

Hi! Newbie here and my basic programmation classes are pretty far in my memory. I've found ThisIsLex's snake game in the Widgets section of the overlay gallery and wanted to use it. Since I'm not even Twitch affiliate yet, I don't get any subs, nearly any raids or hosts, etc. So I was wondering if there was a way to make the snake move by other means, like typing emotes, typing a command like !feed or even just writing in chat. Thanks for letting me know if you come up with something!

[cold mural]

does everyone use the default editor on stream elements? i'm wondering if i can do the tinkering + testing on my own editor

[hardy walrus]

@cold mural https://github.com/tehbasshunter/localdev

[light harness]

stream deck not working after update... is this a thing that is common or should i go to elgato for help?

[hardy walrus]

https://help.elgato.com/hc/en-us/articles/8815141056013-Elgato-Stream-Deck-Plugin-Update-for-OBS-Studio-28 @light harness

[cold mural]

damn i was looking for chat specific ones 😩 thank you tho i'll save this for future use 👍

[steel path]

Hey there, I'm trying to make a queue for my animations when someone subs so that they don't overlap and I was shown this (https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#resumequeue-method-and-widgetduration-property). Only problem is that I can't figure out where I put the animation code inside this code to run the animation (I don't fully understand how it works, only partially...).

I have so far created the JSON in the fields, that's all good, it's just the JS I'm needing help on.

Animation code:
JSON

{
  "subAnimation": {
    "type": "video-input",
    "label": "Sub-Video"
  }
}

HTML

<video src="{subAnimation}" id="subAnimation">```
JS
```JS
    const vid = document.getElementById('subAnimation');
    vid.play();
    setTimeout(function () {
        updateEvent(data);
    }, 350);```

[pulsar willow]

I've wrote a little prototype of such a custom widget. (It's by all means not perfect, but maybe a good starting point.)

It uses the dictionary API https://dictionaryapi.dev/ . With some small modifications, other dictionary APIs should be useable, too (Oxford Dictionary, etc.).
There are two options for publishing the response: displaying in overlay or posting to chat.

Unsolved problems:

• How to treat messages that are longer than the max length of a chat message?
• How to display entries with multiple meanings? (Now only the first meaning is shown.)
• Comprehensive debugging.

Have a good one 🖖

[signal crown]

You may need to delete the old plugins manually as well. I had to do this to get mine to install.

[sand cosmos]

You are a Legend @pulsar willow I'll give it a try- so looking forward to using it!

[sand cosmos]

I think I've put the right pieces in the correct places because it seems to work in my overlay now, so I'm testing it this afternoon EnZed time. Will let you know.

[brazen yarrow]

for youtube streaming, how is a chat command linked to JS in a widget? i'm trying to modify a stopwatch widget to add !timerstart and !timerpause functionality

can i use obj.detail.message -- and if so, how can i ensure the person who submitted the command is a moderator?

or is there a preferred way to maybe use custom commands?

ah, looks like obj.detail.event.data has all of that info...but maybe for twitch and not for youtube?

[brazen yarrow]

unrelated, is there a way to query command variables from a widget? e.g. if i wanted to set up a basic poll widget that queried ${count votingOption}

[sand cosmos]

@pulsar willow it's works splendidly! I did change the font to a chunkier, heavier one so the writing is visible across my photo background. I also made the output box deeper for when a definition takes 2-3 lines instead of one.
I'm likely to have a poke within the css to see if the two text fields can have less gap between them.
Thank you SO MUCH!

[tribal zenith]

is this for a custom widget or custom code in an AlertBox?

[steel path]

It’s a custom widget but it runs an animation when someone subs

[tribal zenith]

Is there a reason it can't be an AlertBox?

[steel path]

We do have alerts already, i honestly didn’t look at AlertBox but the codes mostly copied from se github for widgets

If you think its easier i could switch

[tribal zenith]

There is pro and cons for both.
Custom Widgets are easier to handle for more complex integrations, but they require your own queue and event-handling.
AlertBoxes are integrated in the main event-queue of Alerts, so you just need the code that should be executed on each sub without any handlers or custom queues

[steel path]

Ok, if I just copy everything over it should be fine right... It was kinda a pain to make in the first place lol

[pulsar willow]

sry, for not providing detailed installation instructions. Yesterday wasn't my strongest day. 😅
Good work on getting it running yourself, though. 👍

I added two features:

• some padding options to give control over the placement.
• a colorpicker for a background color (transparent color = no background).

The issues with the cooldown and blocked users list were also fixed (at least in my testing).

Since I renamed some fields, I would suggest to replace the content of the Data Tab with {}.
This will reset all fields to their default value, so please save your custom font names before you do it.

[tribal zenith]

you can remove the EventListeners and just copy the actual code that should be executed

[steel path]

Ok, I'll test it out right now! Thanks!

[steel path]

Oh, how can I keep their name on screen until the next sub?

[tribal zenith]

what exactly are you trying to build?
So you already have an AlertBox for the main animation and the widget should basically be an animated label?

[steel path]

Essentially, yes.

I have these that play above a face cam which then shows the last sub/bit

[tribal zenith]

Okay, so persistent data would be a reason against AlertBoxes, since they only stay active for a limited time 😄
You'd have to switch back to a CustomWidget then and use a more complex approach. (Labels unfortunately don't support custom code)
You can use my tools (https://reboot0.de/se-tools) for the event-handling and queue system.
The Queue tutorial section has an example for that on the bottom

[steel path]

Ok thanks! I'll check it out!

[severe shell]

You can use obj.detail.event.data.text. To check if the person who submitted is a moderator, you can do something like:

window.addEventListener('onEventReceived', (obj) => {
  const data = obj.detail.event.data
  const channel = data.channel
  const user = data.nick

  if(data.tags.mod || (channel === user)){
    console.log('user is moderator or streamer')
  }
}

[brazen yarrow]

thank you, will give that a shot today! is that data.text documented anywhere? i looked for something similar but couldn't find it

[severe shell]

You can always do a console.log(obj) and you will get the entire object with all keys. You can find the data.text here:
https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#message

[brazen yarrow]

cool, really dumb question...where do i view the log?

[severe shell]

Open the developer tools in your overlay editor (F12) and go to "console" tab

[brazen yarrow]

🤦‍♂️ okay yeah i should've thought of that...was thinking there was some way SE processed things

[brazen yarrow]

do widgets have some sort of default padding? (is it set to a static number?)

[opaque wasp]

I'm not 100% but probably yes. I usually use this code at the start of CSS page in order to avoid it if needed.
* {margin: 0; padding: 0;}

[brazen yarrow]

hmm, perhaps there's something weird about youtube chats specifically -- here's the behavior i'm seeing:

i have a custom chat command that increments a counter -- when someone issues the chat to do that, i receive a bot:counter event in onEventReceived ✅

all other chats do not appear to be passed to onEventReceived -- even another custom chat command (i just did a simple one that had the bot reply)

heh, i guess i could use a counter as a state machine, that seems super hacky

🤷‍♂️ it actually just looks like the bot is super slow, if not entirely unresponsive, in recognizing chat commands

ah -- known issue in #helpdesk-youtube okay well at least it was fun building some widgets

[hazy zenith]

Hey all. I know this is probably a question that's been asked before, but is anyone familiar with a way to make a chat widget scroll top down?

[opaque wasp]

You'll just need to edit the way the messages are imported into the HTML, nothing crazy. You'll probably find something useful into #widget-share

[hazy zenith]

So couldn't find anything up in the widget share, but did find a solution. Under #log in CSS replace "position: absolute;" with this:

position: column-reverse;
display: flex;
flex-direction: column-reverse;

and you're good to go. Works with most of my widgets that have it in the code.

[opaque wasp]

That's a clever solution, where #log refere to the messages container right?

[hazy zenith]

Correct :3

Figured I'd make it more "non code monkey friendly" tho :3

[opaque wasp]

Yeah, definitely!

[sand cosmos]

Wonderful- thank you so much!
I'll have a tinker in a couple of days. Taking father to hospital for overnight surgery tomorrow, so doing what needs to today instead.

[inner jackal]

I have this very simple widget, it shows the correct data in the editor(reduction of the count) but when the streamer loads it to live, it just counts the subcount up, no reaction on expiering subs. but at the same time in the editor it shows the correct data?? sorry for my bad english... i can get absolut no clue

const DATA = []

window.addEventListener('onWidgetLoad', obj => {
  DATA.subCount = obj.detail.session.data['subscriber-total']['count']
  renderSubs()
});

window.addEventListener('onEventReceived', obj => {
  if(obj.detail.listener == "subscriber-latest"){
    addSub()
  }
})

function addSub() {
    DATA.subCount++
    renderSubs()
}

const renderSubs = () => renderGoal(DATA.subCount, calcGoal(DATA.subCount))

function calcGoal(count) {
    let goal = Math.floor(count/100)*100+100;
      return goal;
}

function renderGoal(count, goal) {
    $(`#sub .print`).text(`${count}/${goal}`)
}

[fierce spade]

hi i really need help

i did all the set up and media share says this and its frustrating me

[severe shell]

I could not see where the count would reduce in there, in the editor the counter is always going up

[severe shell]

Did you add any of the widgets in your overlay?
Engagement > Media Request
Labels > Other > Now playing
You can just click on DISMISS button and it will not show anymore.

[fierce spade]

the videos just arent showing

i hear audio

[severe shell]

Videos aren't showing where exactly? If you want to show the video on your stream, you have to add the Media request widget on your overlay

[fierce spade]

i think i have i did it how the video instructed

im not live but its jut not coming up on obs studio

i hear the audio just no video pop up

my obs shows audio is playing but no video

and video isnt hidden

shows video in overlay editor too

im dumb

fixed it

so how do my viewers use it

@severe shell

do they use song request

[plain spear]

hi may i ask for some help with my commands and i just went through a name change and my commands are not working

[severe shell]

They type !sr and the youtube video they want

[severe shell]

Do a logout and login again to SE dashboard and you are good to go again:
https://streamelements.com/logout

[plain spear]

thank you for your help

[inner jackal]

Yes i thaught that there ist no Simulator for sub expire. But when the Widget Runs on livestream the Counter dont reduce on subs expire. Only on the Editor Page it does while get live data… there has to be a way to update the accurat sub count. As there is an Standard Widget with this function 😵‍💫

[severe shell]

The actual value of subscribers is only informed during onWidgetLoad event, which means it is only when the widget is loaded. When someone subscribes, the total amount is not informed in that event.
So, unless you reload your overlay from time to time (which does not make much sense because you lose your variables), I wouldn't care about having subscribers expiration during the middle of the stream. Next time it starts to stream, it will load the correct amount again.

[earnest cipher]

How can I change my stream elements tipping page name? It’s not my current name

[sleek valve]

Hi everyone - I had a little widget coded for me and when I do "!shoutout name" it shouts out my own name instead. Does anyone know what could be the issue? Tyy

[severe shell]

You can change it from tipping Settings on SE dashboard

[severe shell]

The issue is that the person who coded it for you should explain how it works... We don't have the code, we don't know which widget is, we have no idea how it was made, who made it, when... nothing

[earnest cipher]

It’s not letting me. I don’t see Edit page name..

[sleek valve]

Oh sorry. I was asking bc that could be a wrong variable or something. Ty anyway

[earnest cipher]

I see it

Omg lol

[severe shell]

Click on Edit and then go to Design. You will find it there 🙂

[earnest cipher]

I was so stressed lol Thank you so much 😊

[severe shell]

It is really hard to know... It could be a variable, it can be part of the code... Maybe something related to the code went offline, there are infinity possibilities.
As we don't have access to the code, we don't know how it works, unfortunately

[cerulean sparrow]

hey guys! Is there any way to filter "first chat message" on my chat overlay?

I would like to highlight those messages

[civic latch]

Hey everyone, wondering if there's any widgets that sort of "slideshow" between labels? Like. I want a box that has my follower count, and my sub count. I want it to swap between those two numbers every x seconds. Is that a widget that exists?

[inland haven]

Hello everyone, I'm trying to make a raffle widget by modifying the chatpoll widget, is there a good way to test chat commands without livestreaming?

[severe shell]

If I'm not mistaken, the value of obj.detail.event.data.tags["first-msg"] is 1 in onEventReceived when it is the first message

[cerulean sparrow]

is there any docs for these?

[plucky gust]

anyone doing comissions for custom obs / streamelements stuff? (javascript, css and so on) DM me pls :3

[severe shell]

In channel description, Overlay Editor Documentation

[willow plank]

Hello; About 5 weeks back I applied for an Oauth2 key, but I have not heard anything. I understand from the website it can take time due to the "mess"; just wanna know how soon one can expect an answer

[pulsar willow]

I opened a repository for the dictionary widget:
https://github.com/AFoeee/dictionary-se-widget

The 3rd version includes a simple filter for bannend words.
Migration to other dictionary APIs should also be (a bit) easier.

I wish your father the best of luck.
Have a good one 🖖

[severe shell]

That's amazing! Are you going to submit it?

[hazy zenith]

Hey all. So I'm moding a widget and donations are showing in tenths vs hundredths. IE: 4.2 instead of 4.20. Any ideas?

[opaque wasp]

#dev-chat message

[hazy zenith]

Ugh yes you GOAT!

[gusty cedar]

What is the approximate wait for StreamElements API Access Application?
Just for having an idea about how long it would take to get reviewed, I have some people keep asking me, so I would love to give them an ETA. 🙂

[hardy walrus]

@gusty cedar realistically can't give one unfortunately.

[gusty cedar]

That is fine. I just wanted to ask. I have already answered this to my users. 😄
Thanks anyways. 😉

[hardy walrus]

However rather than wait I'd fill out the form if you haven't already.

[sand cosmos]

This is SO COOL! Thank you for all the work! I'll have a go at my end tomorrow.
Got a call from the hospital- it went well and they'll keep me updated on when I can pick him up.

[gusty cedar]

Ohh, I filled out the form for a week ago and I informed my community, maybe I shouldn’t have done that because now they are impatient. 😅

I should have waited till it got answered. 😁

[pulsar willow]

Thanks for the kind words. 😅
I had planned to wait a few more days in case I come up with some additional features or bug fixes. Then, of course, I will submit it.

[pulsar willow]

No pressure. I just wanted the widget to be in an acceptable condition.

That are great news! 👍

[real furnace]

unfortunately we can't provide an ETA for this as there is a big backlog and our dev team is working on it

[gusty cedar]

It is totally fine. I understand. Just if there was one, I could provide this information to my users, but I have already informed them, that I don’t think there is an ETA on such things, but I would ask. So no worries. ☺️👍🏻

[severe shell]

Nice! I have a suggestion for you. The font type does not need to be "text", custom widgets have support for Google Fonts and it will be a dropdown automatically.

"overlayFontFamily_entryWord": {
    "type": "googleFont", 
    "label": "Google font family:", 
    "value": "Secular One", 
    "group": "Overlay Settings - Entry Word"
  },

  "overlayFontFamily_meaning": {
    "type": "googleFont", 
    "label": "Google font family:", 
    "value": "Crimson Text", 
    "group": "Overlay Settings - Meaning"
  }, 

Then you just need to add this on beginning of CSS:

@import url('https://fonts.googleapis.com/css2?family={{overlayFontFamily_entryWord}}');
@import url('https://fonts.googleapis.com/css2?family={{overlayFontFamily_meaning}}');

So those lines can be removed from JS

// Load google font by name.
function addGoogleFont(fontName) {
  const fontLink = document.createElement('link');
  fontLink.href = 
      `https://fonts.googleapis.com/css2?family=${fontName.replaceAll(" ", "+")}`;
  fontLink.rel = 'stylesheet';
  
  document.head.appendChild(fontLink);
}

addGoogleFont(fieldData.overlayFontFamily_entryWord);
addGoogleFont(fieldData.overlayFontFamily_meaning);

[opaque wasp]

how does Streamelements handle 3-months and 6-months subscription? I mean, can I access that information via onEventReceived?

[opaque wasp]

I'm looking to create a custom command to start a new contest, is there a way to make an API call to read settings listed into https://streamelements.com/dashboard/contests ? Or should I create my own custom widget and replicate that menu using custom fields?

[agile wing]

i am trying to update my stream elements live on obs and it keeps giving me failed to downlaod and update package. What can i do?

[proud spade]

#helpdesk-selive Download from the website and run the installer. https://streamelements.com/selive

[pulsar willow]

I didn't know that there is such a field type. 😯
Thanks for pointing this out!

I've updated the repository accordingly.

[uneven oxide]

@gritty finch, posting multiple links will result in not being able to post again.

[severe shell]

I don't know if I understood well, but if the person has a past contest created, you can read those ones and use the same settings in your new contest.
Get the list of contests using /:channel/history endpoint (you can limit to 1 to get only the last one) and use the response to fill the new contest fields.

[opaque wasp]

Yeah I thought about this solution too, I was hoping to retrieve contest page's settings tho.
I can definitely tell to run a contest before using the command and then it'll get that same contest over and over again until I run another one from SE interface.

[sacred condor]

Oi

[severe shell]

Or you can just set boilerplate values if there is no previous contest in history

[opaque wasp]

That's for sure, the plan was to make it more user-friendly so if he wants to add/remove options or anything else he would have just edit infos on that page. Not sure why but the guy isn't that much convinced using a custom widget with custom fields.

[karmic carbon]

I didn't know about the googleFont type either. Good stuff!

I'm not seeing the "Animation Settings" in fieldData. Am I blind or do those exist elsewhere?

[pulsar willow]

Good question ...
I couldn't find the general Animation Settings from the overlay editor in the onWidgetLoad object either.
The settings are listed in the "Custom widget data" message when the widget (re)loads, but I don't understand how to access them.

[inner lagoon]

I don't think you can

[inner jackal]

Hey thanks again for this info, but there is a standard widget called total subscribers on the section labels... this one is able to reduce the total subs on the fly... how is that working? does it reload the widget all the time?

[severe shell]

That one works internally in Streamelements, we don't know how exactly it does that. I would say that widget checks for the value from time to time

[fair vine]

Im looking for an easy way to accomplish this task: viewer redeems custom twitch reward -> add xxxx amount of loyalty points to streamelements loyalty system -> mark custom reward completed. is the best way through tools->script->? if so is there anyone can help me out appreciate it.

[fierce anvil]

Hi, ive been trying to sign up for StreamElements on the website and i keep getting this error

[pulsar willow]

hello I have problem with "saving" My overlays, because everytime I set it up the next day it is gone and I have to set it up again. Please help

[cosmic escarp]

How we ask a creator for edits to their widget? I would like to suggest a Chatters Section to be added to the Credit Roll by Grot Widget

[fast cairn]

Hi, can you please add multistream?

[uneven oxide]

@fast cairn ⤵️

Check out the StreamElements ideas board: https://strms.net/ideas. You'll be able to add ideas, upvote ideas you agree with and track their progress with email notifications. Adding and upvoting ideas also helps the staff know which ideas should be prioritized so please take some time to upvote.

[severe shell]

You just need to open the overlay you have the widget and add any widget you want in there.
Widgets are just one part of the overlay, you can have as many widgets as you want in a overlay, don't need them to be separated

[severe shell]

Go to https://streamelements.com/logout and do login again.
If that does not work, try in a private window browser.

[severe shell]

What is exactly not being saved in the overlay? Can you send screenshots of the overlay configured and the overlay when it is reset?

[fast cairn]

how to add ideas?

[pulsar willow]

There is a corresponding link in the channel description of #💭︱feedback-and-ideas for general ideas.

[severe shell]

You would need to use create your own code for that using Twitch API.
You will need to go to register application, create a client_id, use that client_id to create the Custom reward (otherwise you will not be able to see it)
Then your application would need to monitor each time that request is made to insert points to SE using Streamelements API and then mark the request as completed (or you can just mark to skip the queue)

There is no easy way for that, you would need to code many things for that

[cosmic escarp]

That's not what I meant....The Credit Roll has the ability to show Follower, Subs etc etc but not Chatters, I wanted to ask the creator to add that ability

[severe shell]

Now I got it. The best way is tagging the creator here on chat, so he could check the possibility.
But Streamelements does not provide the chat list or recently chatters to be used on custom widgets, so I believe it would be very hard to do that (unless the widget captures each user on every message until the end of the stream and save it)

[cosmic escarp]

I tried to tag, they didn't pop up 😦 but that is understandable I just know there are widgets on other bot that's do get the chat, but I don't like them as much as the Stream Elements one so I thought if it could be integrated here that would be awesome

[severe shell]

Found an old post from LX in code-gurus channel informing that:
Those settings are not covered within templating variables nor populated to fielddata object

So, yeah, we have no option to access that part on custom widgets, but we can create it with no problems 🙂

[severe shell]

Add the animation cdn on HTML

<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet">

On JS you can use this to access where you want the animation:

$("#ID_OF_HTML_DIV").show().css('animation', `${fieldData.animEnter} ${fieldData.animEnterDuration}ms forwards`);  

$('#ID_OF_HTML_DIV').css('animation', `${fieldData.animExit} ${fieldData.animExitDuration}ms forwards`);

I'm going to send the FIELDS on next post in a separated file, because it is too big

Here you have the FIELDS tab

It will look like this:

[thorny fiber]

Hello! Is there a way to link chatbot variables with a widget?

E.g. using the same variable you can reference in bot counter as another variable in a widget, so it can be updated both in chat commands and JS code

[karmic carbon]

That's the exact approach I ended up going with. I just didn't want to reinvent the wheel since there was an animation section already there. Thanks.

[severe shell]

Well, specifically for bot counter, there is a counter "obj.detail.listener === bot:counter" in onEventReceived when the counter is updated in chat.

Code snippet here:
https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#bot-counter

Also, there is a default bot counter widget on Overlay Editor

• button > Labels > Other > Bot Counter

[fierce anvil]

I tried both options and still the same

[severe shell]

Which service are you trying to connect? Twitch, Facebook, Youtube?

[fierce anvil]

Facebook

[pulsar willow]

Does anyone know how to add a delay to the event list widget? I want to add a 5s delay so that when my alerts pop up the event list won’t show it before the alert is finished.

[sour heron]

the option to export our overlays

[granite warren]

Is it possible to add visibility conditions to fields in custom widgets?

[severe shell]

You mean to show or hide an item in fields based on some kind of event? Unfortunately no, the items in that left panel are not dynamic.
However, you can hide a field manually, setting it as "type": "hidden",

[granite warren]

Oh that's unfortunate. Yea I had something in mind to hide items based on events to keep it clean and as simple as possible for the cost of more work on my part 😄

[granite warren]

Or to be more precise, based on values of other fields 😁

[severe shell]

Many people wait for that! It would be nice to use checkboxes to enable other options, for example.

[severe shell]

Check if this instruction helps you:
#helpdesk-facebook message

If not, check this one:
#helpdesk-facebook message

If not, ask on #helpdesk-facebook to see if there is anyone who can help you on that.

[frank crypt]

I’m having trouble with the new OBS update, I can’t connect it to Streamdeck at all

[granite warren]

Elgato has a pretty detailed help page for this. Have you checked it out yet?
https://help.elgato.com/hc/en-us/articles/8815141056013-Elgato-Stream-Deck-Plugin-Update-for-OBS-Studio-28

[trim current]

hi there can somone help me how i can let people donate with other things then paypal

[idle flame]

Hey, switched to streaming on Ubuntu Linux due to performance issues and I can't seem to get the overlay to display correctly in OBS. The text is there but the images and videos assigned to events are not showing up.

[sonic sluice]

hello this is how im having to set up my stream elements to get it to look right in obs

can anyone help me

[uneven oxide]

@sonic sluice ⤵️

The default resolution for StreamElements overlays (theme and custom) is 1920x1080. Please add them in OBS at their full resolution and use CTRL+F to fit to screen if necessary. You can then downscale your stream in OBS settings > Video if you'd like https://i.imgur.com/6bWXxjR.png

[subtle condor]

Is there a way I can make custom gamble commands outside of the default modules?

Kind of does the same thing as roulette but more customisable, such as its name and win multiplier etc?

[frozen zenith]

Hello, I am a Partnered Streamer on Twitch, last week I applied for an OAuth2, I am developing a program for my stream and would like to integrate my stream elements using API. I have not received any kind of response, and would like to know the status of my application. Thank you for your assistance. (Edit: In the email there was an option to view my submission in Asana, I made an account, it says I do not have access even after logging in and clicking the link in the email)

[inner jackal]

hmm ok thanks. any suggestions how to code that?😅

[frank bane]

Hey, I wanted to ask how long the process to get API-access usually takes? ^^' I filled out the form and am waiting to integrate Streamelements into my Application "Twitch Integrated Throwing System"

[real furnace]

could you send me the name used on the application or email please. You can DM me.

[real furnace]

could you send me the name used on the application or email please. You can DM me.

[molten orbit]

I found a bug, i guess. If you activate Link protection a normal user gets his messages deleted, but a VIP got a timeout for 60sec. I couldn't imagine that a user with VIP Badges should get a timeout but a normal user not... Is it possible to add some options to the link protection or that VIPs only gets their message deleted without timeout as well?

[pulsar willow]

thanks for the clarification 👍

[severe shell]

Well, I would say the easiest way is using the default widget for sub count. As it only has a number and updates automatically, you can position it above your widget and work on the font settings to match your own overlay. It will save you time and work to keep pinging the API checking for the correct value.
I use that as a solution when any colleague asks me for a counter that already exists on SE.

[dense lagoon]

Is there an issue with the API? Get disconnected all 10 to 20 mins

[nocturne axle]

How long does it normally take for Streamelements to accept/reject API access requests from the website?

Sent request on 4th Sept and still no response, I can understand them not accepting as its an open source app but still would have expected some sort of response by now

[hardy walrus]

Unfortunately API access is handled separately from our primary ticket system and the queue is a bit big atm.

[nocturne axle]

oh right, its odd that its gated anyway but I assume its to make sure its not being spammed or whatever, anyway thanks for letting me know

While I have you sudo do you know if they support PKCE flows on OAuth?

It looks like its part of the OAuth 2 spec but couldnt see any mention on SE website

[hardy walrus]

Immediate answer: No idea. I'm just the greeter here

Long answer: I can poke those that would know.

[nocturne axle]

I asked a few times a while ago but no one ever responded so I just submitted the request anyway

[hardy walrus]

I assume this? https://oauth.net/2/pkce/

[nocturne axle]

If you could find out that would be great, its just as its a "native-ish" app you dont really want the secret stored

yes thats it

it basically allows the requestor to not have to store the secret key and instead do it as a client facing flow vs server style flow

Twitch kinda supports a variant of this known as "implicit auth"

[hardy walrus]

@nocturne axle Okay. The person that can answer is off for the day so best bet is to wait for an answer tomorrow.

[nocturne axle]

No worries, thanks for asking, can whoever it is @ me or feel free to pm me, thanks @hardy walrus

[hardy walrus]

And so I don't forget I set myself a reminder since I'll be at work.

[potent thunder]

I’m looking for elgato stream deck streamelements plug in for Mac

[proud spade]

The Elgato discord, or their downloads page (https://www.elgato.com/en/downloads) may be the best place to find that.

[edgy trail]

Is there a throne widget for streamelements yet ? would be really cool ;;

[proud spade]

The Throne website has overlays. I haven't seen anything yet regarding a widget

[uneven oxide]

Check out the StreamElements ideas board: https://strms.net/ideas. You'll be able to add ideas, upvote ideas you agree with and track their progress with email notifications. Adding and upvoting ideas also helps the staff know which ideas should be prioritized so please take some time to upvote.

[edgy trail]

it does but they not really that customizable so thats why i wanted one

[sand cosmos]

So far it's working really well! I'm using it in my overlay so my YouTube viewers still get to see the definition. LOVING the translucent background for it.
I do have a question or two:

1. Can I add a command alias? I'm used to using them in my normal SE commands section and have used a full word for the main command (so it is more self explanatory for mods) then 2 or 3 letter aliases for myself when streaming so I'm not typing on my noisy keyboard so much during a quiet reading stream
   EG: I have !youtube as a chat command, then !yt as an alias.
   Thoughts: would it be added here in Fields?
   "commandText": { "type": "text", "label": "Associated command:", "value": "!dict", [INSERT CUSTOM VALUE HERE] "group": "General Settings"

[sand cosmos]

2. Is there a way to call the second definition eg when a word has several meanings
   Sample for word "level"
   1 having no part higher than another; having a flat or even surface. 2 being in a plane parallel to the plane of the horizon; horizontal.

[severe shell]

You can, but you would need to add the second field name to the code as well (the name needs to be different from the first one, i.e.: "commandText2"). But it can be done.

[devout scroll]

Hello

[chilly granite]

I setup my custom alerts a very long time ago and somewhat forgot how they work, would i be able to copy the custom CSS code of my twitch alerts and use them for youtube alerts and just change the keywords like subscriber and follower?

[karmic carbon]

That depends how your css is setup. That would work in my case.

[sand cosmos]

So would that be in the line "value": "!dict" as something like "!word" or "!define" and after the , in that line?

[pulsar willow]

I will later revise the code accordingly.

[sand cosmos]

@pulsar willow ok, thank you! I wasn't meaning to put you under pressure about it sorry.

[nimble goblet]

I have a question, shall editors be able so the subscriber stats/tipping stats or bits stats?
Because the Dashboard is hidden as intended. But you can have full insight to the streamer if you just hit the total stats, if this is have never been reset by the streamer! Isn't this wrong? ❓
So now an editor of mine had the full insight to how little/much bits/tips I have received + the amount of subs today.
Why is this not hidden? How do I hide it if I want to give out more editor roles to people that I do not wanna share this information with? Thanks for the answer! 🍺

[severe shell]

Well... Anyone can have an idea of how many subs/bits/tips a streamer received in a day just watching the livestream.
Also an editor would need that information to create overlays and check if the values are correct

[proven ocean]

Can someone help me this message appears when I try to edit overlay:Uh-oh...
Overlay does not exist

[severe shell]

Answered in #🇵🇹︱português 🙂

[haughty merlin]

Emulation sent, but alerts are paused in the activity feed

it gives me this when I have to put an overlay I don't know how to do it

[fervent stratus]

Dashboard > Activity Feed > Red bell

[haughty merlin]

thank you

[lean harbor]

I am not much of a javascript coder so i wonder If i wanna make so the eventlist gose from left to right insted from top to bottom what do i have to change to make that happen?

[leaden grotto]

is it passible to make a message which appears when someone write a command that doesnt exist.
per example: someone chat "!songrequest" and the Streamelements answers "This cmd doesnt existiert but you can write a usage for this cmd in the chat"

[smoky olive]

Anyone know if you can make a blurred chat?

[opaque wasp]

What do you mean?

[smoky olive]

Chat box that has a blurred background

[opaque wasp]

It should be possible with css filter option

[smoky olive]

I'm trying to work on a new overlay and have the idea for it

[severe shell]

No, not possible. And if you think about it, if a command respond that doesn't exist, the command actually exist and is sending that message. It is better not to send a response so you know the command does not exist.
Think how spammy of bots the command would be.

You can make create a custom reward using channel points to suggest a command and at the end of your stream you check the rewards queue for those suggestions.

[smoky olive]

So do you know how I could do it?

[leaden grotto]

i don't think my idea would lead to spam but thanks for the answer anyway

[floral lance]

@pulsar willow I'm having troubles with SE OAuth2 Api, could you help me with this please?

Im getting this error:

{
  "error" : "unsupported_grant_type",
  "error_description" : "The authorization grant type is not supported by the authorization server."
}

I'm passing this parameters as POST to oauth2/token

{
  "client_id" : "----censored----",
  "client_secret" : "-----------censored--------------",
  "grant_type" : "authorization_code",
  "code" : "8f22F------------z0j6g",
  "redirect_uri" : "https://-------.--/panel",
}

[severe shell]

Not sure if I can help on that, but maybe you should try without the last comma in "redirect_uri" : "https://-------.--/panel"

{
  "client_id" : "----censored----",
  "client_secret" : "-----------censored--------------",
  "grant_type" : "authorization_code",
  "code" : "8f22F------------z0j6g",
  "redirect_uri" : "https://-------.--/panel"
}```

[floral lance]

Imma try

Still not working

[severe shell]

Same error or another one?

[floral lance]

Same error, but application/x-www-form-urlencoded as header fixed the error

Thanks anyways! 😄

[severe shell]

Great!!

[worthy comet]

Hello I'm trying to figure out how to get my stream from freezing

[severe shell]

I think you will find better help on #general-chat.
You can provide some more information in there, like your streaming equipment, your OBS configuration, which game is freezing and things like that. There are good people who knows a lot in there

[smoky olive]

Anyone know how you can make a chat window blur so what's behind it looks blurred?

[lean harbor]

Hi i have been looking at the Custom eventlist and i cant figure out how to make it so its horizontal list instead for vertical. someone who could help me debunk a solution

[hardy walrus]

Maybe this can help a little? #widget-share message

Though I saw you typing and you can add on as well mr/mrs code-guru.

[lean harbor]

dose not really say me much sense this is just a bar and its bit easier to work on then event list i think

[tawny gale]

Can I get some help please?

[pulsar willow]

Whats wrong?

[pulsar willow]

Are there any plans to add (more) IPA compatible fonts to the google fonts list? ("type": "googleFont")
A lot of those special characters aren't supported by most fonts (see image).

https://en.wikipedia.org/wiki/International_Phonetic_Alphabet#Free_fonts

• Andika is included, but hasn't the greatest support for IPA characters as it seems.
• Gentium Basic is also included, but Gentium Plus is the one with IPA support afaik.
• I couldn't find Charis SIL and Doulos SIL either.

[pale thicket]

Hi why can’t I use the web site it lets me login but it don’t matter what I click on it stays on the same page

[rose sapphire]

does anyone know what the badge type key is for the artist role they added? Its not listed anywhere in their api documentation and "artist" isnt working for me. Ive tested the code with obscure ones like the glitchcon 2020 badge and even that works fine but I cant for the life of me get the artist badge figured out.

[rose sapphire]

it's "artist-badge" in case anyone else ever stumbles on this

[muted trellis]

still having issues with this?

[unique iris]

Hiya, I'm trying to save a value with SE_API, but most of the time it doesn't save even though response says it saved successfully, when I get the values back, sometimes it's an old value.
I even got to the point of doing just to check:

console.log(obj);
SE_API.store.set(goalType, obj).then(response => {
    console.log(response);
    SE_API.store.get(goalType).then(returnedObj => {
        console.log(returnedObj);
    });
});

and the returnedObj is a previous object value, or even 2 or 3 times back that I've tried to set it.
Does anyone have any idea of what that could be?

[grave trellis]

sir, the chat widget is not loading 'till now. how to fix this?

[coarse hull]

could anyone point to a reference for dynamic settings like those that are present in widgets from the "alerts" section of the overlays gallery? I'm looking for some example code to understand the sliding settings panels for follower/subscriber/etc, the "add variation" dynamically growing lists, configuration popouts, etc, but I've opened a few of those widgets and the "open editor" button isn't present

I basically just want to create a settings page with a variable number of structured-entries...like, buttons to add/remove groups as needed rather than hardcoding a specific number of groups in the json, or have a massively tall settings panel to scroll through. is that UI behavior possible for custom widgets?

thanks!

[smoky olive]

Anyone?

[unique iris]

you mean something along these lines? https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter

[pulsar willow]

You could also solve this problem in OBS itself.

There are two approaches (I'm aware of):

1. https://www.youtube.com/watch?v=5zM3xvkb8dY (uses only built-in functions of OBS, but isn't a real blur)
2. https://www.youtube.com/watch?v=jLfjtkLNYXk (uses an OBS plug-in called StreamFX)

[tawny gale]

My overlays were giving me an error code in OBS, but I fixed it by deleting the old browser addons and redoing them.

[pulsar willow]

seems the newest se live update broke some things from what i have read about and tested myself. yeah deleting and readding is best way. i just have issue streaming atm. cause of having a 21:9 aspect ratio @ 2560x1080

ultrawide monitors seem to have so many issues with games and apps

[green ember]

hey guys! is there a way i could play my alert sound and the TTS sound simultanious? i left a blank space in my audio for TTS to read the name out loud. that would be really cool!

[severe shell]

Remove temp files of your browser and try again. If not, try in a private window and check if that works for you. Also Edge and Chrome are the compatible browsers for Streamelements.
In case you are logging with facebook, check on #helpdesk-facebook as they have some workarounds in therer

[severe shell]

Unless your "goalType" variable is changing in the meantime, or you are trying to capture all obj from an event, your code looks correct.
What are you trying to save exactly?

[lusty pivot]

Hello, Can I report a front-end bug in streamelements dashboard?

When you're role playing as someone else's channel and you click on a invite link (for your own user) dashboard will crash following by an error.

[severe shell]

Don't know where to look at exactly (you took screenshot of two monitors and did not highlight anything). Are you trying to use the chat widget from SE overlay?

[severe shell]

I tried to test that and it only shows the roleplaying is not allowed for that operation. What part crashed for you?

[lusty pivot]

Yeah, Even the sidebar menu didn't render for me.

And I thought the normal behavior would be to get invited as my primary user.

[severe shell]

Not possible with custom widgets. The panel for Follower/subscriber/etc is only available on defauls Alert box widget.
Using custom widget is not possible to add those dynamically (adding or removing on the go).

What you can do is separate that area in groups, just adding the following in each category
"group": "groupName",

[severe shell]

Unfortunately StreamFX blur effect is still not compatible to OBS 28 😦 Hope they make that compatible soon
I was looking for that yesterday.

[unique iris]

goalType is a drop down value from the menus (fields), so it doesn't change
just trying to save current and total value to create a custom goal bar in that obj
the thing is, lets say I save (with a button created in the fields section as well) { current: 100, goal: 1000 }, and and it does save
then, afterwards, I try to set values 200, 300, 400 and then check what's the result, it still loads 100
eventually, after retrying a bunch of times, it does save correctly, and then a streak of non-saving clicks again

[unique iris]

I've been using this one after updating to 28
https://github.com/Xaymar/obs-StreamFX/releases/tag/0.12.0a77

[coarse hull]

gotcha, thanks for confirming. was just hoping it was possible to add/remove groups of a known structure via JS in response to button events like the alert variations do. I found a few old convos about this, maybe someday

[severe shell]

Are you running the SE_API.store.set / get in 'onWidgetLoad'? The widget reloads when you change values in drop down box, so that value should after that.

[severe shell]

It says the blur effect is unstable in that version. Is it working fine for you? I didn't want to risk hahaha

[severe shell]

No if using the default alert box. They play one after the other only.

[unique iris]

on onEventReceived, after clicking and checking for the listener being the button

[unique iris]

haven't had any issues with any of the filters and/or shaders (yet)

[pale thicket]

Thanks it worked

[severe shell]

I don't know if I am able to understand correctly what you are explaining because I created a button and everything I click on it, it saves the value on the kv store and I am able to check.
Would you mind to share a little more of your code so we could have a look at it?

Do you have any error in console?

[unique iris]

"goalType": {
  "group": "Main config",
  "type": "dropdown",
  "label": "Goal type:",
  "value": "bits",
  "options": {
    "bits": "Bits",
    "subs": "Subs",
    "donates": "Donates",
    "follows": "Follows"
  }
},
"goalCurrent": {
  "group": "Main config",
  "type": "number",
  "label": "Current amount",
  "value": 1000,
  "min": 0,
  "max": 1000000000,
  "step": 1
},
"setButton": {
  "group": "Main config",
  "type": "button",
  "label": "Set value to current"
},

there's another field called goalTotal as well, the same as goalCurrent

window.addEventListener('onWidgetLoad', function (obj) {
    fieldData = obj.detail.fieldData;
    goalType = fieldData['goalType'];
    ...etc
});

window.addEventListener('onEventReceived', function (obj) {
    const listener = obj.detail.listener;
    const data = obj.detail.event;
    if (data.listener == 'widget-button') {
        if (data.field == 'setButton') {
            SE_API.store.set(goalType, { current: fieldData['goalCurrent'], total:  fieldData['goalTotal'] });
        }
    }
});

[severe shell]

It is working fine here on my side! I just added the part you sent before and tried. The widget is creating a key for each item every time I press the button "Set value to current"

I just added the part you sent before on JS:

window.addEventListener('onWidgetLoad', function (obj) {
  console.log(obj)
    fieldData = obj.detail.fieldData;
    goalType = fieldData['goalType'];
});

window.addEventListener('onEventReceived', function (obj) {
  const listener = obj.detail.listener;
  const data = obj.detail.event;
  if (data.listener == 'widget-button') {
    if (data.field == 'setButton') {
      SE_API.store.set(goalType, { current: fieldData['goalCurrent'], total:  fieldData['goalTotal'] }).then( response () => {
        console.log(response);
        SE_API.store.get(goalType).then(returnedObj => {
          console.log(returnedObj);
        });
      })
    }
  }
})

Also created the FIELD goalTotal as you told me

(by the way, rainha dos baixinhos... Adorei a sua extensão "1-click quality for Twitch")

[unique iris]

weird :/ sometimes the resolved get promise return me a different value

(after resolving the set one)

[severe shell]

Personally, I don't like to use .then, I always get lost. 😄 I usually put async function and do await SE_API.store.get/set

window.addEventListener('onEventReceived', async function (obj) {
  const listener = obj.detail.listener;
  const data = obj.detail.event;
  
  if (data.listener == 'widget-button' && data.field == 'setButton') {
    const response = await SE_API.store.set(goalType, { current: fieldData['goalCurrent'], total:  fieldData['goalTotal'] })
    console.log(response)
    
    const returnedObj = await SE_API.store.get(goalType)
    console.log(returnedObj)    
  }
})

[pulsar willow]

Is there a way to have the event list title show new sub for only new subs when the event amount= 1 and for re-subs have the title re-subscriber when the event amount >=2 ? I don’t know how to go about it with the if/else in the js. And don’t want to mess it up. Can someone assist me

[hybrid merlin]

hi, i'm trying to send messages from an overlay to the chat via https://api.jebaited.net/botMsg/${token}/${message} and I get this error: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.jebaited.net/botMsg/m57mMdh1Rz2qgdgKYzXx4oVk/Schaut euch auch mal mugdabonetto an! Er%252FSie war zuletzt mit dem Genre Music live auf https%3A%2F%2Ftwitch.tv%2Fmugdabonetto. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 404.

[severe shell]

3 things:
1 - Delete the token and recreate it, never share the token information! Anyone with that token is able to send message on chat. I just tested to check if the token was correct and the message was sent on the streamer chat.
2 - The message is working. Probably the message is not escaped and it is failing. However, if you try to replace the message for testing testing 123, for example, it will work
3 - Remove the token and recreate it.

[hybrid merlin]

ah right i forgot to remove it form the link. yeah i will recreate it.

hm i had message = encodeURIComponent(message).replace('%2F', '%252F'); in the code. i thought that would be enough escaping

[hybrid merlin]

token is changed. i will check escaping. i guess the issue is the URL

[severe shell]

Try with a smaller message to test first and check if that works. Then you add more complexity

[unique iris]

yeah, don't like it either, I tried with async/await as well

[hybrid merlin]

ok, i found out it really is the URL that causes the issue

now all i have to do is figure out what went wrong

[severe shell]

I found that it is the / part.. Even changing to %2F it always fail, not sure why

[hybrid merlin]

double encode it

message = encodeURIComponent(encodeURIComponent(message)); that works

with urls in the message

[severe shell]

Wow

😄

[hybrid merlin]

don't ask me. i guess you should ask the maintainer of this api

i guess he just passes the received string as parameter to the twitch api? and they need it once encoded?

[severe shell]

I think it maybe is more a limitation on jebaited API, as it can be considered as a new route on the backend

[hybrid merlin]

yeha i guess. anyway it works now. thanks for the help

[hardy walrus]

@viral patrol A note for your lovely website ^^^^^^

[severe shell]

Thanks sudo! I was about to send him a DM, you were faster!

[viral patrol]

Just two add two cents here: this endpoint consumes both GET and POST methods. The one you are using is GET and it’s mostly for chat commands. For widgets I suggest using POST with payload of {message:”your text”} as in this class: https://jebaited.net/assets/js/widgets.js

[foggy bone]

From the overlay hosted on my channel, can I make the bot read messages from another channel?
(It would be an onEventReceived where I can select the chat
P.S. I have an editor)
Is it possible to use Twitch's tmi.js inside the SE overlay?

[hardy walrus]

@foggy bone already have something in #widget-share that can read multiple channel's chat.

[foggy bone]

I got it here, I'll try to find the part I need in it. Thanks!

[foggy bone]

I need to use JWT in my overlay and the function doesn't exist in jebaited. Something I can do? Is SE_API.store public or can I store there?

[still juniper]

You should never store your JWT there. What do you need it for? If you're calling SE API from within the overlay, you can use the overlay api token

[foggy bone]

I get a message from another chat through my overlay, compare it to an external api and make the bot respond something to that other chat. Jebaited only responds in my own chat, but with JWT token I can send messages in other chats.

Can I use the overlay API token in this case? The overlay will only be on my channel, the JWT is used for the "API say" in another channel.

[still juniper]

I very much doubt you can use your own JWT to send bot messages to other chats, as that would be a tremendous security issue. I mean, you can't even use it to send messages to your own channel, that's why the Jebaited proxy is needed

[foggy bone]

I can both.

That bot "say/message API" allows you use an editor's token and select which channel to send it to.

[severe shell]

If you have the token for each channel you can send messages using bot/say endpoint... But as you know, always find a safe place to put the token.
As an example, I use a script to ban many users in many Twitch chats using SE bot. But is is hosted in my machine.

const fetch = require('node-fetch');

const user = "bannedUser123"
const explanation = "[Ban por c4ldas] - Message bla bla bla"

function banUser(canal, account_id, jwt_token) {
    fetch(`https://api.streamelements.com/kappa/v2/bot/${account_id}/say`, {
        "method": "POST",
        "headers": {
            "Accept": "authorization/json",
            "authorization": `Bearer ${jwt_token}`,
            "Content-Type": "application/json"
        },
        "body": `{"message": \".ban ${user} ${explanation}\"}`
    })
        .then(response => response.text())
        .then(text => {
            console.log(`Banido em ${canal}`);
            console.log(text);
        })
}

// And then one call for each channel
banUser("channel1", "5avavcdAccount_ID70c71", "eyJWTTOKENJfasihf")
banUser("channel2", "5dAccount_ID70c71", "eyJWTTOKENJfasdfffffff")
banUser("channel3", "5dAccount_ID7089ygc71", "eyJ9geWTTOKENJfasihf")

This will send the message on the chat (ban the user):
/ban bannedUser123 [Ban por c4ldas] - Message bla bla bla

[hardy walrus]

You'd want the OBS discord

[uneven oxide]

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

[tawny gale]

Well, it is an SE addon in OBS. The Stream Chat isn't working.

OK, I fixed it by just logging off and loging back in.

[still juniper]

But as you know, always find a safe place to put the token.
That's the thing. Saving a no-scoped JWT token in the frontend is a very bad idea. Even more if they're using a single editor token that affects multiple channels. A leak would be fatal

[severe shell]

That's true. @foggy bone why don't you try to apply to oAuth2? That would help with your solution, maybe.
Or you can ask to each streamer generate a botMsg token from jebaited.net and send it to you

[lyric nymph]

Ok so I've a custom scene switcher widget people in here made for me like... years ago and since the switch to Websocket 5 it stopped working. I know the script is set to 4 and I know that's outdated so I changed that in the HTML field to the new one, but tbh that's where my knowledge stops. Does anyone have any clue on how to fix this thing?
#dev-chat message

I tried finding the old message to link back to but it seems to be gone rip. I can post the fields or HTML sections if needed

[hardy walrus]

@lyric nymph #dev-chat message

Scrolling a bit up I think before that.

[lyric nymph]

I COULDN'T FIND IT DISCORD'S SEARCH IS BUTTCHEEKS

[hardy walrus]

I actually had to look with SetCurrentScene

[lyric nymph]

fair lol

I have a friend looking though it and trying to help too, but she's not great with js so we're still at a loss

that's why I decided to ask here

[foggy bone]

I did an automatic autoreply for each emote on his 7tv, it's already ready in the SE overlay and working, but I wanted to remove the JWT from there.
The streamer doesn't like to associate his Twitch with other services and, if I leave it on an overlay, I don't need to leave my machine running since his OBS can run the overlay.

The SE API about commands was off, so I can't see if I can add autoreply commands (keyword option) through the endpoint responsible for creating/editing commands in the channel instead of leaving an overlay running.

[quiet pulsar]

Okay so@do they respond or nah bro?

[lyric nymph]

Ok so actually update: This is the original code, it was apparently a widget by LX before the edits I got help for in here:
#widget-share message

Open to any suggestions but I'll also DM LX to ask him directly

[still juniper]

@foggy bone the question is why is the streamer using an overlay you own instead of using their own overlay with the code inside a custom widget. Sharing your overlay potentially exposes your information, your overlay api token, and in this case also your JWT. And you have zero control over what the streamer does with that info (intentionally or unintentionally). And if you happen to be an editor in other channels, you're also exposing them to risks derived from a 3rd party getting control of your token. Using your JWT in an overlay is not the best idea, but then sharing that overlay on purpose is just asking for big trouble.

[shrewd flame]

Questions about event emulation and session data: I'm making a goal progress bar overlay. When I emulate a cheer|sub|tip event, and then look at event.detail.session.cheer|subscriber|tip-goal, each one is only the value of the most recent emulated event, and not the sum of all the emulated events.

1. This is just an artifact of emulation, and not how the real session data behaves, right? Just want to make sure I'm not misinterpreting what the *-goal values are.
2. Even though these goal values are delivered as session data, they won't really be wiped out after the (Twitch) stream ends, right?

[fallen needle]

Is there a way in which store redemtions in SE, somehow can be posted in a my discord channel also? I seen some people have it, dont know if its custom made, and in that case how..

[severe shell]

1 - Yes, because it is an emulation, those values are not set permanently and once you look at it again, it will change on emulation
2 - It depends. There is an option to reset session data after 15 minutes the stream ends. You can disable it.

[late berry]

The link in Each event processed via the websockets can be seen documented here on this page https://dev.streamelements.com/docs/api-docs/ZG9jOjYxMzcxNTY-connecting-via-websocket-using-o-auth2 is broken. Is there a new place we can view each event's schema?

[severe shell]

It is custom made, probably connecting to Streamelement websocket.
Once an redemption is made, it is sent a notification to the websocket, so the developer can do what they want and post in a discord channel using Discord webhooks

[severe shell]

Thanks for informing about the broken link. I'm going to send that to staff.
The correct link is in this channel description, Overlay Editor Documentation link.

[late berry]

I'm not seeing where on https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets shows documentation for websocket json schema, am I missing it?

[severe shell]

They use the same structure for 'event':

Custom widget has more fields, but once you go to "event" key, both will have the same data

[foggy bone]

Exactly. I don't do lives and I don't have editors, so if I use my token in my overlay it will be safer than leaving the overlay on the streamer's channel where any editor can share the overlay and lose control of who has access using my token or the streamer's token.
Or can my overlays, even without having any editor, be accessed?
(The link of the overlays is not shared with other people, it is only in "My overlays" in the SE itself)

[late berry]

I'm sorry, I'm not really familiar with navigating the SE API docs. I'm not seeing where the event structure is listed on that page either? If its on a different page then I'm having an issue when I try to click on the GET pages of the SE API Docs pages, for instance activities/channel GET, I get this error

[late berry]

Ah is it in the Schema section at the bottom of the menu?

[severe shell]

I've just tried that page and it is offline at the moment... Maybe a temp error, but you can find the schemas at the end of the page on left side...

[severe shell]

Yeah, you can find them there, sorry for the wrong link

[foggy bone]

Are my overlays and their codes secret? -If their links are not shared and if my channel does not have editors.

[late berry]

Thanks, we got there in the end. Idk where would be the right place to say this, but that the Schema menu is a bit of a mess. I'm trying to find specifically what the websocket tip event is and there are four pages for tips that it could be: Tip, Tip1, TipData, New Tip
Idk how this could be reorganized or made clearer, but its very confusing right now

[severe shell]

It is very confused, I agree! I believe they are restructuring it, I've seen some changes recently in there.
As regards the Tips, I think the best I can help you is trying to explain what I could understand checking each schema:

• Tip and Tip1 are related to custom widgets, how they will appear on overlay
• New tip is in a case you want to send a new Tip using the tips/:channel endpoint, this is used for integration between a third party tip service and SE
• TipData is the data received when a tip is registered (this one is how will appear on the websocket)

And you got a bad time to check the API page, it is down at the moment 😦

[late berry]

Actually while I'm here is there a way for me to send test events for websocket? That would solve all my problems

[severe shell]

You can open a new overlay and go to Emulate option
They will appear as on('event:test')

socket.on('event:test', (data) => {
    console.log("EVENT:TEST", data);
    // Structure as on https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#on-event
});

[severe shell]

If you don't share your overlay link, yeah, no one will have access to it. But in a case of your overlay is leaked, people will have access to the code.

I get a message from another chat through my overlay, compare it to an external api and make the bot respond something to that other chat. Jebaited only responds in my own chat, but with JWT token I can send messages in other chats.

If this is what you want to do, I would recommend that you ask the streamer to generate a new token with scope botMsg from jebaited.net website and send it to you, so you can use it on your overlay.

• Ask the streamer to go to: https://jebaited.net/tokens/ and connect their SE account to the service.
• Click on the blue button (None selected) and select botMsg. Click on the green button Add Token and it will appear below. Have them to send that token to you.
• With the token you can do a GET to https://api.jebaited.net/botMsg/TOKEN_HERE/messageYouWantToSendWithEncoding

The good part of using the jebaited botMsg token is that is restricted to only send message on chat. And you can always revoke the token. With JWT, in any case that information leaks, you have no control of what a person can do with your account (and the accounts you have access to)

[modern vortex]

Hello I dont know if im right here. I try to get the Bank Heist mini game by lx running.
#widget-share message

It always gives out every message 3 times for me. I couldn't figure out so far, why it does that.
Does some have an idea or encountered this problem before?
Thanks for any help or ideas 🙂

[severe shell]

Those things are usually caused by multiple windows open. Like the overlay on your OBS, the overlay Editor open on your browser and the overlay open in another tab or something like this.
Or maybe one of your moderators also have the overlay editor open

[still juniper]

Wasn't the data structure of WS event:test different from the WS event one? If I recall correctly, it didn't match the json schema

[modern vortex]

ohhh really. . . . thats the last thing I would expact. I will try that. thank you so much

Perfect. yes it works. thank you so much @severe shell ❤️

[severe shell]

It is, I've just noticed that... Never had paid attention to the SE websocket, to be honest. 😄

Tip emulated and real tip

[still juniper]

Btw, the WS json schema is in a pinned message in this channel, although not completely sure if updated (seems so in a quick inspection, but the message is from 2019)

[torpid trellis]

when i want to capture Game windows (Pubg Emulator) the game freeze and shows mes that Game-hook32 is the issue.
when i run as full screen, it's working fine.

Also, when i open share on discord the game itslef fliker but when I share a screen show correctly
Can anyone helping me?

[uneven oxide]

@torpid trellis ⤵️

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

[daring lynx]

Hey guys i need help on OBS, i click start virtual camera but it is not clickable, any solutions?

[severe shell]

Check if #general-chat or oficial OBS discord can help you: https://discord.gg/obsproject

[daring lynx]

I've tried no luck is there someone directly i can talk to

[delicate jasper]

I'm not sure where I should ask this but I don't have the SE.Sponsorship tab and I've used stream elements for months now. I can't find anyone else talking about this. Help. ;-;

[hardy walrus]

Once a opportunity is made available it will appear.

[delicate jasper]

So I just haven't gotten any offers in 8 months of using stream elements? Is there something I need to do?

[hardy walrus]

Outside of using our bot, overlays, and general services nothing specifically.

[delicate jasper]

[severe shell]

The virtual camera is an OBS feature, there is no connection to Streamelements. You need to contact OBS team for that.

[wintry kayak]

#widget-share message

I have been looking for an overlay that displays the top gifters for a certain period of time, I found the post in Widget-share showing one developed by @viral patrol which shows the top gifters of the session. Does anyone know of something like this, or a way to modify this, so that it shows top gifters within a period of time like a week or a month?

Thanks!

[pale lance]

Not sure which section to get help on this, but I recently accepted a Raid Shadow Legends sponsorship offer. I'm having 2 primary issues... 1. I don't get an option to input my payment setup (I have everything else as a checkmark besides this) 2. The campaign goals isn't counting the download+tutorials completed which is needed for the payout goals. I've got screenshots of the Raid accounts set up through my sponsored stream. Any help would be greatly appreciated!

Ok I have one further step towards possibly fixing my #2 issue above^ but does anyone have info on how to add the payment setup?

[pulsar willow]

hey 🖖
Just a life sign... I'm still working on the widget and uploaded a first (still buggy) draft:
https://github.com/AFoeee/dictionary-se-widget/tree/overlay-only-draft

Have a good one!

[sand cosmos]

Thank you for the update! Great to know you're still alive 🙂 I appreciate the efforts!

[uneven oxide]

@steel loom, posting multiple links will result in not being able to post again.

[shrewd flame]

Is there a more streamlined development workflow for widgets than cutting & pasting html/css/js into "Open Editor" in the overlay editor? Kind of a pain to be constantly pasting local file contents into the website UI. Thanks.

[hardy walrus]

@shrewd flame https://github.com/tehbasshunter/localdev

[novel otter]

@viral patrol I was wondering what is needed to get the !addtime feature to work with your Stream Marathon Timer widget. I don't know what to have as the reply when making the new !addtime command (as listed in the widget) for SE and adjust the time.

My apologies for the ping, I could not find any results when searching here.

[knotty thorn]

is the api docs down for anyone else?

[hardy walrus]

Certain things are unavailable atm yes.

[knotty thorn]

ok thanks

[severe shell]

You don't have to create a command, the command will be listened automatically by the widget. You just have to use it. Just run in your chat !addtime 10 to add 10 minutes... Or !addtime 1 to 1 minute (and so on)

[novel otter]

I initially tried that and it didn't work for the Subathon I am currently modding. I had to go into the settings in SE overlay and adjust the "initial marathon duration" minutes to meet the new amount in Timer settings for the widget. It was a sub goal that if she reached, bonus time would be added.

Oh well, maybe after this Subathon is over I will delete then add it again and hope it works.

[uneven oxide]

@uneven wharf, posting multiple links will result in not being able to post again.

[turbid shadow]

Hey so my friend did his achievements and streamed his Hello Fresh but it says he didn’t complete it but it says 18/16 and he has the VODS, What does he had to do? Help please.

[proud spade]

#helpdesk-twitch is probably a better place to ask.

[turbid shadow]

@proud spade i did just didn’t know where to really put it

[dense cove]

hello, I come here from #general-chat. can someone help me recognize this widget? it's an endless scrolling text, showing sub goals
so far I'm only finding progress bars.. can be manual or reactive, so once a goal is reached it gets crossed out
OR does anyone know an easy way to have an on screen checklist (with SE integration)?
so far the strikethrough with OBS affects all the text not individual lines

[severe shell]

This can be done with the default text widget on your overlay:

• button > Static/Custom > Text
  On Message, you type each part in one line
  Then go to Text settings and check the last option, called Text Scrolling. Choose Scrolling direction to Scroll up and done.
  Then you can personalize your widget with the color you want, the size of the widget, etc etc.

The only different thing is that on default widget, the scroll will reach the end before starts repeating.

[dense cove]

I see, thank you!

[lyric nymph]

Just as a note, I was talking with lx about a different issue, he's sick atm and by his own admission out of commission for a bit. He may get back to you soon, if you hear nothing by the end of the week, maybe drop him a DM. Hopefully he'll be back to form by then

[swift cedar]

Can anyone help me with this bug? I've updated to the latest SE OBS and now there's this bug where it has two buttons and etc ..and its Killing space for my obs screen space

[granite apex]

Hello! I'm working on making a custom raid alert and I want mods to be able to interrupt it with a command. So far I have the code listening to chat from mods and working just fine. The problem I'm having is when the overlay stops listening to chat for extended periods of time (maybe because chat is moving too slow?) and it only reconnects after the error message in the image shows up.
I'm looking for a way to avoid this dc, manually reconnect, maybe poll the connection? It would be silly if the alert played and only sometimes mods could stop it. Thanks in advance ^-^

[uneven oxide]

@swift cedar ⤵️

If you're experience the duplicate "Start Streaming" button, "StreamElements" menu, or other duplicate buttons for the latest version of SE.Live, Please download and install OBS Studio from https://obsproject.com/

If an install of OBS already exist, please install over the existing OBS installation.

[severe shell]

I'm not sure if I understood exactly what you are have. Is this custom raid alert is a SE widget you are creating or another tool?
If you are connecting to wss://irc-ws.chat.twitch.tv:443 manually, you have to keep sending keepalive messages
https://dev.twitch.tv/docs/irc#keepalive-messages

In case you are coding in a custom widget on SE overlay, it listens to the chat and you don't need to work on reconnect or things like that.

[granite apex]

Yes, I am coding a custom widget inside the SE overlay editor.
It seems to happen after leaving the overlay open for a few minutes without any chat messages (I click preview and leave the tab open, then come back to it and type in chat with no response from the overlay). Could it be disconnecting due to inactivity or it being offline chat since I'm just testing?

[severe shell]

Hmm... maybe the browser is putting the tab to sleep to save resources, not sure. Try to import the overlay into OBS and test it from there to see if you have the same issue

[granite apex]

Oooh I didn't think of that! Tested obs and the browser tab at the same time and the overlay in the browser tab broke while the one inside obs didn't. It seems like that was the issue. Thank you for your help! ^-^

[foggy bone]

The return of the variable $(leagueoflegends ...) is occurring error today in different channels. It works normally, but sometimes it does (both with BR region).

[burnt path]

Help me, please
(PT-BR)Encontrei um erro preciso de Suporte,

Stream Element/ AlertBox/ Settings/ Cheer Alerts/ """Alert Message"""

Problema: não está aceitando Edição, qualquer alteração feita, ele recusa.
todas as tentativas ele mantem:"{name} Cheered x {amount}"

[chilly nova]

Is there any way I can use html to add overlay elements into my streamelements overlays?

[severe shell]

Answered in #🇵🇹︱português

[autumn heath]

Hello Friends. I am doing a Design Refresh of my Wife's twitch Channel, and I am using the JS Events API to track channel events and make her Camera Frame reactive to things viewers do in her channel. Everything looks to be fine (Raid, Follow, Sub Gufs, Cheers, Tips... but there is one kind of event that I am unable to track and I have setup special animations for these: Hypetrain. I cant receive Hypetrain Start event, check if Hypetrain is in progress when loading the overlay, or receive hypetrain end events. Is there a way to do It?

[severe shell]

Streamelements does not have information from twitch about hype train. In this case you would need to use the Twitch API for that (or maybe connect to Twitch it via websocket to listen to hype train events).

[vagrant scaffold]

hi, i have a question
is overlay sharing no longer working?

i reckon used to be able to stitch overlay id with .../overlays/share, now it just logs out

[scarlet dock]

Anyone know an easy way to copy an alert you create with the StreamElements overlay so that you can paste it into a custom CSS? Basically I'm trying to have a full-screen alert prompt for something like a large donation, and have a smaller alert prompt for a smaller one, and I cant think of any other way to do that besides having a variation with the one type being custom CSS into the smaller one, and the fullscreen one being made by the sliders/default options!

[severe shell]

Overlay sharing is working, but it works only for those who applied to that. You cannot simply get your overlay and share using the overlays/share link, unless you have permission for that.
The complete link would be https://streamelements.com/dashboard/overlays/share/OVERLAY_ID
And you can apply here, in case you don't have access:

[uneven oxide]

One-Click Overlay Sharing Application

Use this link to submit an application: https://strms.net/shareoverlay_request

[severe shell]

If you referring to the default alert you already have configured on your overlay, it is not possible to copy. You will need to recreate the one you have, which is basically in Custom CSS already (except that you will need to change what you had personalized on the default one)

[scarlet dock]

Oof, so only way to really make this work is to completely write up a brand new code to mimic the default configured alert?

[severe shell]

Unfortunately, yes 😦

[vagrant pagoda]

has anyone had any issues with linking the loupedeck with streamlabs?

[severe shell]

Maybe you should check with Streamlabs or Loupedeck support. This is the Streamelements discord

[vagrant pagoda]

hahaha dont judge me

[severe shell]

Never! It happens with all of us! 😄

[vagrant pagoda]

lol thank you though

[pulsar willow]

i click on chat stats in the dashboard and an error message pops. any ideas?

[uneven oxide]

@pulsar willow ⤵️

If you are receiving a 404 error on your chatstats page, please provide the following information:

1. Channel name (old and new if changed recently)
2. 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.

[pulsar willow]

1. buckeyeboxing69

2)62a3e2c398321159bd87f679

what do i do now?

[fervent stratus]

should be fixed now. will start tracking the data

[pulsar willow]

yea it works now thanks!

[scarlet dock]

Does anyone know how I could position with CSS text to a specific area, while having it be centered horizontally on that point? position: absolute; seems to only align to the left, on the position, not center, even with the text-align: center on it..

1 is what its doing when I try to center it, and 2 is what I would like it to do.

[severe shell]

Hmm, you can try on the parent:

display: flex;
justify-content: center;

Or in case you need to use position: absolute, you can do:

position: absolute;
left: 0; 
right: 0; 
text-align: center;

[scarlet dock]

Okay! I've figured out how to move it all around, and got it looking the way I want it! Thank you for your help! Only have one last question I cant seem to find a fix for.. I promise this will be the last one!.. I hope..

How do I change the wobble animation to the wave one? I tried going into the JS tab and just changing the word "wobble" to "wave" but it didn't seem to change the animation 😬

[severe shell]

If you are still working on the Custom CSS alertbox, the animation documentation is from here:
https://animate.style/

The name of the each effect is on the right side of the page

[lone flower]

Approximately how long does the process for the api application take? I submitted it 11 days ago and haven't received any updated yet

[severe shell]

It is taking some months from the last information I received from staff 😦

[lone flower]

oh boy

ok thanks

[fossil canopy]

Hello, with StreamElements can I have alerts for likes on a live youtube?

[scarlet dock]

Thanks! That looks like fun, I might add those to all the alerts instead. I was just talking about the basic text animation that came with the default ones 🤣 The "wobble" one just makes the letters jiggle lightly in place left to right, if I change the JS wobble it turns the text back to just static text. The creator has a dropdown with lots of effects, but none that look as fancy as the ones you linked there!

[lament fern]

Hi, i want to know if there is something on custom widget code, that send chat message after each event, or some "final" event, to have something to "trigger" Lioranboard/Streamerbot effect on sources in OBS. Im still thinking how link all this.

[harsh nimbus]

So i backup my things in Se.live. reinstalled windows and now the back-up seems to be empty, nicely done

[opaque wasp]

You can fetch events via onEventReceived and then use https://jebaited.net/ to send message through StreamElements bot

[earnest yarrow]

why am i not able to checkout 4 items with 4 discount codes and send one into one 1 package?

[charred fox]

Not exactly sure what section to ask…using virtual camera, I get a green screen. Almost like a green filter a crossed the whole screen…when I use OBS(without SE) it works fine, but today it just started doin this green screen thing…I’m fully updated…any ideas❔❓

[orchid hazel]

Hi, My OBS browser source has steam elements content security policy issues witch is causing my OBS to randomly freeze and the bitrate to drop to 0 kb/s.

Example:
11:12:34.148: obs-browser: [Report Only] Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'none'". Either the 'unsafe-inline' keyword, a hash ('sha256-dCImnf5U50C6/yGGZrNBJ0w5/O+LgHlBid+gCtyw7PI='), or a nonce ('nonce-...') is required to enable inline execution.
11:12:34.148: (source: https://streamelements.com/overlay/62cf1d37606cc2c90198adc1/F1KxWU-n3P20xVYBLktJ3FW2ojjnoRThD4i79A8nZm63zpWM:4)

[severe shell]

Better place to ask would be #general-chat .
I have this kind of problem when I open my webcam in another application with OBS already using my webcam.
Webcam in windows only works in one application at a time.
My suggestion would be first reinstall OBS from OBS Studio website (no need to uninstall anything, just install it again).
If that doesn’t work, check if you have your webcam being used in any other application.

[severe shell]

I'm not sure this is the cause of your OBS freezing issue, as it is only a text report from the overlay.
However, I also hate those messages and what I usually do is to copy widgets to a new overlay and then start using that new overlay. I still don't know the reason it happens, but new overlays don't leave those annoying messages.

[atomic hamlet]

@steady iron We are loving your Awesome Shoutout widget. Found one minor problem.
When multiple shoutout commands (!so) are entered in chat in quick succession only the first visual shoutout appears correctly on screen. The following shoutouts are shortened or don't appear at all. Is it possible to add a queue so multiple shoutouts don't overlap?

[stray dome]

hi I try to use the regex for command
/^(?:coucou|wesh|yo|bonjour|kikou|hello|salut(ation)?|h(é|e))\s+@?robotboursier*$/i
but it's not working anyone know why ?

[stray dome]

I found how to solve it
(?i)^(?:coucou|wesh|yo|bonjour|kikou|hello|salut(ation)?|h(é|e))\s+@?robotboursier*$

[steady iron]

Hello! Thank you for letting me know! I'll give it a look!

[stone fossil]

Hey, I'm having a problem with my "Animation settings" on all my alerts. The 'Enter animation' works, but no matter which 'Exit animation' and which duration I have put it to, it won't work; it just cuts off like there was no animation set to 'Exit animation' at all. How do I fix this?

[tender scroll]

Gmgm

[bitter yew]

Hi people! How to update the version of my widget available over SE url from here: #widget-share message ?
I have added some things and want to share the changes with the community ❤️

[barren plaza]

Hello! I was wondering if there is any existing way to trigger a custom action (like send command to http endpoint, etc.) based on donation from stream elements. For subs and bits, I could use the twitch API directly, but that won't work for donations through streamelements.

[vital bronze]

Is there a way to link the streamelements highscores or top chatters to discord so it can be displayed in discord for viewers to see?

[proud spade]

On your dashboard (https://streamelements.com/dashboard) go to Loyalty > Leaderboard > Public Leaderboard. You can use that link.

[strong hollow]

Hi guys. I applied for the overlay and widget link sharing and I'm yet to hear back. It's been over a week so thought I'd chase it up

[severe shell]

Go to #code-gurus , send your new code in there (GitHub, jsfiddle, etc etc) and ask them to update it.

[severe shell]

It can take some time to have a response. As far as I know, the queue is huge for that

[severe shell]

You can use the CSS editor on the alertbox for the alert you want. In the overlay Editor, click on the gear icon for the tip alert and then click on “Open CSS editor”

[bitter yew]

Thank you!

[wary parcel]

Hi! -- wondering if it's possible to create a custom widget on an existing overlay and prefill the HTML/CSS/JS/Fields/Data under settings through the API?

I looked at the API reference thats pinned and didn't see anything related to widgets. Closest thing I found was overlays but not sure

[severe shell]

You can think of overlay as the entire window and widget as each item you add to an overlay. You can have as many widgets as you want in your overlay.
The Overlay Editor Documentation linked is related to the creation of custom widgets for your Streamelements Overlay.
To start, you create a new overlay (ou use any you already have) and click on Edit to open the Overlay Editor. Once in there, you create a custom widget clicking on + button > Static/Custom > Custom widget. Click on Open Editor and use your imagination to work on HTML/CSS/JS for that.

[wary parcel]

Thank you! So its only possible to create a custom widget through streamelements on the website then?

Like If I were to make a desktop application to update or add a widget to an overlay using the API -- not possible at the moment?

[hardy walrus]

https://github.com/tehbasshunter/localdev

Some wiggle room with this....

[severe shell]

You can do a local development, but at the end you will need to add to the widget through the website.
Well... There is a way to update a widget using the API, but I believe the endpoint is not documented. However, you can open the developer tools on your browser and check the endpoint, method, header and payload used when you save the overlay
For the overlay save, you will find a method PUT to this endpoint:
https://api.streamelements.com/kappa/v2/overlays/ACCOUNT_ID/OVERLAY_ID

[wary parcel]

Ahh yep I see the endpoint when I added a widget -- thank you both! Gives me a starting point for me to work with

[pulsar willow]

The updated version now seems to work as expected 👍
https://github.com/AFoeee/dictionary-se-widget

Have a good one 🖖

[sand cosmos]

I'll swap this version in today- Thank you!!! I know my listeners appreciate the extra word info that having the widget adds.

[opaque wasp]

I don't think this is possible but, is there a way to obtain Alert message text via custom code?

[patent socket]

Wondering if there is such a thing .. a combination of boss hype and one bar to rulle them all.
where based on user interaction sub, follow, cheer etc... bar fills up like an energybar... but actually goes down (empties) over time when no user interactions.... the opposite of the hype bar..

[fervent kettle]

where can i learn how to do text animations / text effects in stream elements?

[nocturne axle]

Hey, I asked about PKCE/Implicit auth flow support for OAuth 2 access and someone was going to have a look into it, but I never heard anything back, is the person who knows about it back off holiday now?

[hardy walrus]

@nocturne axle Poked person but they do not have an answer yet unfortunately.

[nocturne axle]

ah ok thanks

Its a moot point until they respond and allow/reject my API access request anyway 😄

[pulsar willow]

What kind of text animations/effects do you want to achieve?
Most of the time (Custom-) CSS should be sufficient, but for more complex animations you might want to take a look at custom widgets and JS libraries like GSAP.

https://developer.mozilla.org/en-US/docs/Web/CSS/animation
https://developer.mozilla.org/en-US/docs/Web/CSS/transition
https://greensock.com/showcase/

[fervent kettle]

I'm trying to learn how to make animated / text effect username alerts for when people follow or sub and such simular to styles like https://codepen.io/yoksel/pen/XJbzrO the only problem i have is i wouldn't know where to start making it work with stream elements

[inner lagoon]

https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets

[bitter yew]

Don't know if its what you want, but on a custom widget, you can get the message using this snippet:

window.addEventListener("onEventReceived", function (obj) {
  console.log(obj.detail);
}

[opaque wasp]

Thanks for your effort but nope, that's not what I was asking. I'd like to retrieve information from custom widget default settings as you can tell from my screenshot.

[bitter yew]

Oh got it. I think is not possible because the widget just show info, don't fire events on SE (someone correct me if i am wrong)

Btw, its possible to fire custom events... maybe you can create one with your message to other custom widgets listen

[foggy glade]

heya im trying to go live on twitch and everytime i use OBS it keeps asking me to connect to youtube, how do i fix this?

[severe shell]

Streamelements Menu > Logout / Login

[tribal zenith]

{{announcement}}
https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#alert-widget

[sand cosmos]

I won't be streaming today (unwell) but I've set up the latest version, which you linked to here.
It works BEAUTIFULLY! Thank you so much for all the work.
Having the alternate meanings automatically showing, all the things that can be adjusted, so many useful aspects!

[knotty thorn]

would there be a way to code a bits tts manual approvement option? a streamer i mod for has a lot of bits tts and some msgs that are coming through are getting a bit out of hand

[fervent stratus]

Revenue > Tipping Settings > Tipping Settings > Tip Moderation >enable manual tip approval

[knotty thorn]

that's for tips, does that also count for bits as well?

[fervent stratus]

Yes

[knotty thorn]

oh cool

thanks

[stray dome]

how to use the character ' in ${random.pick} command

[hardy walrus]

Can't.

[stray dome]

[pulsar willow]

@stray dome can't you escape ' with \? 😯

${random.pick '\'1' '2\'' '\'3\''} seems to work for me

[stray dome]

I'll try thanks 🙂

[pulsar willow]

get well soon 😯

If you encounter any bugs, let me know. 😅

[sand cosmos]

Yep will let you know. Nothing in the test runs so far. Will have a good test while live next time (hopefully Friday)

[pulsar willow]

c4ldas described a pretty good (general) learning path for custom widgets here:
#dev-chat message

[uncut sandal]

hey can someone link me to streamelements alert event code?

like follower/subscriber

I'm trying to figure out how to listen for a follower event

[severe shell]

On this channel description, 📄 Overlay Editor documentation link

[uncut sandal]

thanks!

[humble folio]

Hey, what is the easiest way to store an integer value persistently in a custom widget? I need the same value even if obs is restarted

[stiff phoenix]

hey hey hey folks. I'm going to be attempting a custom hype boss but I'm pretty dumb when it comes to code. I need to try to get my hands on the custom css stuff including fields and such, and then I'll be setting my own graphics for it. anyone got the code and maybe a little knowledge of what to change?

[severe shell]

Using SE_API.store.set() to store the value and SE_API.store.get() to retrieve it
https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#se-api

[humble folio]

thanks

[sour heron]

add an export button for your overlays

[hardy walrus]

Export in what way?

[sour heron]

in case we want to re add them if they vanish for some odd reasons

[hardy walrus]

They don't vanish unless you delete them or there is system issues.

[sour heron]

in the today case it was an system issue

[lament fern]

hi, and how do i ddo this? i'm doing a lifebar, where you can heal or damage me. i would be nice after each event, the name of the person, the event, and the current HP, but the most important would be when reach Zero, for Lioranboard to read and trigger my obs death animation.

[opaque wasp]

Have a read through Overlay editor documentation, you can find a link into this channel description.

[lament fern]

Someone postes the documentarion but i didnt understood yet. I will read a bit more and check another custom widgets to ser if i figure it out. Thanks.

[smoky harbor]

Hello, is it possible to use the url fetch and log it somewhere and refresh it periodically to reduce strain on a api?

[grim tulip]

Hello there, i would like to know what is the syntaxe about the event listener for the message
i'm trying to reworkd a plugins for phasmophobia which is used to track the evidence
but there is only the broadcaster and mods who can used it

if (listener === 'message') { if (data.badges.some(e => e.type === 'broadcaster') || data.badges.some(e => e.type === 'moderator'))
what is the twitch event for the basics viewers and s there a possibility to distinct subs and non subs ?

[thorny goblet]

Hi everyone im new here and was thinking about getting into some developing. Where can i find the documentation for the custom widget though quz every link i have clicked on leads to a page not found on github

[grim tulip]

Hello, have you checked this out ? https://github.com/StreamElements/widgets

[thorny goblet]

Yes but the question is if there is a document that says all about what classess exist in the background

Because the first time you start up the custom widget you get some classes that is nowhere to be found as in the code that exist within them

The link you sent what i get out of it is just examples

[grim tulip]

i'm in the same situation as you, ahaha i'm trying to learn and understand thestreamelements code logics

[grim tulip]

yeah but maybe you can found what you are looking for into the examples i dunno

[thorny goblet]

Ah i see yea im kinda lost to

[thorny goblet]

But thanks for the tip though mate

[grim tulip]

i hope this will help you in some ways

[thorny goblet]

Is there any way to see like the different functions to call to be able to get a hold of like follower/raid/viewer/sub counts

@grim tulip this seems to be something of an http request to get a hold of it or what do you think

[opaque wasp]

guys have a look at this channel infos, you'll find link to documentation

[thorny goblet]

what channell you didnt send a link?

[opaque wasp]

#dev-chat, the one we're talking in

[thorny goblet]

ah i see

i missed that totally

[grim tulip]

Hi! thank you i gonna check this one out ! hope i'll find what i'm looking for

[opaque wasp]

#dev-chat message

[thorny goblet]

in what tab do you build the inputs in the input panel? im kinda lost quz yes you build up variables in the fields area but where do you actually build the graphicall input?

[grim tulip]

you mean the UI from the widgets ? if so it's in the html file

[thorny goblet]

well i mean the only thing that exists within the html file is the link for the font and the cointainer. but still end user gets choices in the settings tab?

[grim tulip]

you or the end user is free to modify or add code into the html

[thorny goblet]

Ya i got that. It's just that the example that comes with the custom widget has options already outside of settings like for example eventslimit and to make one of thoose choices for the end user how would you go about it

quz what i can see there is no graphicall input for that

as an example i have this choice that i wanna make the user able to make in the settings tab... "Image":{
"type": "image-input",
"label": "Pick your image",
},

but how do i make it possible for end user to pick an image graphically

[severe shell]

FIELDS

[thorny goblet]

i got it sorry

i just got a huge developer error

so sorry

you need to debug me soon LOL

[grim tulip]

firstly you put your images into the data and you "upload" them to your project through the fields

[thorny goblet]

you can make an input by just making the field json file send a request

missed that it was json the second i got that i understood that its sent somewhere as an request

[grim tulip]

@severe shell is there a way to get the dev tools into streamelements widgets ? like, you put a console.log to debug and consult this console.log ?

[severe shell]

If you do a console.log it will appear on browsers console.

[grim tulip]

thank you ! 🙂

[thorny goblet]

Is there any way to get a hold of a End users font library instead of googles?

Quz if you use ordinary text in streamelements you get to choose from your own pc

[severe shell]

You have a few ways to select a font:
1 - Using google fonts
2 - Importing a custom font from a website
3 - Using a font from streamer's PC

If you are trying to use the fonts from streamer's PC, you don't get a list of them. What you can do is add a text field so the user can type the Font Name they have installed in their PC (similar to "Enable Custom Font" in default Alert Boxes Text Settings).

In the example below, the streamer can select a Google Font, or in case they want to use a font installed, just check the box "Use Custom Font" and then type the font name they have installed:

HTML

<div id="container" class="container">Hello Streamelements</div>

CSS

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

FIELDS

{
"fontName": {
    "group": "Font Settings", 
    "label": "Font Name",
    "type": "googleFont",
    "value": "Roboto"
  },  
  "customFont": {
    "group": "Font Settings",
    "label": "Use Custom Font",
    "type": "checkbox", 
    "value": false
  },  
  "customFontName": {
    "group": "Font Settings", 
    "label": "Font Name",
    "type": "text",
    "value": "Segoe UI"
  }
}

JS

window.addEventListener('onWidgetLoad', (obj) => {
  fieldData = obj.detail.fieldData
  
  if(fieldData.customFont){ // if checkbox is selected
    document.getElementById('container').style.fontFamily = fieldData.customFontName
  }

[lunar beacon]

Any one knows where is the github documentation for custom widgets ..

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

It used to be here but this link is unavailable

[opaque wasp]

check this channel description

[lunar beacon]

Thanks. When is the support for YouTube gifting being added?

[lament fern]

Hi, i just found your code for sendBotmessage, but i can't make it work, i don't know what i'm missing. i want the bot to send the current HP from my Lifebar everytime somene heal/damage me.

[pulsar willow]

Maybe this answer from c4ldas can help you?
#dev-chat message

Once again, I would like to suggest that the following answers from c4ldas get pinned to the channel.
At least I found them very helpful and the corresponding questions get frequently asked. 😅

#dev-chat message
#dev-chat message
#dev-chat message
#dev-chat message

[lament fern]

THANK YOU SO MUCH!

[severe shell]

Done! Thanks for always using my comments to help people here ❤️

[pulsar willow]

You did basically all the work 😄
Thanks for making those comments!

[uneven oxide]

@midnight pier ⤵️

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

[lament fern]

Thanks for everyone that helped me with my widget. Soon i will try to publish here. 🙂

[shrewd flame]

Is there a way to include an asset (like an image) in a custom widget, alongside the widget.css,.js... etc? Or do they all need to be either embedded data URIs, or externally hosted?

[opaque wasp]

You can import it using a custom field "type": "image-input" and then use it on the HTML tab via <img src='{customFieldName}'>

[thorny goblet]

The custom font does sadly not work with this

[severe shell]

What do you need exactly? What I understood was to use the font installed in the streamers PC (this is the custom font meaning on Streamelements)

[thorny goblet]

Yes but when i use your code and i enter a font i have on my pc it does not switch eaven if i click the checkbox but i did get googlefonts working

I just wanna say sorry if i sound demanding didnt mean to sound like that. Very thankfull for the help ofcourse! 😄

[severe shell]

Did you try any other font you have installed?
I had this issue before with a font called "Triakis Font". But if I used any other font, like "Agency FB", it worked.
Until I discovered the font had two blank spaces between the name: "Triakis Font" and then I put them into quotes

[thorny goblet]

Ah do i have to put it within quotes if there is spaces

[thorny goblet]

Yep i tried another font still doesnt work sadly

[thorny goblet]

This is my code CSS @import url('https://fonts.googleapis.com/css2?family={{fontName}}'); .container { font-family: {{fontName}}; font-size: {{fontSize}}px; }
JS ```window.addEventListener('onWidgetLoad', (obj) => {
fieldData = obj.detail.fieldData

if(fieldData.customFont){ // if checkbox is selected
document.getElementById('container').style.fontFamily = fieldData.customFontName
}```

Fields "fontName": { "group": "Font Settings", "label": "Font Name", "type": "googleFont", "value": "Roboto" }, "customFont": { "group": "Font Settings", "label": "Use Custom Font", "type": "checkbox", "value": false }, "customFontName": { "group": "Font Settings", "label": "Font Name", "type": "text", "value": "Heroes Legend" }, "fontSize":{ "group": "Font Settings", "label": "Font size", "type": "number", "min": "11", "max": "64", "step": "1", "value": "11" },

[severe shell]

Do you see the FIELDs options on the left side of your Overlay Editor? Because if that is your complete FIELDS, it is wrong. It should be like that (adding { } at the beginning and the end of the file and removing the last comma):

{
 "fontName": {
    "group": "Font Settings", 
    "label": "Font Name",
    "type": "googleFont",
    "value": "Roboto"
  },  
  "customFont": {
    "group": "Font Settings",
    "label": "Use Custom Font",
    "type": "checkbox", 
    "value": false
  },  
  "customFontName": {
    "group": "Font Settings", 
    "label": "Font Name",
    "type": "text",
    "value": "Heroes Legend"
  },
  "fontSize":{
      "group": "Font Settings",
    "label": "Font size",
    "type": "number",
    "min": "11",
    "max": "64",
    "step": "1",
    "value": "11"
  }
}```

[thorny goblet]

Copied and pasted yours so i only have yours now in Fields does still not work

[hardy walrus]

Any error in console?

Or just not work?

[severe shell]

If you just copied from mine, you need to close the JS

window.addEventListener('onWidgetLoad', (obj) => {
  fieldData = obj.detail.fieldData
  
  if(fieldData.customFont){ // if checkbox is selected
    document.getElementById('container').style.fontFamily = fieldData.customFontName
  }
})

[thorny goblet]

Well it was the ) that did it i had closed it with } but not with )

[thorny goblet]

Thanks for the help though it allways are theese small things that does it isnt it 😄

[severe shell]

Yeah!!! I often forget to close them as well! 🤣

[lament fern]

is there any place to show how to link variables with Fields and Data?

[severe shell]

DATA tab is the tab where the values are set from the left panel that you create on FIELDS tab. Here you can have more information (on channel description):
https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#json

If there is a specific question, feel free to ask 🙂

[lament fern]

thanks, i'll read this 🙂

[crisp wagon]

Can we expect twitch platform shoutout events to come through onEventReceived any time soon? Or are we waiting on an official API for that.

or any of the other events from their eventsub like on platform donations

[hardy walrus]

Official endpoint for sure.

[opaque wasp]

I can't understand how I should handle alerts without user's messages.

console.log(message);```
I'm willing to add it to the HTML dynamically only if existent; the issue is that if the alert doesn't contain a message the alert won't play due to an error. 
```Uncaught SyntaxError: Invalid or unexpected token (at VM1559 about:srcdoc:493:15)
VM1578:1 Uncaught SyntaxError: Bad control character in string literal in JSON at position 9786
    at JSON.parse (<anonymous>)
    at VM1558 about:srcdoc:50:22```

**TL;DR** How should I handle user's messages into custom coded alertbox?

**SOLUTION**
`let message = `\``{message}`\``;`
Save the message using *backticks*[`] instead of *apostrophe*['] or *quotation marks*["], that's because the message contains HTML code.

[opaque wasp]

Seems like SE have a default message in case the user didn't include its own, hopefully that's just for emulated alerts but who knows..

[wheat phoenix]

👍

[hoary lintel]

How do i get session data in custom widgets

[inner lagoon]

i cant get OBS to work

[lunar beacon]

guys I'm using this listener for YouTube Gifts but it's not working for some reason.
listener == 'gifted-latest'
Is there a special listener for YouTube?

[opaque wasp]

https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets#on-session-update

[pine plinth]

How do we go about just casually sharing widgets with friends? Add as editors and duplicate it? (I went and made a chat widget for a streamer I mod for)

[hardy walrus]

Unfortunately outright easy method (aka links) isn't available outside of brands/users with approval.

You have either get added as an editor or show them how to make it.

[pine plinth]

Okie!

I kinda want to submit this for sharing (e.g. #widget-share), but right now I'm still testing it out

Is there any kind of testing framework, or do I need to go write simulated events for that? 🤔

[hardy walrus]

https://github.com/tehbasshunter/localdev

[pine plinth]

Ooh, thanks

I'll add chat events to that :>

[hardy walrus]

I simply stole it from a pinned message here and figured this would better placed on github.

[pine plinth]

Yeah

[pulsar willow]

Hello i need help please

I changed name on twitch and now my alerts are not working

[opaque wasp]

Try to log out and log back in

[pulsar willow]

I did, its my (!) commands that don't work either so my shoutout etc

[pine plinth]

Spec for chat events? @hardy walrus

emulateChat(message, options: Options)

type Options = {
  username: string; // defaults to channelName || "StreamElements"

  badges: {
    staff: boolean;
    partner: boolean;
    bot: boolean;
    moderator: boolean;
    founder: boolean;
    vip: boolean;
    artist: boolean;
  };

  subs: {
    subscribed: boolean;
    months: integer;
    tier: integer; // default 1
  };

  displayColor: string; // random if not specified
  firstTimeChatter: boolean;
  highlight: boolean;
}

(emotes in the message will be automatically added via the twitch API, channelName + global only I guess?)

(Yes I know the typescript isn't proper, it's shorthand 😂)

[hardy walrus]

No idea. I

[still juniper]

Bot badge ain't a thing

[pine plinth]

It is in FFZ, and this is a test event generator ^^

[still juniper]

afaik SE uses purely Twitch message tags

[karmic carbon]

Am I correct in thinking that there is a obj.detail.event.type === 'sponsor' for youtube channel memberships? I may have overlooked this in the documentation

[karmic carbon]

I tested this out and apparently there is a sponsor event. You can ignore the above inquiry.

[split osprey]

hey, how do u remove the plugin error when starting the updated Streamelements now?

been happening since update

[strange stream]

Hey Guys,

I am trying to build a request that calls an API. This API is basically an API that accepts input and sends it back to the user.

If the user only does !trigger without any value then it will not even make the API call $(urlfetch URI)
The query is built using ${pathescape ${1}}
Any recommendations. (If you need to have the full use case i can DM it to you with an example)

Basically the user needs to be able send send an empty value or an value with content in the same command.

[sand cosmos]

Probably depends on the plug-in.
I had it with captions. I deleted the old caption dll and added the new one (that's the "install" for it) Restarted OBS/SE and no more error, captions working again.

[split osprey]

thanks

[severe shell]

You can use a second value as a default in case the user does not send anything, like this:
${pathescape ${1|default_value}}

If user sends !trigger the command will send "default_value" as a parameter.

[strange stream]

Thanks. it looks like that's working.

[fallen patio]

Hello im new to developing custom chats with streamelements but i have little bit of css and html but other than that im not sure where to start however i am determined to make a custom chat similar to this.(also forgive my really bad sketch)

[tawny flame]

if I want to be able to listen to an event such as a donation being received, I'll need an OAuth token and have to use the sign up form on Asana right?

https://dev.streamelements.com/docs/api-docs/5a84cc101a9c5-connecting-via-websocket-using-o-auth2

I filled out the form a while ago but didn't receive anything

[severe shell]

A suggestion is to get some chat widgets from #widget-share and check how they work, so you would have a good starting point. Other than that, you can look at the Overlay Editor Documentation link from this channel description

[fallen patio]

ah ok thank you so much!

[severe shell]

If you have any specific question, you can ask here and people will try to help you 🙂

[severe shell]

Well, if you want to do something for you only, you can use your JWT and would not need the OAuth2. However, in case you want to deploy for more people, yes, you would need it. Unfortunately, OAuth2 requests are taking months to be approved due to the huge queue

[tidal hedge]

How long does it take for a response from a flagged sponsorship?

[severe shell]

Sorry, but I don't have that kind of information as I'm not part of the staff

[cold imp]

Yo all. Anyone know how to make a !google command? that will link to a query after typing "!google When is overwatch 2 released?" i have this currently " $(sender), your google search: https://google.com/search?q=${querystring} " but its not working

[pulsar willow]

There is such an command in #command-share
#command-share message

[deep tide]

Hey I have a question about using custom CSS with alerts. Before the alert fires it shows a blip of the previous alert. The alert that flashes before is an alert that does not use custom css. You can see it happen here: https://clips.twitch.tv/DarlingFaintAlmondDoritosChip-9BleIRFzfVlixy4f

[tribal sleet]

Anyone knows why when I emulate a bulk gifted sub it always generates only one receiver?
As in If I emulate 5 gifted sub they go to the same "person"

[tawny flame]

Yea i only really need to check it on my own channel. Trying to implement it right now, but I keep getting a disconnect message every 30 seconds or so, and have not gotten any connect/auth message or event yet. just disconnect.

using jwt to auth

i followed the wiki pretty much identically

JWT token should be correct. i use it already to get donation data when the process first starts

I just want to be able to listen to realtime changes or updates

[still ferry]

Hello,

is there a way to get SE-Overlays working on Chrome Mobile Browser?

[thorny goblet]

Is there a way to check if a field is empty all the time so have an event fire on like a change of a variables value?

and check that in javascript?

[indigo pine]

guys my Stream deck do not work with obs anyone knows how to fix it ?

[severe shell]

It depends exactly what you want to do. To check if a field is empty you could just check with if(!field_variable_name)
To trigger an event when the variable changed value, it would depend on how you are monitoring that variable exactly. You could store a value on SE_API and when it changes, you can receive a notification as 'onEventReceived'.
But it is a bit hard to explain what can be done without understanding exactly your idea... If you want to give more details we can try to help you.

[severe shell]

It depends on the issue. Each problem has a fix, but mostly you would need to check with Elgato support (streamdeck company) or OBS support, depending on what the error is.

[sour heron]

when will youtube get more overlays ?

[pearl owl]

is it possible to make custom widget that sends a chat message?

[pearl owl]

ok, I figured it out through #dev-chat message, but apparently the bot can only send some commands, and not others, /announce for example works, but /announceblue doesn't, /shoutout also doesn't work. Im interested specifically on /shoutout, is there a way of allowing the bot to say "/shoutout user"?

[severe shell]

Twitch only allowed the /announce to be used by bots... The /announce<color> commands are not available for bots.
As regards the /shoutout, it is still being implemented by SE team.

[pearl owl]

ahhhh, I see

will it also be possible to have events related to /shoutout (like display an overlay when the shoutout is given)?

[severe shell]

There is a widget that does something similar:
#widget-share message

[pearl owl]

ahh no, I have a variant of that already, what I wanted to do was to enter /shoutout user (or do !shoutout user in the case above) and trigger both the twitch native shoutout and our custom shoutout overlay 🙂 I think once streamelements implement the possibility to do shoutouts via the bot I could do something like when someone sends a !shoutout user I make the bot say /shoutout user, but I'm curious if it would ever be possible to do that via the native twitch command, so we can drop the intermediary !shoutout and trigger the custom overlay with this /shoutout command directly

[severe shell]

Got it... Unfortunately, we will need to wait until SE implements the full support to /shoutout command for that

[daring sphinx]

Hey, its possible from a twitch channel with all the list of viewers and all the points, go now on youtube and the same users have the points on youtube too? and dont lose it?

[hardy walrus]

There is no integration for youtube so no.

[sour heron]

I dont know what im doing wrong i created an bot account for the custom bot and its not working

[severe shell]

Check on #helpdesk-selive if people can help you there. Custom Bot name works with SE.Live.

[sour heron]

all right think you

[slate fossil]

Quick question. I have Nightbot and SE bot. Is it possible to have SE bot respond to Nightbot when it says something?

[severe shell]

Yes. SE will see Nightbot as a chat user like any other. The opposite is also true. You can configure anything the same way you would configure for a different person.

[slate fossil]

Ah great! Any suggestions on where to go to learn how to set that up?

[severe shell]

There is no difference between any other command for any other user. It is nothing special, you will configure the commands like any other you want.

[slate fossil]

I was having problems trying to figure that part out and came here to make sure it was actually possible for SE bot to reply to another bot. I will jump back to the twitch help desk and rephrase my question. Thanks so much, loving SE and what you guys are doing 👍

[open geyser]

Just wondering when the net pay date is for sponsorships? Last time I did one I got it earlier than it stated, just wondering as I’m broke atm 😂

[severe shell]

For example: If you want something like this:
Nightbot says: Hello!
Streamelements says: Hello Nightbot, how are you?

Create a command on Streamelements like this:
Hello ${sender}, how are you?

Go to Keywords section and add the word Hello, or hello, or Hello! (or even all of them)

The only thing is that when anyone says Hello, the bot will answer with Hello (username), how are you?.

If you want it only answers to Nightbot, add Nightbot in a super moderator role on Streamelements permission level and configure the command for only Super moderator

[severe shell]

We don't have that kind of information here, if you cannot find in #sponsorship-faqs, I would suggest that you open a ticket using the form in https://streamelements.com/contact

[open geyser]

It’s okay, I have a rough date on the website, I just thought there may have been specific pay dates when sponsorship money was released and such. I’ll be patient haha

[slate fossil]

I'm so close, SE bot is finally responding. Only issue now is it does this, SEBot: @pulsar willow throws a a can at nightbot

[slate fossil]

I've tried it both with and without the ${sender} command

omgosh lool, I had it set to reply! Problem is solved! Thank youuuu @severe shell !

[cunning falcon]

Niche problem - I've spent all night trying to get my twitch alerts showing in a browser on a Raspberry Pi. But the Pi just shows a blank screen when I fire the alerts (the same URL on my phone, another computer, etc shows the alerts) - does anybody know if there's any technologies that the alert page uses that may not be enabled by default on a Raspberry Pi? Thanks!

(the end result is for the alerts to show on a physical screen behind me on stream, run via a Raspberry Pi)

[proud spade]

Have you tried disabling browser acceleration? Or enabling it if it's disabled?

[cunning falcon]

@proud spade I have not, I'll give it a go thanks

I used a few signage solutions, this one is the most recent: https://github.com/guysoft/FullPageOS I'll try just a simple browser in Raspbian & go from there

[proud spade]

Interesting that it's a whole OS

echo "@reboot sleep 10 ; $(which firefox) --kiosk URLHERE" >> /etc/crontab

I'm sure you could do the same with chrome/iridium/brave/etc.

[cunning falcon]

Thanks I'll try it out, this was the other pre-compiled image I tried with the same results, assuming they're both using Chromium but no idea https://github.com/TOLDOTECHNIK/buildroot-webkit

[cunning falcon]

I'll give this a go, cheers

[proud spade]

In case you don't know what that does, I would research it since typing random stuff from someone on the internet is dangerous; but basically:

echo :: repeat back to me whatever I type
@reboot :: when the computer reboots or turns on
sleep 10 :: wait 10 seconds
; :: and then
$(which firefox) :: open firefox
--kiosk URLHERE :: open firefox in kiosk mode with the included url, it might need to be in quotes
>> :: redirect the output
/etc/crontab :: the file that controls time based events in Linux/UNIX

[cunning falcon]

❤️

[hoary matrix]

does anyone have the video file from the Advanced Goal Widget - Goal Widget By: MrBoost

[severe shell]

Which video file are you referring to? If you mean the Goal Video example, you can download it clicking on the three dots > download

[broken coyote]

My Amazing AE skills. Lol

[hoary matrix]

Yes that one

wel if i download it and watch the video its kinda acting weird

[hoary matrix]

this happens

it doest contain the transparent bg

[severe shell]

The file is correct and the download is correct as well. The issue is where the file is being used as some systems don't work well with .webm transparency

[hoary matrix]

ok how do i fix that?

i have the same problem when i import in after effects and when i import it back to streamelements

[severe shell]

No idea, maybe @broken coyote can help here

[hardy walrus]

Does it behave without transparency in chrome with the downloaded copy?

Just the raw media file.

[hoary matrix]

yes

[hoary matrix]

true if he replys

[hoary matrix]

in chrome it shows me that

even when i download it raw

[hardy walrus]

Defo buggy AF as it gave an equally bizarre display using MPCHE

I'd say wait for boost to answer about it.

Not sure why discord/media player are showing it incorrectly but not surpised why chrome isn't having issues tbh.

[hoary matrix]

ye its weird

[slate fossil]

I have a command called !throw with the response Throws a can at ${1|${random.chatter}} twat! Would it be possible to add a variable that if someone targets the bot with the !throw command he responds with something else?

[proud spade]

The StreamElements bot unfortunately does not have flow control like that. :(

[slate fossil]

Ahh okies no worries. I kinda thought it might be a bit much but figured I'd ask anyways. TY!

[pseudo crane]

hi, i am attempting to do a custom alert box with custom css and it changes my video to a random video of a shark and i cannot figure out how to get my video to actually show up. i fully delete the CSS that is already there and paste my custom css and i still get a shark, helpdesk twitch told me to try changing the gif but idk how since i am using a custom css completely

[still ferry]

Can someone help me with that? It wont run the Alerts in my Mobile Browser for some reason

[hardy walrus]

What exactly are you trying to do?

[still ferry]

so i have my Alerts set up. on OBS they work fine. Now i try to use them on my phone in Chrome Mobile browser. But they wont show up.

[hardy walrus]

Any particular reason why?

[still ferry]

i need it on mobile for SRT Streams

and Chrome is the only Browser i can play the Alerts with

[severe shell]

If you are using Custom CSS option, the notification will be based on what you have configured on HTML, CSS, JS and FIELDS tabs. The shark gif is on HTML tab, so you need to modify it to whatever you want.

<div class="text-container">
    <div class="image-container">
        <!-- This is the dancing shark gif you would need to modify -->
        <img src="https://cdn.streamelements.com/static/alertbox/default.gif"> 
    </div>
    <div>
        <div class="awsome-text-container">
            <span id="username-container"></span>
            is now following!
            <br>
        </div>
    </div>
</div>```

[hallow light]

Heyy, can you help me fixing my !clip command? (
$(customapi.https://api.thefyrewire.com/twitch/clips/create/XXXXXXXXXX) )

Thanks for your time and I hope to hear from you soon, since I am enjoying using Streamelements 😊

[severe shell]

Probably your Twitch configuration does not allow clips from non-followers, check that
Go to https://dashboard.twitch.tv/ > Settings > Stream > Clip Settings > Followers-only. Set it to "off"

By the way, a better option is to use this command for !clip because you don't need to mess with token getting expired sometimes:
$(customapi.https://api.thefyrewire.com/twitch/clips/create/instantclipsbot/$(channel)?title=$(queryencode $(1:)|'0'))

The difference is that the clip will be taken by InstantClipsBot user instead of your own when you check your clips list.

[hallow light]

Thank youuu I'll try

[broken coyote]

It does contain a transparent BG. Looks fine when i dump it into AE. what are you trying to do with it?

[hoary matrix]

I'm trying to download it and change the colors

[broken coyote]

its not a editable file?

[hoary matrix]

No the file is not transparent when I download it from the streamelements site

[broken coyote]

but. it is. i just confirmed it

[hoary matrix]

Weird that it doest for me

[broken coyote]

if i drop it in obs. it looks just fine

[hoary matrix]

@broken coyote

It looks like that for me

[broken coyote]

what are you opening it with

[hoary matrix]

Hmm 🤔 the default video player from windows

[broken coyote]

that does not render transparent video

[hoary matrix]

Ye and when I imported in after effects

The same

[broken coyote]

cant import a transparent webm into after effects

atleast as far as i know you cant

[hoary matrix]

Oh k

True when I convert it to mp4 its still the same

[broken coyote]

but still, its not the source files. so changing the colors would be a pretty tall glass of water

because mp4's arent transparent

the only other workable codec would be mov with transparency

[hoary matrix]

Ohh

[broken coyote]

i made that thing years ago. i highly doubt id even still have the source files

[hoary matrix]

Aw ok but I will try to convert it to mov

And see if that fixes the problem

[hoary matrix]

Thank u.

[broken coyote]

no problem

[shadow galleon]

hey there! working on a custom widget that converts my follow count from arabic digit system to roman numerals. the function is fine, but im having problems adding a custom font to my custom widget. any advice?

[uneven oxide]

@shadow galleon ⤵️

Google Fonts
More than 900 google fonts are supported at this time. You can preview them here: https://fonts.google.com/

Custom Fonts

Steps:

1. Install the font on the streaming PC or choose a pre-installed windows font.
2. In the overlay widget settings, select Text Settings
3. Click on Enable Custom Font
4. Type the name of the font as it appears in the windows font directory (This is usually C:\Windows\Fonts)

Note: After installing fonts, the browser and OBS must be restarted for the font to appear.

[shadow galleon]

no

im in a custom widget, theres no option for custom fonts so i'm trying ti figure it out

[hardy walrus]

I'd say look at this one since this is designed as a chat widget #widget-share message

I'm not at home to poke at it so can't do much here.

[shadow galleon]

no worries at all.

i got the font working, but no matter what value i set for the css variable font-size: its still way too small

i feel really strange as a developer of almost ten years and having this problem

[severe shell]

What is the font name? Does it work outside the overlay editor (in a normal html page)?

[shadow galleon]

I totally ended up cheesing it, but I appreciate the follow-up. I added the CSS tag as part of the HTML element which is fine since I don't need it to be dynamic.

[fierce glade]

Hello! I have a question how can one make shareable link for overlays in Stream Elements? I'd like to create a alert pack that is already set up in SE as overlay and to be able to share it for others by just clicking on a link. So they can just click link and the whole set up is done.

Tried googling but so far couldn't find the answer.

[severe shell]

Currently, overlay sharing link permission is sent to businesses and eligible participants, so if you think you meet the criteria, you can apply for it here: https://strms.net/shareoverlay_request

[fierce glade]

Thank you for that information.

[lament fern]

Hi guys, i doing my Fields stuff on my Custom SE Widget and found it pretty easy! BUT. I don't know how to allow users to write custom messages with the variables {user} and {currentHP} to concatenate with normal strings inside the message field for Jebaited to send message.

[hardy walrus]

Try looking at this #widget-share message

[red harness]

hey does someone know how to make stream overlay react e.g if i get follow border color witll change e.g to purple for 5 sec and than after 5 sec back to main border color

[deep tide]

Anybody familiar with creating alerts with custom CSS that has an answer for this? #dev-chat message

[severe shell]

You would need a custom widget for that. You can create your border and use JS to read when a follow happens and then change the border colour adding a CSS class to it. Something like this:

<div id='border' class='border'></div>

.border {
  width: 300px;
  height: 300px;
  background-color: transparent; 
  border-width: 5px;
  border-style: solid;
  border-color: yellow;
}

.follower {
  border-color: purple;
}

window.addEventListener('onEventReceived', function(obj) {
  if(obj.detail.event.listener === 'follower-latest'){
    document.getElementById('border').classList.add('follower')
    setTimeout( () => {
      document.getElementById('border').classList.remove('follower')
    }, 5000)
  }  
})

[severe shell]

When you say "previous alert" you mean another active alert box or an alert that does not exist anymore?

[deep tide]

So someone will sub(all on same alert box), where it just plays a video(no custom CSS) and then Follow (the alert with custom CSS) it will show the sub alert video for a second before it plays the follow alert

[severe shell]

Ok, just as a test, if you disable the subscriber alert and try again, does the issue still happen?

[deep tide]

It only happens if I play the sub alert and then the follow alert it doesn't happen if the sub alert is disabled or even if I play the follow alert twice. It also doesn't do this with other alerts either (ex. Raid and then Follow)

[red harness]

which custom widget? 🤔

[severe shell]

You would need to create it

[severe shell]

Ahh okay, so if you have two alerts to be played at the same time, one will overwrite the other, got it. So the follower alert is not waiting for the sub alert to finish.
Can you show the code you have for the follower alert Custom CSS?

[deep tide]

Yup!

<div class="follower-text-container">
    <div class="video-container">
        <video class="video" autoplay muted src="https://cdn.streamelements.com/uploads/a9551581-3272-46cd-9f78-487d35e66725.webm" type="video/webm">
    </div>
    <div>
        <div class="follower-awsome-text-container">
            <span class="follower-name" id="username-container"></span>
            is now following!
            <br>
        </div>
    </div>
</div>

@import url('https://cdn.streamelements.com/scripts/animate.min.css');
@import url('https://fonts.googleapis.com/css?family=Nunito');
* {
    font-family: 'Nunito', sans-serif;
}

.follower-awsome-text-container {
    font-size: 42px;
     font-weight: bold;
    position: absolute;
    top: 200px;
    left: 220px;
    animation: scalein 7s infinite;
}

.video-container {
    margin: auto;
    display: table;
}

.video {
    position:absolute;
    top:0;
    left:0;
    width:100%; 
    height:100%; 
}

.follower-text-container {
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: auto;
    text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px;
}

.follower-name {
    color: red;
    font-weight: bolder;
      animation: scalein 7s;
}

@keyframes scalein {
   0% {
     transform: scale(0.0);
    }
   32% {
      transform: scale(0.0);
    }
   37% {
        transform: scale(1.0);
    }
    95% {
      transform: scale(1.0);
    }
    100% {
      transform: scale(0.0);
    }
}

//get data from the 🤟 StreamElements 🤟 data injection
const name = '{{name}}';

// vanilla es6 query selection (can use libraries and frameworks too)
const userNameContainer = document.querySelector('#username-container');

// change the inner html to animate it 🤪
userNameContainer.innerHTML = name

[severe shell]

I've just tested your code and ran a sub and follower alert. The Follower alert waited until the sub animation to finish before appearing.
Maybe your overlay is bugged somehow. I would suggest to create a new overlay and try to add the Custom CSS again in there

[deep tide]

Whaa weird 🤔 did you watch the clip I linked in the original post btw to see the pop in?

[severe shell]

Yeah, I saw that... The little kid flashing and then the follower animation

[deep tide]

yeah okay just forgot to ask earlier 👍

[deep tide]

Is there a way to disable the Greyed out alert preview in the streamelements overlay editor?

[severe shell]

Hmm, no. It stays there to indicate where each thing is

[deep tide]

new overlay did not fix it

[solemn temple]

hi sorry not sure best place to ask this after looking through various channels. Is there a way to add stream elements into a discord server? google has not been kind in providing useful results.

[fervent stratus]

We don't have an official discord bot

[solemn temple]

is there an unnoficial 🤣

but thanks for reply

[hardy walrus]

There is not.

[lament fern]

finally did it. Everything is set for everyone to use. Soon i will publish here for you guys, hope you like it 🙂

[signal crown]

Any way to make a credit roll pull more than 25 actions?

[ruby wind]

Hello, I'm looking for an idiot's guide to implementing the API into a C#/Unity project. I want to be able to read a chatters points, and modify them as needed.

I'm just a beginner programmer too, so I need maximum verbosity.

[proud spade]

Check the topic, it should have almost everything you need.

[ruby wind]

OK.

[ruby wind]

Too complicated for me at the moment, but hopefully soon I'll understand.

[leaden grotto]

does anyone knows what this setting means?

[leaden grotto]

other question is it possible to set up a new command which changes the title?
I am talking about the Twitch Chatbot

[primal cloak]

hey, im not sure where to put my question. im sorry if im using the wrong channel. i have a running sponsorship campaign in my stream. the ending date is in 3 hours. i didnt meet the numbers of subscribers yet, but i had a lot coming in in the last hours. it sometimes takes more than 3 hours till the system processes the new subscribers. will i still reach the goal after the 3 hours are done? since they subscribed before time was up

[uneven oxide]

@primal cloak ⤵️

Please go to https://support.streamelements.com/, click the big blue question mark on the bottom left and select SE.Sponsorships Form. Fill that form to submit a Sponsorship related ticket and wait for our Support Team to get back to you. Please do not fill the form multiple times, as that will not speed up the response time.

[pulsar willow]

It is possible to set the title via a chat command:
#dev-chat message

[leaden grotto]

so i have to add a cmd where the bots answer is ${settitle "${1:}?

[broken coyote]

Seems it’s not working lol. It’s to cap the amount of chats

[leaden grotto]

what is a amount amount of chats?

the amount of messages posted in a chat

or is it when you stream on more than 1 social media?

[proud spade]

You need to close the quotes: ${settitle "${1:}"}, also I think the bot needs to have the editor role in your Twitch user management

[leaden grotto]

its working with !settitle but i want to know if any mod may add a cmd in which he is able to edit my title

[proud spade]

!cmd add !omgtitle ${settitle "${1:}"} Would probably work

[leaden grotto]

if i write this in my channel anyone may edit my title?

[proud spade]

If you do it just like that, yes

But it's a very bad idea

[leaden grotto]

thank you for helping

[lament fern]

Guys, after i send my custom widget on that form, they will see if did nothing wrong and tell me?

[silent tree]

Hey guys! I wanna code my own chat overlay but I’m not sure about where to start? I know very basic html and css but can learn from tutorials and stuff… can anyone point me in the right direction? (The attached image isn’t mine, it’s just an example of what I want to learn) thanks in advance!

[hardy walrus]

1 sec

I know something earily similar

Okay so 2nd thought it might be a stretch of similar but something to look at #widget-share message

There's an updated copy here that you can update this version with https://github.com/zaytri/stream-elements-widgets/tree/main/DynamicChatBubbles

[silent tree]

Oh! I’m already using this actually 🤭 but I was hoping to code my own?

I’m working on new overlays at the moment and I was hoping to design and code my chat to match the rest of the designs

[clever hawk]

Not sure if anyone can answer this, but I have a credits roll that happens when I end stream, I can list followers, subs, tips, & cheers but I would like to list my mods as well. Is there any way to get a list of mods for an overlay so I can list them in my credits roll?

[regal tinsel]

How can I get access to an api key, I need to be able to pull donation amount from my stream

[hardy walrus]

For you singularly or multiple people?

[regal tinsel]

Just me

I can use twitch API for everything except donations

[uneven oxide]

You can find your JWT token on your account channels page (Show Secrets to reveal the token): https://streamelements.com/dashboard/account/channels

READ ME: This is a private security token. Do NOT share this token here or other public places, only with a StreamElements staff member in private.

[hardy walrus]

short of applying for api access that would be the way to go.

Thought that does the same thing basically.

[regal tinsel]

I couldnt authenticate with the JWT token.

[hardy walrus]

Unfortunately that's a bit more than what I can help with so I'll have to leave you to someone else.

[regal tinsel]

Do you know which staff member I could possibly ping to help me get access sooner? I submitted the application for the api wednesday

[hardy walrus]

JWT would be the quickest unfortunately.

And that's even with poking the person that might look at it.

[regal tinsel]

hmmm wonder why I cant authenticate with the JWT

[hardy walrus]

Paste your authentication snippet here sans the JWT and I know someone can answer.

[regal tinsel]

Ok, thank you.

[honest dawn]

Hello! I was just wondering how it was possible to make custom widgets that communicate with YouTube (like the Nerd or die ones). If you someone has any ressources, I would be grateful as I am trying to make my own overlays!

[leaden grotto]

does anyone knows what this setting means?
https://cdn.discordapp.com/attachments/259680142459142144/1029853825105924166/unknown.png

[fallen patio]

oh you and i are in the same boat this is a bit difficult but i think it depends on where you are in learning so what was suggested was to basically look at other widget codes in each elements(basically each chat that is available and see how they work to adjust for your own code what i do is look back and forth and see what stuff means what each little function does as well as looking above at the stream elements docu thing if that makes sense

[fallen patio]

i could be wrong but i think its the amount of messages sent /shown on screen per the next one ? however this is just a guess

[fallen patio]

hmmm then im not sure....

[tranquil steeple]

It's not really possible to tell without viewing the code. But could it be character length per message?

EDIT: I found the widget. It has a bug and that option doesn't work. But yes, you were right. It should delete all messages except the x-last.

If you want to fix it yourself you can replace what is on line 250 in the JS-tab to: JS removeRow(`#msg-${totalMessages - messagesLimit}`);

And line 253 to:

function removeRow(removeSelector) {```

[turbid roost]

this may be the wrong help desk but i find that to be the most suitable for my question.
Background: I've played around with the variables in commands and made a death counter which is automatically switching his counter in dependence of the played game (see picture).
Now I want to do the same in the Overlay Editor. And I just cant place a variable Name in there (i can live with that) but in games with Spaces in Titles, e.g. Elden Ring, I can't be manually insert their Names as a counter Name, because of the Space between the words.

so the Question: How does Streamelements handle Spaces in Game Names or in variables, so that i can Do the same for manually adopting the Overlay?
OR
Is there a way to edit the Counter Name in the Overlay Editor dependent of the played game automaticaly. Or in better words how can I set variables like ${game} in the Overlay as Name for a Counter?

[broken coyote]

I've put in multiple times to have the widget updated. never has happen. i had just gave up

this is the current method i personally use because i dont like how the stock form removed chats.

  document.querySelectorAll(".main-container .message-row").forEach((el, i) => {
    if (i >= {messagesLimit}) {
     gsap.timeline().to(el, {opacity: 0}).add(()=> {
    el.remove()
        })
    }});

[tranquil steeple]

I see. It isn't listed in the github repo, but I guess there are other ways to request changes?

[broken coyote]

I’m apart of a code guru group. I’ll re-request

[rare spindle]

Hey can someone update the ghost widget? It eats up 12% CPU when I use it on an AMD Ryzen 2700x

idk who wrote it but it was incredible that that much CPU was being used by a ghost

[leaden grotto]

thank you it worked 👍

[smoky olive]

Yeah I guess

[brazen cobalt]

can you have streamelements chatbot pick an item from array ?

[proud spade]

You can use ${random.pick}

[brazen cobalt]

why random?

if i have a number between 1000 and 2000 i want it to always return "Asd" , or "Dsa" if its >2000

is that possible

[proud spade]

There is no flow control with the bot, so you can't do if/elseif/else

[brazen cobalt]

so customapi ?

[proud spade]

That would be the only way I know of

[brazen cobalt]

can i use javascript in customapi with pastebin?

[hardy walrus]

Anything would need to be parsed calculated on the server side since the bot ain't that smart.

[brazen cobalt]

yes, does apithefyrewire do that or not

does it parse pastebin as js and eval

[smoky olive]

@unique iris You have any clue how to do it?

Or anyone

[brazen cobalt]

use a white background

and apply opacity

[smoky olive]

Neither of these work for me

Plugin doesn't even work in OBS

[smoky olive]

Are you talking to me?

If so that won't get me a blurred background

[smoky olive]

This is what I have so far

I just want the chat window to have a blurred background

[brazen cobalt]

https://www.w3schools.com/howto/howto_css_blurred_background.asp

add filter: blur(8px);

[smoky olive]

.....

I want to have the background part behind chat blurred instead of chat itself

[smoky olive]

Like how the thing from this website has

And I don't know what's wrong with it but when I put backdrop-filter: blur(10px); but it just makes it black

[brazen cobalt]

you have to add background color white

• the filter blur

[smoky olive]

What do you mean?

[brazen cobalt]

background-color: white

backdrop-filter: blur(10px);

these two

if that isnt it try

background-color: rgba(255, 255, 255, 0.3);

isntead of white

.3 is opacity

[smoky olive]

It's not making it white

I took away the tint I had so it's just the frame now

@brazen cobalt

[proud spade]

Which widget is it?

[smoky olive]

But yeah I can't get it to turn white