#dev-chat

1 messages ยท Page 57 of 1

nova rock
#

Semicolons: the eternal nemesis

tranquil steeple
#

The reason is that the imported bootstrap-css is setting a background on the elements.
In order to overwrite the rule you imported with bootstrap you have to use !important. ๐Ÿ™‚

honest basalt
#

what a headache, kid you not ive been trying to figure this out for a little bit, i should just wrote it in python and built it that way lol

#

@tranquil steeple you are a life saver

nova crest
#

Hey guys, can anyone give me a simple Example how to code an IF/ELSE statement in a custom command?
For example, if no parameter is given write Text 1, if there is a Parameter write Text 2.

honest basalt
#

@nova crest oops read that wrong lol you mean custom command for streamelements bot commands im guessing

nova crest
#

Not sure if it is possible within a Custom Command for the Bot.

tranquil steeple
# nova crest Hey guys, can anyone give me a simple Example how to code an IF/ELSE statement i...

Example where you can hug a targeted chatter or a random one if no parameter is given:
${1|${random.chatter}}, you got a hug form ${sender}.

Command calls and outputs:

AvE: !hug @AstAirX
StreamElements: @AstAirX, you got a hug form AvE.

Ave: !hug randomstring
StreamElements: randomstring, you got a hug form AvE.

AvE: !hug
StramElements: @RandomPersonInChat, you got a hug form AvE.

Does this help you?

nova crest
honest basalt
#

@nova crest you want it to send you text back to continue to input almost like hey you missed putting something in or be or the bot be a smartass and say hey who would like to hug

tranquil steeple
nova crest
nova crest
mild cipher
#

First you would need to make a paste on pastebin with this format:

:[-] Who do you want to hug?
You give a hug to $(1).

Then take the ID of that paste and use it in this command response, (replacing PASTE_ID):

$(customapi.https://api.thefyrewire.com/twitch/pastebin/PASTE_ID?filter=$(1|'-')&target=$(1|'-'))
nova crest
#

So basically not possible with the Bot alone, you need an external source. ๐Ÿ™‚

uneven oxideBOT
#

@white owl, posting multiple links will result in not being able to post again.

vagrant parcel
#

Im trying to set up a game queue in streamelements and im having a hard time finding a way to pull it off. ive googled it and havent found anything that works yet. i have a !join command set up but is there a way to pull a user that uses that command into a spreadsheet? even if its only something the streamer can see would be helpful

#

im also very new to this so forgive me if its been asked before

hardy walrus
vagrant parcel
elfin arch
sturdy skiff
#

It's probably impossible to have a daily sub goal and a sub goal with a longer end time running at the same time right? If so it would be amazing being able to reset a specific goal and not touch the rest

rugged loom
#

Hello! I was wondering if I could integrate re/sub messages (e.g. The "do not fear" type stuff) into the HTML, JavaScript or CSS editors.

#

I'd like to customize the sub messages so they conform better to the layout/overlay I have in mind.

#

What I have so far ^

unknown.png
#

So far, it's using my Cheer animation as a placeholder, but it'll still have the same outcome (when I apply the possible solution to cheer messages).

tribal zenith
tribal zenith
rugged loom
#

I didโ€”I scrolled up for a solution and it turns out, KeiZar had addressed a similar problem with a JS solution.

tribal zenith
#

well, for security reasons you can't execute JavaScript in (resub) messages. You can however access the message in a custom widget and transform it there

#

or {{message}} if you are using custom code in an AlertBox

rugged loom
#

I did that also.

#

Hang on a sec, I'm away from my workstation. ^^;

rugged loom
tribal zenith
# rugged loom

This would set the display to none if a message exists. So I guess that is the opposite of what you want to do ๐Ÿ˜„

rugged loom
#

I see, I see. How do I rectify that? Is there a way to produce a placeholder for blank re/subs?

#

Also, with transparent .webms, is there a way to put the CSS elements behind the .webm file for stream overlays?

tribal zenith
#

You can just put your animation logic inside the if(message) { ... } so this would only trigger if a message exists.

#

Also you could just do

let message = '{{message}}';

and leave the alert-message container blank in HTML

tribal zenith
rugged loom
rugged loom
tribal zenith
#

line 10 in your HTML could just be <div class="alert-message"></div> and then in your JS you just put the result in that container

rugged loom
#

I'm sorry, I'm very new to this. XD

tribal zenith
#

what exactly are you trying to do with the message?

rugged loom
#

I'm going to give the message a separate container so I can apply my own text sizes and make it separate animation (should it be available).

#

So far, I have the .webms made.

#

But Adobe Media Encoder doesn't support alpha channel stuff on .webms, apparently. ><

tribal zenith
#

I believe webm is a plugin for Adobe products and not pre-installed. At least that's how it used to be ๐Ÿ˜„

rugged loom
#

I'm using the plug-in...

#

(.___. )

tribal zenith
#

then the export dialog should have an option for alpha channel

rugged loom
#

Right, thank you.

#

Funny thing is, I found an oversight with mine so I have to reanimate it again.

rugged loom
tribal zenith
#

Possible, yes. But a bit more complicated

rugged loom
#

Hmm...

#

...now to narrow down what has messages and what doesn't. XD

tribal zenith
#

You could set a custom field for the video, include that video in your HTML markup, check if the event has a message and if so play the video

#

resubs, tips and cheers can have messages attached

rugged loom
#

I see. But not first time subs and gift subs?

tribal zenith
#

Currently not, no

rugged loom
#

I see, thank you. Raids, hosts, and follows I know for sure don't.

tribal zenith
#

Depending on the complexity of your animation, it may even be easier to create a custom widget and let the animation "live render" there

rugged loom
#

So far, I'm looking for code that will just let text slide in from the right for 5.5 seconds with a 0.5 second delay after the .webm.

tribal zenith
rugged loom
#

Tweening!? Gosh, Reboot, you're killing me. XD

#

Would it be alright if I uploaded my CSS here?

tribal zenith
#

Yeah, they are great if you want to animate whole sequences

tribal zenith
rugged loom
# 
// @import url('/fonts/Gotham-MediumItalic.ttf') format('truetype');
}

.widget-AlertBox {
    position: absolute;
}

.alert-video {
      padding-left: 200px;
      top: -78px;
      position: absolute;
}

.username{
      position: absolute;
      font-family: "gotham-mediumitalic";
      text-align: right;
      top: 28px;
      right: 16px;
     font-weight: 800;
    font-size: 64px;
      letter-spacing: 0.5px;
    text-shadow: 3px 3px 3px rgba(000, 000, 000, 0.25);
      color: #00000;
      -webkit-text-stroke: 1px white;
}

.amount{
      position: absolute;
      font-family: "gotham-mediumitalic";
      text-align: right;
      top: 120px;
      right: 64px;
     font-weight: 800;
    font-size: 64px;
      letter-spacing: 0.5px;
    text-shadow: 3px 3px 3px rgba(000, 000, 000, 0.25);
      color: #00000;
      -webkit-text-stroke: 1px white;
}

.alert-message{
      position: absolute;
      font-family: "gotham-mediumitalic";
      text-align: right;
      top: 120px;
      right: 64px;
     font-weight: 800;
    font-size: 64px;
      letter-spacing: 0.5px;
    text-shadow: 3px 3px 3px rgba(000, 000, 000, 0.25);
      color: #00000;
      -webkit-text-stroke: 1px white;
}

.html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}```
#

I'm terribly sorry. I just KNOW there's a code tag version but with scrollbars. ><

#

The amount and alert message would slide in at the same time and then leave after 5 seconds.

#

So would the name, but that would come first, meaning the amount and alert messages would have a delay.

tribal zenith
#

this would be the css markup

Unbenannt.JPG
rugged loom
#

Added the css tag, thank you for the heads-up. :D

#

The scroll bars are for long lines, as it turns out.

#

sigh

tribal zenith
#

Okay, that would be a sequence of multiple animations. So the libraries I linked before would come in handy.
Then you could create a timeline where all animations are defined in and only play that timeline on event

rugged loom
#

The alert message and amounts are still on the same line, though I know I can rectify that just by adding more pixels to top, but that'll only be done once I've finalized the animations.

tribal zenith
#

Sounds more complicated than it is

rugged loom
#

So it's probably like After Effects.

#

Which itself sounds more complicated than it is. XD

#

Is there anything in the code that seems off to you, though, Reboot? Like fat worth trimming?

tribal zenith
#

The font maybe and the rgb values should either be in hex or in numeric syntax. So either rgba(#000, #000, #000, 0.25) or rgba(0, 0, 0, 0.25)

rugged loom
#

I see. Will revise that accordingly.

#

And to be clear, the animations from the Anime library you sent should be placed in JS, not CSS, correct?

tribal zenith
#

yes, the logic runs in JS, but ultimately it only alters CSS properties in JS

rugged loom
#

Right, thank you, Reboot. :D

#

I'll be sure to HYU if anything untoward/unintended happens.

tribal zenith
#

Make sure to check out both libraries, as they have the same goal, but work very differently

rugged loom
#

Hey, will do! Have both open as we speak.

tribal zenith
#

and maybe a custom widget is better suited to do that. AlertBoxes aren't great for custom code

rugged loom
#

You're right. It might be, considering it'll only activate on contingency.

tribal zenith
#

AlertBoxes are isolated per event and you might have to copy&paste your code then to each variation. CustomWidgets have a singular code base for everything, but need a little more know-how

rugged loom
#

Right. Clicking that link now. :D

paper canyon
#

Hey everyone hope you can help.I would love to set up something like this in stream elements but not sure how to do it. It's their respective profile pics and the border and name colour is their colour they chose in twitch. If this needs someone to do a commission pls DM me

rugged loom
#

This is the .webm that's supposed to accompany the notif.

#

But it didn't appear and the CSS didn't seem to commit. ><

#

It's the same as the one above I sent to you previous.

tribal zenith
rugged loom
#

Oh, no, not yet. This is simply for the newest follower notif.

tribal zenith
#

Hm, are there any errors in the console?

rugged loom
#

As in the StreamElements tab, or the Opera browser?

tribal zenith
#

the browser console. I am not sure which button it is on Opera, but usually it's F12

rugged loom
#

There are a number. I'll try to reproduce.

#

The first error is my font file, but now my .webm's missing...

tribal zenith
#

The innerHTML error is because of this #dev-chat message
Your HTML probably doesn't have a container with that id

#

so you can delete that part for now

rugged loom
#

Here's the HTML ^

#

Even deleting the JS you pointed out didn't do anything, unfortunately. ><

tribal zenith
#

I think the bigger error here is the The element has no supported sources. Seems like the file is corrupt or something like that

rugged loom
#

Oh, the .webm file?

#

I'll link it here v

tribal zenith
#

It plays in Discord

rugged loom
#

Which is strange.

#

That means the file can't be corrupt...

tribal zenith
#

you could try deleting the video and re-uploading it. Maybe the upload messed it up somehow

rugged loom
#

Doing that now.

#

Didn't work. D8

tribal zenith
#

okay, but the unsupported error is gone. That's good

#

can you post your JS again?

rugged loom
#

Which is true. XD

# 
//get data from the ๐ŸคŸ StreamElements ๐ŸคŸ data injection
const name = '{{name}}';
const animation = 'wobble';

// 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 = stringToAnimatedHTML(name, animation);

/**
 * return an html, with animation
 * @param s: the text
 * @param anim: the animation to use on the text
 * @returns {string}
 */
function stringToAnimatedHTML(s, anim) {
    let stringAsArray = s.split('');
    stringAsArray = stringAsArray.map((letter) => {
        return `<span class="animated-letter ${anim}">${letter}</span>`
    });
    return stringAsArray.join('');

}```
tribal zenith
#

yes, this document.querySelector('#username-container'); doesn't match anything, since there is no username-container in your HTML anymore

rugged loom
#

Which I replace with text-container, correct?

tribal zenith
#

with the selector of the new element containing the username

#

also {messageTemplate} and {userMessage} don't seem right, unless they are custom fields

rugged loom
#

I replaced those with {name} and changed username-container to alert-text and alert-message.

#

Still nothing. ><

tribal zenith
#

try putting

<div id="username-container"></div>

before

<div id="alert-message">
rugged loom
#

I tried.

tribal zenith
#

now the animejs library is not properly included ๐Ÿ˜„

#

also alert-message is now a child of username-container, which is probably not what you want

rugged loom
#

Ahh, derp. Forgot to remove that. XD

rugged loom
#

The funny thing is, the font inject worked when I used the CSS code on other alerts.

tribal zenith
tribal zenith
# rugged loom

The font path was relative, so it tries to look for it on the SE server and fails. But I am still not sure where the no supported sources error comes from

rugged loom
#

Right, right.

#

Gosh. D8

#

This can't be an ISP problem.

tribal zenith
#

Actually, I might have an idea

#

Maybe even two ideas

rugged loom
tribal zenith
#

what happens if you replace your current <video ...> tag with

<video class="alert-video" autoplay>
  <source src="{{video}}" type="video/webm">
</video>
rugged loom
tribal zenith
#

yes

rugged loom
#

I refreshed the page with the console on and got this. XD

rugged loom
tribal zenith
#

yeah, you have to press save manually on the top right

rugged loom
#

Nothing. D8

tribal zenith
#

Did you set the correct video in your alert settings?

rugged loom
#

Correct. ><

#

Is there a reset to defaults for individual alerts?

tribal zenith
#

I don't think so, but the default markup for followers would be:

<div class="text-container">
    <div class="image-container">
        <img src="https://cdn.streamelements.com/static/alertbox/default.gif">
    </div>
    <div>
        <div class="awsome-text-container">
            <span id="username-container"></span>
            is now following!
            <br>
        </div>
    </div>
</div>
#

and you pretty much still have the default JS

rugged loom
#

Yeah.

#

As it turns out, it works, displaying the visuals, but no text. Probably the CSS. ><

#

Reboot, you are a saint.

#

Injecting the CSS now, refreshing to be sure.

#

Huh. This time around, there was STILL no text.

tribal zenith
#

is the window too small maybe?

rugged loom
#

Also, not sure if this helps, but I think it might:

unknown.png
#

Resized window, and refreshed.

#

It's alright, back to default settings.

#

Changed the gif to the .webm link.

#

I get a broken image. ><

tribal zenith
#

Gifs need an <img> tag, webms are <video>

#

also their syntax changes

rugged loom
#

Oh, syntax too.

#

<video src=></video>?

tribal zenith
#

videos need this syntax

<video class="alert-video" autoplay>
  <source src="{{video}}" type="video/webm">
</video>```
rugged loom
#

Alright, it works!

#

Should I try putting my old CSS code bit by bit or start from scratch?

tribal zenith
#

as long as you keep the right selector names, it should be fine

rugged loom
#

Right, thank you again.

#

I'll be sure to HYU if anything happens again.

#

You're extremely patient.

#

If only I set aside money. XD

tribal zenith
#

Nah, it's all good ๐Ÿ˜„

rugged loom
#

Now to make sure the anime works correctly. XD

tribal zenith
#

You'll need to include it in your HTML first to then use it in JS

rugged loom
#

Right, right.

#

And the targets are each of the input (name/amount/months) in the CSS portion, correct?

tribal zenith
#

the selector of the HTML elements you want to target

rugged loom
#

Ah, right, right, thank you.

tribal zenith
#

Another common beginners mistake is trying to animate the left/right properties. Use the translateX property instead

#

or just x in GSAP

rugged loom
#

Ah, along the axes. :D

paper canyon
mild cipher
paper canyon
#

Oh that's cool. But you are a coding genius lol I have almost 0 coding knowledge ๐Ÿคฃ

#

I have ideas but no ability to execute

#

You open for commissions absole3Lol

rapid sorrel
#

need help making my own overlay. I have a video overlay and it says the file is too big. I tried to compress it now it has static like an old tv

tribal zenith
#

then try another file format and/or lower the bitrate

#

WebM with 6-8k bitrate should be good enough

rapid sorrel
#

when i compressed it

unknown.png
#

@tribal zenith

tribal zenith
#

see my last message

rapid sorrel
#

ok. how would i get it ti s loe bit rate

tribal zenith
#

depending on what editing program you use, you'd have to google the webm plugin for it and install it

rapid sorrel
#

i had someone else make it lol

tribal zenith
#

Then ask that person if they can re-render it with a lower bitrate for you. Max. video size is 30MB

rapid sorrel
#

ok

#

thank you

tribal zenith
#

that's about the only way to not lose (much) quality ๐Ÿ˜„

#

np

rapid sorrel
#

ok

proud stag
#

Hi, my name is Italo, im a software engineer and im representing Aarin TechFin, we are planning to release a new product for streamers that maybe called: StreamPix.

Pix is a new model of financial transaction in Brazil, that can be made any time, perfect for stream tips. Since Aarin is a Pix gateway, the ideia behind it is to support Brazilians viewers to easily make tips/donations with any Brazilian bank account to support their beloved streamer. The streamer can config the gateway to repass all the donations to his/her or any bank account.

Here is our landpage (we don't have a localized version because for now we only work in brazil): https://aarin.com.br/

We are building the app and we need the oauth to make it more secure and reliable for the streamer.

tame ice
#

Hello. I wish to update my Client ID information, the project name and logo. Is there a way to do it?
Also it appears that when a user try to access OAuth autorization without being logged in StreamElements, it shows an error "Failed to get client". If the user is already logged, then the OAuth page renders normally.
If the user is not logged in, the server redirects him to StreamElements Home Page, and then after he/she login, then the OAuth is displayed. It's kinda a problem since some users may not deduce that he/she has to login.
Thanks.

hardy walrus
kindred orchid
#

Hey everyone! I just wanted to ask if there's a list of every single endpoint in the Stream Elements Kappa API because a lot of them aren't in the docs like: /widgets/${channelId}/subscriber-gifts/leaderboard, Really hope this list exists because I searched everywhere for it and found nothing.

pulsar willow
#

Any ready js code to recognize my latest sub follow and cheers?

knotty thorn
#

hello - to access /acitivities, what do i put for 'origin' ?

unique herald
unique herald
broken coyote
kindred orchid
bitter abyss
#

I got alot of questions if I can implement YouTube and Trovo support for my widget.

My Idea is to show options and change presets base on which plattform they selected in streamelements.

I couldn't find something about this topic in the documentation.

Is there a way to detect the plattform and maybe only display plattform specific fields?

acoustic mesa
#

Hello. Why if ${1} argument is not written by user (like "Golsdand: !test") - the command does not work AT ALL.

tranquil steeple
kindred orchid
mild cipher
acoustic mesa
pulsar willow
hardy walrus
#

It's because that's the old link.

#

Current is in channel topic.

pulsar willow
#

ok thanks, I was working with it today, so I did not know there is a new link ๐Ÿ‘

oblique harness
#

Who can answer technical question regarding tipping on StreamElements own webpage?

severe shell
oblique harness
#

I don't want someone guessing who isn't StreamElements staff.

subtle imp
solar trout
#

Hello - I am new to Twitch, StreamElements, but kinda getting comfortable with Java Script.

#

I need to create an application that listens for when my channel receives a new sub and then take some custom action when that happens.

#

Is there a Java Script example for connecting to Stream Elements and then listen for a 'sub'.

#

I looked through the documentation and thought I knew how to proceed but I am overwhelmed since this is all so new to me.

#

Any help would be greatly appreciated. Thank you.

solar trout
solar trout
tribal zenith
solar trout
marble dew
#

@ here this may be the wrong place for it, but has anyone used that Replay Widget? I can't get the WIdget OR the Chat commands to work at all

unique herald
unique herald
#

@tribal zenith that tooling looks amazing, thanks for the hard work โค๏ธ

viscid jay
#

Are there a schema's available anywhere for a live Tiltify and Extralife events?

elfin arch
#

nothing baked in from my knowledge, but that's never something I've looked into @viscid jay ... could maybe get something from #widget-share message for ExtraLife integration

viscid jay
#

Thanks but I'm looking for an example of the json not how to set it up (I've already done that). I've already pulled the json sent when a testing event is used but I've found in the past that the json for live events are different.

chilly scroll
#

#dev-chat does anyone know if there's any levels of integration with Patreon and StreamElements? If someone were to become a Patron it would send off an alert like a sub/follow would. I know stream labs has that option but I'd rather keep everything through SE

tribal zenith
chilly scroll
#

Thanks!

acoustic osprey
#

@mild cipher hello. ฮ™ had the polls command in my stream. Is there a way to change the language of the announcements? Because the poll is in greek and the announce in english. It would be great if i had a tip for that.

rugged loom
#

Can sub alerts be tied to sub tiers?

#

Like for example, {{name}} subscribed for {{amount}} of months at Tier {[tier}}?

tranquil steeple
rugged loom
#

I see, thank you. I didn't know I could do that. XD

#

Can I set certain conditions if, say, I have three tier .webms with the numbers in them?

#

Like say, if {tier} = 1, then play specific .webm?

#

Does Prime also count as a tier or is it counted as Tier 1?

tranquil steeple
#

I'm not very familiar with the alertbox, but from what I can see it looks like it is possible to add new "variations", where you can set the variation parameter to be "Subscription tier" and then select a .webm for that variation.

#

Prime is separated from tier 1

rugged loom
#

I see. Thanks for the clarification, AvE. :D

#

I feel I should also ask, is it possible to have separate alerts for actions (resubs, cheers, donations) with messages?

tranquil steeple
#

From my very limited experience with the AlertBox-widget, it is possible, yes. ๐Ÿ™‚

unknown.png
glossy mirage
#

My custom alert Isn't popping up, instead is shows the default one. Can anyone help?

stoic tinsel
#

Anyone know if it is possible to have a list you can add values to in the widget overlay through the json (or not, but that seems the easiest). I want the ability to enter values that translate to an array of:

times = [
{Name:Just Chatting, Time:"12:00:00 PM"}
]

for example into a list that you can have as many values as you want

#

or maybe

# 
times = {
"Just Chatting" = "12:00:00 PM"
}
#

although the 2nd would of course be less desirable as of course you can only have 1 "Just Chatting"

stoic tinsel
#

or if I really need to

times = [
"Just Chatting~12:00:00PM"
]

and use a splitter (~ for example)

hasty tulip
#

Hey there, where can I modify the css and js of donation goals?

stoic hill
#

Originally posted in twitch helpdesk:
Is it possible to incrementally update a count via a dynamic parameter/arg in a command? Example:
!add 4 would be the same as ${count mycount +4} | I tried to use the syntax ${count mycount +${1|1}} to allow using either !add to add 1 or !add # to add any number. Syntax doesn't work.

stoic hill
severe shell
#

Like !add +4

stoic hill
#

I would have liked to use !add 4 to accomplish that result ^ as I imagine mods will forget the +

#

but I can live with this.

#

I was hoping to store the + in the command and it be prefixed to the argument

severe shell
stoic hill
#

That's where my assumption that ${count mycount +${1|1}} would work, but the command in chat just returns what i put in: ${count mycount +${1|1}}

So I suppose I didn't entirely figure it out but I got close enough

mild cipher
stoic hill
#

One other thing I am curious if anyone ever made possible is the ability to do either of the following:

1. Edit a command as part of the response of another command
2. Retrieve the response of one command in another command

I've seen both asked in some older community/social posts and answered as not possible due to security but nothing from more recent than the last 2 years

stoic hill
#

That worked!

solar trout
#

I am modifying the JavaScript created via a "Custom Widget". What I am trying to do is to access the "isVIP" property of a user who just subscribed to my channel to make him/her a VIP.
Is there a way to get access to that property of a user to make that change? There only seems to be a limited number of fields accessible.
If not, what suggestions could I be pointed to in order to accomplish this - Thank you

late lance
#

do you have advice for if i have a crush?

elfin arch
sudden ingot
#

How do i add a custom font to it

unknown.png
elfin arch
#

It appears the font for this widget is controlled here:

unknown.png
sudden ingot
elfin arch
sudden ingot
elfin arch
#

๐Ÿคฃ looks perfect

#

Did you just install the font or have you had it on the computer already?

sudden ingot
#

i have the font on my pc

elfin arch
#

Did you recently install it? The bowser needs to be fully closed and reloaded to get the new fonts.

sudden ingot
#

ok

#

thanks

stoic tinsel
#

im doing ```javascript
window.addEventListener('onWidgetLoad', function (obj) {
console.log("hi");
...
});

but im not getting any output, anyone know why?
#

ahhh nevermind had a syntax error elsewhere

timid herald
#

hi! is there a way to contact Support, not other users? i have a problem with overlays: a subscriber overlay is properly set, but all of the sudden animations and overlay gfx reverted to default with no reason

frozen hamlet
#

Hello, My facebook page's recent star/supporter data isn't showing up under dashboard...

solar trout
rugged loom
#

Does anyone know if StreamElements can show if gift subs are of a certain tier in alerts?

#

I'm making as many alerts as I can so my overlay doesn't lack anything.

#

I need a totally feature complete alert box.

#

Like, say:

#

{name} gifted {amount} of Tier {tier} subs!

#

It seems to me that StreamElements is only capable of indicating whether the sub is a gift or not.

#

Is there a way to add tier here to the gift? ^

#

Can the same also happen here? ^

unknown.png
tiny pebble
#

Hey anyone ever had problems with vMix and Overlays, tip alerts in particular, not showing up as a browser source at all?

young notch
#

Hummm is it just me thats A noob Ore ? can you guys Tell me how to get media Share up and running ๐Ÿ˜„

heavy violet
#

There's a bug that needs fixing with the community gift subs. Whenever there's a 'community gift' from a username that's not English in twitch chat, the alert shows the community gift and also shows the announcements of each gifted sub separately. This needs to be sorted ASAP because it's disturbing...

fathom pendant
#

I have a piece of software that I'd like to sync with the countdown timer in one of my overlays. That would mean either having a script get the remaining time from the overlay, or having the overlay set its remaining time to an external source. Is there any straightforward way of doing this?

pulsar willow
#

how can i active this? if someone follow me, his/her ID will flash,
thanks

Untitled.jpg
stoic tinsel
#

Quick question. I submitted my custom widget for review, how long does it normally take to hear a reply?

elfin arch
stoic tinsel
#

Thanks a bunch :) and if it does get approved, how do I push updates for it?

elfin arch
#

Any changes at that point and forward would basically whatever is easiest for you. I personally use gitHub. And when I make changes just let staff know I made an update and they grab the changes from there.

stoic tinsel
#

Alright thanks a bunch for all the info. And no I just mean that I still want more features added to it

#

So github is the way

elfin arch
#

Yup; 100% ๐Ÿ™‚

#

You don't have to fill out that submission form every time; hahah... that's like a once and done thing. After that; it switches to normal work flows ๐Ÿคฃ

edgy oyster
#

I am creating a discord BOT that will use a Twitch channel to earn points, these points will be used within discord, but for that I would need to manage, add, remove, and check the balance.

fathom pendant
edgy oyster
#

I couldn't find the API documentation

fathom pendant
#

Huh. That was less helpful than I intended it to be.

edgy oyster
#

send the streamelements doc in private

fathom pendant
#

If it's StreamElements you're looking for, that's in the channel topic.

edgy oyster
#

oh shit, thanks

fathom pendant
#

I had just tossed in links to the Twitch and Discord APIs for completeness.

edgy oyster
#

Discord and Twitch API I'm already familiar with

fathom pendant
#

Since it seemed like you could build a bot that handled Discord rewards for a Twitch channel without going through StreamElements at all.

#

Unless you're planning on exposing that info to an overlay or what have you.

#

Though I have a question for the channel re: the StreamElements API:
There's a "click here to request API credentials" link in the docs that leads to a dead Google Forms page. I haven't found any other way to request API credentials so far. How do I get started here?

fathom pendant
#

I suppose that's what I get for not searching. Might want to make that explicit in the documentation.

nova crest
#

Hey guys, is it possible to catch events (like new followers, subs, bits and so on) with StreamElements and then trigger/call a customapi Link?

gentle current
#

Quick question regarding Twitch Integrations. There is an integration called StreamStickers that allows viewers to use bits to place a sticker on stream and usually an accompanying sound. I am working on a custom bit goal tracker and I noticed that StreamElements doesn't see these bit events. I have a way to update the goal when the stickers are used, but if the widget is refreshed, it loses all those sticker amounts. Is there a way to update the bit monthly totals in StreamElements via API?

gentle current
eternal osprey
#

hello when will streamelemnts release a update for OBS 27V?

past lintel
#

Hello, just wondering if the "Wireframe model" is currently disabled or otherwise unavailable on StreamElements. While editing, I can't seem to activate the Wireframe to see my current progress. The code works, but I feel like I've got a line or two crossed. But, at this time unable to repair that. Or is it a setting I'm overlooking, other then "Show wireframes" on the hypecup?

viral patrol
hardy walrus
#

!mod mute @cyan marsh

digital knoll
#

Is it possible to still get access to the API and get oAuth2 credentials?

hardy walrus
digital knoll
#

thanks

hard flower
#

Hi guys. I was trying to extend on the end credits roll widget - is there a way to get a list of mods on duty?

lyric wave
#

Hello, I am making this custom chat for Trovo, is there a way to show trovo emotes?

hasty tulip
#

Hey there, how can I change donation goal css?

tranquil steeple
#

Is it possible to let different widgets communicate with each-other?
I know I could use the SE_API and store and pull values, but that doesn't really suit my need.

elfin arch
tranquil steeple
#

Ok, thanks for letting me know. ๐Ÿ™‚ I guess I'll have to think a bit harder to make this work then.

elfin arch
#

if you go the store route, there is an event trigger for an 'update to the store.

tranquil steeple
#

Nice. Is there any limits to how often it's allowed to set/get values?

elfin arch
#

I'm sure there is a rate a limit but i couldn't tell you what it is. Depends on what information you are trying to set/get. I wouldn't use it for say, update on every chat message

#

the secondary widget would not need to poll or get the data change; that should come through on the store update event Object

tranquil steeple
#

Allright. I guess it might be possible for my use case, but I'm not quite sure since I would need a master widget, and maybe 5 other widgets that all need to answer the master for every incoming tip. So it could be quite "noisy" when a tip-event is triggered.

elfin arch
#

i haven't gotten around to using it myself for anything; but here is the event

unknown.png
tranquil steeple
#

Cool. Thanks a lot for your help ๐Ÿ˜„

elfin arch
#

no problem. good luck ๐Ÿ™‚ interested to see how it turns out if you are open to sharing it

frank jungle
#

Hi! Iโ€™m looking for a script for a currency conversion, for exemple: yenโ€”> euro. I check the command on streamelements and it isnโ€™t. I think I need to make it by myself.

someone has already built the script?

elfin arch
frank jungle
round badge
#

hello friends
trying to make a spinning wheel overlay for a streamer and the chatter wheel one from #widget-share is perfect since it looks great and can be controlled by chat commands, as well as having the bot post the result in chat.
however they want it for choosing a giveaway item instead of choosing a giveaway winner, so i was wondering if it's possible to make it not include viewers?
i've done a bit of research through the discord and found a way to edit the js test data to have static items on the wheel but can't figure out how to not include viewers in the wheel ๐Ÿ˜“
also is it possible to have the items easier to edit for the streamer? instead of them having to go into overlay editor and opening the js each time? something like !wheel item1+item2+item3+item4 to populate the wheel.

i'm very new to coding but am a fast learner so any help is greatly appreciated! thank you lirikPRAY

elfin arch
#

all these wheels are old; and i've put updating the code... but i'd suggest starting with the Donation one. That will set up a fixed wheel, but it cannot be edited via chat command; has to be edited in the overlay editor

#

i don't have much time to explain; but that wheel has 3 built in lists that will populate on different donation amounts; so one wheel for $1-$5; different options for $5-$10; and one for $10+. You can see the wheel objects at the start of the code defaultList and the prizeList1/2. If you are just going for it to be triggered be command; then you just need to edit the default one. .... start there to get it set up....

nocturne stratus
#

I need help with the se pay

hardy walrus
#

@nocturne stratus go to the helpdesk channel for the platform you stream to.

elfin arch
#

then I would suggest adding in a new command like you have !wheel and when the overlay sees that; isolate the item1+item2+item3+item4 from the message and then split() into an array. Then loop that array to build the defaultList object and call buildWheel(); to set the new wheel options.

round badge
proven crane
#

Hey Community. Im wondering if it is possible to include Fonts in Streamelements

#

I have a special Font from a package and want to use it

pale dock
#

Is the package from Adobe, Google fonts etc? Or is it one that you've purchased to download and use on a local host?

barren escarp
#

hey everyone, im having some trouble with my alert box, i have a custom video but now the text speech wont go into the box, i looked for an answer online and found if i change "text and change the value from โ€œpadding:โ€ to โ€œpadding-top:โ€œ itll solve the issue but when i go into my CSS settings i cannot find this
anynone have a suggestion ?

barren escarp
#

0?

barren escarp
#

one sec

timber ore
#

hello, is there any way to get an oauth2 credentials or apply for them? I am being redirected from the docs to a stale inaccessible google forms

soft pulsar
#

Hi, i'm still playing around with the createdAt, this should work right?

createdAt.png
paper canyon
#

hi guys hope you all well. sorry to bug, i really love this widget but the goal seems to show in reverse - say my goal is followers say 20 if I have 0 the bar loooks full and the goal progresses to the left rather than right. I kknow this is prob super easy to fix just don't speak the coding language well. I tweaked some things that looked like it might have to do with the bar but I am not winning. could you guys help or steer me in the right direction? here is the widget #widget-share message

tribal zenith
# paper canyon hi guys hope you all well. sorry to bug, i really love this widget but the goal ...

You could replace the current updateBar function with this:

function updateBar(count)
{
  const percentage = Math.min(100, (count / goal * 100));
  $("#bar").css('width', percentage + "%");

  if(percentage > 50)
  {
    $(".progress #bar").css("background", "{{barColor}}");
    $("#visual").css("background", "{{barColor}}");
  }
  else if(percentage > 25)
  {
    $(".progress #bar").css("background", "#CF891D");
    $("#visual").css("background", "#CF891D");
  }
  else
  {
    $(".progress #bar").css("background", "red");
    $("#visual").css("background", "red");
  }

  count = ((goal - count) > 0) ? (goal - count) : 0;

  if(fieldData['eventType'] === 'tip')
  {
    count = count.toLocaleString(userLocale, { style: 'currency', currency: currency, minimumFractionDigits: ((count % 1) === 0) ? 0 : 2 })
  }

  $("#count").html(count);
}
tribal zenith
tribal zenith
paper canyon
soft pulsar
tribal zenith
soft pulsar
#

Thank you for clearifing. The follower one is working, i tested that but i'm not a streamer myself so wasnt able to test the others. But i believe it should work i tested then with some manual dates in the code and that worked!

#

*If i have the createdAt non of them work, just the follow and no others worked. they work all if i have a manual dates in the code, so i assume they dont work because i have no data if i try them all

tribal zenith
#

if you have no data then there is nothing the code could access and errors out, That's why you should check first, if you have any data available

soft pulsar
#

Ah okay good to know, thank you once again

hollow venture
#

Hey,

Is there anyway to prevent creating duplicate tips? (while using /tips/{channel})

Let's say my application dies in the middle of creating the tip (tip created, failed to record it in database), when the application comes back online, it'll try to make another request, possibly duplicating the tip.

Possible solution would be sending an external "Purchase-Id" to SE which would prevent duplicate tips but I couldn't find any document about it. Thanks in advance!! PeepoHappy

digital magnet
#

Hello ๐Ÿ™‚
I got this code but I don't know how to get the actual follower number instead of just the placeholder "FollowCount"
I tried: var FollowCount = data["follower-total"]["count"];
but it didn't work out.
(The code might be incorrect because I cut out some irrelevant stuff)

Goal_code.png
pulsar willow
#

Question

#

how do I turn off Pop up blocker

#

?

edgy ruin
#

Hi all. I am in need of help/support. I've purchased custom animated alerts that are in .webm format, but cannot upload them into custom CSS - they do not display for some odd reason. Using CSS is the only way I can use the text correctly for alignment.

acoustic osprey
#

Hello everyone. I'm trying to figure out a way for bot to have polls without the need of people to go to strawpoll site to vote. Can someone help on that? Also I'm trying to translate the straw poll command in other languages other than English.

edgy ruin
#

yo so uh scratch that I realized soon after I put two srcs in the html tag im an idiot

pseudo siren
#

@acoustic osprey Hi! Strawpoll command? Are you using command from #command-share by thefyrewire?

I think, in #widget-share is custom widget that allows vote with #option, but it is in widget form.

acoustic osprey
#

The widget i mean

pseudo siren
#

Oh, i am not sure about compatibility with other chats.

tribal bone
#

Hello, is there a way to get the latest banned user and message of him?

timber ore
#

hi to follow up on my question from yesterday, is there anyway to get Oauth2 credentials? I can't seem to find or apply for them on the website

void coral
#

hi! how can i create custom widgets on streamelements that i can share to the community, without giving them the code, but appearing on the gallery. thanks in advance

hardy walrus
#

@void coral Without being invite to access their dashboard you can't. That's limited to certain groups of people.

void coral
#

And is there a website with documentation on creating custom widgets?

hardy walrus
#

Channel topic.

uneven oxideBOT
#

@lethal meteor, posting multiple links will result in not being able to post again.

uneven oxideBOT
#

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

barren kayak
#

hi, is there a list of window events that got dispatched for overlays? (streamelements online overlay editor)

tribal zenith
eternal ridge
#

Hi, I'm having trouble with a custom widget I've written to just rotate between sub count, most recent superchatter, and number of superchats this month. (YouTube livestream)

It works perfectly on load, but doesn't seem to update as time goes on until I refresh the page. I think I might be using onSessionUpdate wrong,

unknown.png
#

Those console.log's are in there to check if the event is even triggering, which it doesn't seem to be.

atomic sonnet
#

Hello all! First little widget I am trying to get working....based off Stream Uptime - by LX. I would like to hide and show this widget at 30min intervals as well as have it appear when !uptime is used. I have the timer side of it covered but what I don't know how to do is add the option within the widget to be triggered via text. In (Video on command by Benno) there is a custom field added - Command to start video1 and you add your custom command there. How do I add this field for custom command to start my widget? Many Thanks!!!

tranquil steeple
graceful stone
#

Does anyone have documentation to custom widgets for Facebook? I only find for Twitch ๐Ÿ˜ฆ

cloud dawn
#

Docs website isn't working with me any solution plz ??

hardy walrus
#

Channel topic.

cloud dawn
#

Or anyone can tell is there any api for last user message variable or how do i make such a thing ??

#

@hardy walrus thx it's working

upper fog
#

Hello.
Is it possible with the $(argN|X) functionality to do something like "either use the second argument if one is given, or the first one or some default"? Like $(2| $(1|default)).

#

I wanted to use it with a custom api, but it doesn't seem to do what I want. Also using it with the $(queryencode X) but I probably don't understand this feature.

uneven oxideBOT
#

@cinder basalt, posting suspicious links will result in not being able to post again.

uneven oxideBOT
#

@upper fog โคต๏ธ

You can add, remove and make changes to custom commands in chat with !command/!cmd flags:

!command add (commandname) (commandresponse) - allows you **to add **a new custom command
!command remove (commandname) - allows you to delete a custom command
!command edit (commandname) (commandresponse) - allows you to edit an existing custom command
!command show (commandname) - allows you to see the raw response of a command before variables are used
!command options (commandname) -(flag) - allows you to change settings for an existing custom command

More information here: #helpdesk-twitch message

severe shell
ember gale
#

Hey, not sure if this is the right channel, but I need some help to figure out the correct syntax for a custom command. What I want to do is add the value of a counter to an other counter, e.g. ${count counter1 +$(getcount counter2)}, but it's not working ๐Ÿ˜ฆ I found a post from @indigo flume stating that ${count var2 "+${getcount var1}"} should do the trick but that isn't working either ๐Ÿ˜ฆ
Any ideas?
Nevermind, ${count var2 "+$(getcount var1)"} works.

chrome sentinel
#

Guessing this be a developers side of things question?๐Ÿ‘€๐Ÿง๐Ÿค”

Anyways, here is my issue that I haven't found out help info anywhere else yet with the previous builds that may have had this same past occurrence's where it doesn't show the text or its column text updates to the newer obs studio then next always stream elements build updates after obs studio software updates first to next newer build, I am aware I may have to repost this question to stream elements discord but since obs studio seems to update separately before stream elements does being a totally separated updates for any obs updates to it thus I figured I would check and ask here first to make sure.

So this must have been mentioned by now, I am sure...?

What I'm have going on is... 'The issue that seems persistent with the build for OBS Studio 27.0. with stream-elements add-on in it is that it wont again pop up the update window for OBS Studio 27.0.1 when you click on or accidentally click on "Remind Me Later" to install update 27.0.1 after that point in doing so and thus now its permanently not even popping up the feature "Check for Newer Update's" to OBS Studio side of the section like it used to thus now I only seeing check for stream elements updates which still appears in its usual separated column as usual always has done but even after closing obs studio app, restarting the computer, even full shutdown turn off my computer๐Ÿ’ป and then checking to see if it's not been moved to elsewhere in other columns such as being under the build about section to update, afterwards Yet I am still seeing its missing the check for obs studio~build~Update's from the help section's column it used to be under additionally to check for newer OBS Studio Updates where at the bottom of also has About under it too.?

#

perryT Also, Would they're be a manual drop in updates file method that would prop it to do the update and is this ordeal what would occur if someone where to hit skip this update build too since if so then remind me later is acting in the same ways then as skip would do then too?

I am also being scared that it wont do updates from this point forward/this point on in upcoming updates as well too... doesn't seem to be stream elements side of it as to why I have first asked obs discord but am also asking here too. . . Made this same question posted to here and obs discord since wasn't positive which discord this best fit under as well too to cover which ever end was needed without fully knowing yet too.

tribal bone
#

Hello, is there a way to get the latest banned user and message of him? Also the widget should be triggered each time a user get banned..?

barren kayak
#

@tribal zenith thanks

pulsar willow
#

So I have a question. On the Shoutout Display widget, is there a way to add sound effects to it like the original one from Streamlabs Chatbot version did?

unknown.png
uneven oxideBOT
#

@red mason, posting multiple links will result in not being able to post again.

hasty tulip
#

is there any new link?

hardy walrus
#

Channel topic is probably what you want.

hasty tulip
#

What do you mean?

hardy walrus
#

Ah

#

My freind iGoodie

hasty tulip
#

yap

hardy walrus
#

!jwt

#

Bot pls

#

Ffs

hasty tulip
#

plsbot

hardy walrus
#

Are you just wanting to connect it from the config or do testing beyond that?

hasty tulip
#

I just want to connect

#

I mean, I will test and config by myself what happens when someone donates, but just that

#

not adding anything "new"

hardy walrus
#

Click your profile pic in top left of dashboard then channel settings. Show secret.

hasty tulip
#

done

hardy walrus
#

Follow that there.

hasty tulip
#

Thank you so much

warped patio
gloomy kestrel
warped patio
#

ah thx

gloomy kestrel
#

no problem

warped patio
#

looks like the form to request OAuth credentials is no longer accepting submissions, is there a new process?

#

or just not required?

hardy walrus
toxic peak
#

hello, i'm not sure which helpdesk to go to but i'm having trouble with a discord role

#

was wondering if anybody in this discord could help me

#

I made a role with my streamer friends, attach yagpdb to announce when they go live, when I go back to check on that role everybody has been removed from it?

So i add all the streamer friends to another role, attach yagpdb auto message live notification, then thAt role removes everyone from the role. sometimes it happen before i attach yagpdb

cedar shore
#

any idea how to modify a Goal widget to only access the data from today (using the session data)?
I'm using MrBoost's goal widget.

tranquil steeple
elfin arch
sinful cypress
#

Not sure if a question like this is too irrelevant, but I want to know if anyone knows of an application that I could use that (after hitting a bind on my keyboard) would mark down the current time that my OBS recording is at? This would be to get timestamps of stuff I'd want to look at later in the VOD.

#

I've thought I could simply do this with a stopwatch but I haven't been able to find anything that does what I'm looking for.

pulsar willow
#

๐Ÿ”ด how to create a command !convert for conversion local currency to dollars in chat of stream? thank you...

elfin arch
#

Depends on what you want for your inputs. And.... you will need to handle the output to format into how you want it to display.

pulsar willow
elfin arch
#

๐Ÿคฃ .... i tried to answer with hints on how to do it. You can try to search for an API that when you go to the link gives a text reply. Like if if you click that link above you will see a bunch of information and that will all be posted to chat if you are going for a chat command.

#

So you either need to find a link that will output just the value you want; or handle that the output and format it.

round badge
pulsar willow
elfin arch
# pulsar willow oh, I realised, thank you

search around google if you can find a direct output for the currency exchange. that is the first one I found. .... but i'm thinking i might just try to make a quick middle man API example to handle JSON API outputs.

pulsar willow
cedar shore
#

just needed to add the additional options in Fields

unknown.png
mild cipher
pulsar willow
uneven oxideBOT
#

@burnt perch, posting multiple links will result in not being able to post again.

uneven oxideBOT
#

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

elfin arch
#

For chat command customapi:
if you have an open API that you want to get data from but it doesn't return as text and but a full Object; you can try this:
${customapi https://seapitest.pjonp.repl.co/api/objectkey?link=${queryescape [LINK]}&key1=[KEY]}

#

it can go up to 5 keys deep; so for example this:

unknown.png
#

${customapi https://seapitest.pjonp.repl.co/api/objectkey?link=${queryescape https://www.omdbapi.com/?s=man&apikey=4a3b711b}&key1=Search&key2=1&key3=Title} to get "Iron Man 3" to chat. ๐Ÿ™‚ ( Search[1]['Title'] )

uneven oxideBOT
#

@indigo bison, posting suspicious links will result in not being able to post again.

eager ginkgo
#

You havenโ€™t actually posted a question. Please go ahead and ask your question and someone will answer it as they have time.

uneven oxideBOT
#

@spice crag, posting multiple links will result in not being able to post again.

eager ginkgo
#

Make sure to follow all of the steps in the video for that widget. It should walk you through configuring the connection from patreon to streamelements. Once you have that completed, you will need to add your overlay to obs as a browser source

uneven oxideBOT
#

To add your overlays to OBS, add a new browser source in your scene. Paste your overlay URL in the browser source properties, set the dimensions to 1920x1080 (unless you changed them on the website) and check Shutdown source when not visible. https://youtu.be/KDvLynUqXI4

eager ginkgo
#

Again, that video walks you through every step of configuring patreon alerts for the widget. Once you complete that, follow the steps above listed by the bot to add your overlay to obs and alerts will happen. Test alerts are handled from the patreon site as shown in the video

uneven oxideBOT
#

@knotty vigil, posting multiple links will result in not being able to post again.

uneven oxideBOT
#

@fierce zodiac, posting multiple links will result in not being able to post again.

restive cobalt
#

Hi guys,
How can I be able to create an application to use on OAuth?

eager ginkgo
pulsar willow
#

Any one knows why this is happening?

unknown.png
peak raptor
#

today i want to stream on mixcloud. instead of youtube but after putting in stream details, when clicking on stream obs now brings up streamelements box to load youtube even though i changed the server and log in code on obs to mixcloud. I logged out streamelements and obs still wants to load youtube for some reason.it won't let me stream to mixcloud now is there any fix for this

elfin arch
#

@pulsar willow @peak raptor check over in #helpdesk-selive; someone there might be able to help ya ๐Ÿ™‚

pulsar willow
#

ok thx

elfin arch
#

this channel is more for API and widget stuff

pulsar willow
#

aii

peak raptor
uneven oxideBOT
#

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

restive cobalt
hardy walrus
elfin arch
#

thank you Sudo; i was trying to find that link

restive cobalt
blissful stirrup
#

Guys the boxed chat by @gilded meteor that is in the #widget-share cuts off the outline in the left side,can anyone help me with this pls

elfin arch
#

this part?

unknown.png
#

if so; try that Horizontal offset to 1

unknown.png
blissful stirrup
#

thanks mate

elfin arch
#

you got good eyes ๐Ÿ™‚ i had to zoom in to see it

blissful stirrup
#

no, i mean when i add smth to obs i go to the Full screen to see everything in details

ionic tide
#

hello! is there a way to make the chatbox coming from top to bottom instead of bottom to top?

elfin arch
ionic tide
#

no, the one by streamelements

elfin arch
#

take a look in #widget-share @ionic tide ; there are several community made chat widgets that have better customization ๐Ÿ™‚ .... i know that the Boxed One has an option for top-down. But others may as well.

ionic tide
#

okok thanks for the help <3

dry trench
#

Hi, i try paste clips in custom widget

<iframe
    src="https://clips.twitch.tv/embed?clip=VastSoftBunnyWoofer-7WtQShOWdvKx6f4g&parent=streamelements.com"
    height="720"
    width="540"
    allowfullscreen="1">
</iframe>

Not working, i test localhost, same not working.
What i write there ?

unique turret
#

Hi! I think this is the right channel to ask this. But I am adding the Kappagen emote wall onto my scene. i got it working for a while then all of sudden, the emotes i selected for the emoteplosions arent there anymore. There is only the BTTV emotes. I didnt change any settings, they just randomly disappeared. Thanks for the help!

uneven skiff
#

anyone have custom widgets for follower count and subcount that i can use and edit?

#

literally all i want is a simple output like this that i can add my own css to

Image_001_-_2021-06-20.png
vivid gull
sharp pebble
#

Hey, what happened to streamelements API documentation?

elfin arch
elfin arch
vivid gull
#

uhm

sharp pebble
#

thank you

vivid gull
#

o h

proud sparrow
#

not sure if this is the place to ask this question, but: Does anyone know if I can design an overlay for another user? and if so, how do they add it to their own SE so it uses their info instead of mine?

keen iron
#

how can I add or set a user watchtime?

warped cradle
#

I'm modding for a streamer but newer to the job. We want to do a lurk command that rolls a dice (random number) to perform a "stealth" check. Get that number and display a message depending on where that number lands.

Is this doable simply through the commands section of the bot or will this have to be some sort of customer widget in the overlay section?

nova rock
stone gyro
#

Hello! I think it would be fun to add a reward with channel points to put the chat in emote only for one minute

#

Now i do understand i can do this manually, but who wants to do it manually when you can do it with a bot!

#

Because there is no way to put this as an argument on twitch i will probably have to write some code in the RegEx section

#

Could anyone help me out? Like how to start, i kind of have an idea on the technique.

#

it would probably be something like, every second it adds a value to a variable, and when the variable hits 60 or something, it will do /emoteonlyoff

trim parrot
#

Hello. Where can I find the documentation for custom widget events?

hardy walrus
#

Channel topic.

trim parrot
#

Thank you.

warped cradle
nova rock
uneven skiff
#

now i just need to figure out how to use it haha

full jay
#

How do you show the recent followerS? I want to show on my overlay the three latest followers. I can only make it show the latest one, is there a variable I can add? Like: {name} {name2} {name3}

deep obsidian
#

Hey, when people try tip me its says "Error seller restriction" I don't know why.

pulsar willow
#

Sorry I am new with this, how can I get Auth key for the Streamelements API?

uneven oxideBOT
#

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

uneven oxideBOT
#

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

junior hare
#

how do i share my screen on obs

#

during live stream

fair plover
#

I need some help with getting the bot working in my stream on twitch. I have added StreamElements as a mond on twitch, what more can I do?

versed merlin
#

Hey! I have a quick question:
When I want to add a sound to a custom widget, I have to use

audio.play()```

But if I wish to access any other data in my script, I have to use obj.detail.fieldData.<name>

How come?
I initially tried
```fieldData = obj.detail.fieldData;
var audio = newAudio(fieldData.FieldSound);
audio.play()```
But this didn't work.
versed merlin
#

Or generally: In which cases do I know to use
{FieldName}
And in which cases do I use

fieldData.FieldName```
sturdy oak
#

@versed merlin If you'd like to play audio from fieldData you can use a video tag and have the script be {fieldName}
<video src="{fieldName}"></video>

#

You can use {fieldName} literally anywhere. But in javascript enclose it in quotes if you'd want it to be a string

versed merlin
#

@sturdy oak
Is video recommended over audio?

To give some context, I just intend to play a(n uploaded) soundeffect on execution of a code.
In this instance, it is on increase of a score, in a scoreboard widget.
At the moment I am using this:

var soundeffect = new Audio('{scoreSound}'); < Takes scoreSound fielddata 
soundeffect.volume = ('{scoreVolume}' * 0.01); < Sets volume
soundeffect.play();  < Plays the audio, named soundeffect```

Though in the rest of my code, for instance if I wish to, let's say access a text input in Fields, I use 
```fieldData = obj.detail.fieldData;
$('#Id').text(fieldData.name);```
sturdy oak
#

There's no real difference between generating it via Javascript, I tend to do what I can in HTML and CSS.

sturdy oak
#

But, you can save yourself the hassle ans use {fieldName} if you're doing something simple like a win counter

versed merlin
sturdy oak
#

You do you, it's mostly preferrence

versed merlin
sturdy oak
#

Nope, that would not work. Try this -

var fieldData;

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

window.addEventListener('onEventReceived', function (obj) {
    // Code that needs to be triggered by an event
});
#

Now you can access fieldData.fieldName

versed merlin
tribal zenith
#

To answer your original question: The difference is that the bracket syntax "{{fieldName}}" is getting replaced by the actual value, before executing anything else. (This works for HTML, CC & JS)
The fieldData object is JS exclusive, if you need more control over the value and/or want to parse that

sturdy oak
tribal zenith
versed merlin
#

Alright, thank you for your help ๐Ÿ˜„ This'll let me progress ๐Ÿ˜„

night hemlock
#

Does anyone know the HTML code for elixir user and amount? I know I have a few of them figured out

Amount = <span id="amount-container"></span>
```**<span id="amount-container"></span>** and **<span id="amount-container"></span>** does not work for elixir that I can tell.
odd timber
#

Can you make a shout out command where you use @ to work when generating a URL?

For example !so @mouse0270 will generate a a command that links ro that person twitch channel.

I am current using this syntax /me Be sure to check out this awesome character at twitch(dot)tv/${touser}. They were last seen playing ${game ${touser}} but that causes the following output

Be sure to check out this awesome character at twitch(dot)tv/@odd timber. They were last seen playing Dead by Daylight

Which well isn't a valid link... I prefer using @ when doing a shout out because it lets me quickly select the person... And I feel like this has to be possible, I am just missing something.

#

Found it... its ${channel ${touser}}

deft lantern
#

Can anyone point me in the direction of how to unhide a source when a hype train starts and, make a source react to % of a hype train?

karmic bay
#

So Twitch recently introduced a Schedule end point for thair API and I would kinda like to have my stream Schedule in an overlay ๐Ÿค”
I was just woundering if I have to access the Twitch API on my own, using something like AJAX or plain JavaScript or if there is an SE way of doing things like thease?

#

or if it is just not allowed to do this?

digital magnet
#

Hello ๐Ÿ™‚
I got a Question regarding the data I get from Twitch.
Currently I'm using "data["subscriber-goal"]["amount"]" for my customized goal. I want this goal to be static that means I will initialize it once and won't reset it after that (as soon as the goal is met, there will be set a new higher goal). Now to my question: If someone doesn't subscribe the next month, does this number go down? If yes could I fix that by using "data["subscriber-total"]["count"]"? Or does this result in the same effect?

uneven oxideBOT
#

@fallen wigeon, posting multiple links will result in not being able to post again.

odd timber
#

I noticed there is a feature to clear session data 15 after each stream end... I was curious if it was possible to do something similar to counters. I have a counter that I want reset to 0 after I am done streaming and was curious if this was possible or not.

uneven oxideBOT
#

@ornate wyvern, posting multiple links will result in not being able to post again.

vivid current
#

I have a question I don't know where to ask it. When I trigger an alert through stream elements it uses almost 55% of my CPU. Any idea why that would be? It is an i5-6600K and using chrome to trigger the alert Chromes CPU usage goes up 55%, with nothing else open on my PC except OBS when the alert is triggered it raises my CPU usage the same amount. I would love an answer to why that is or some help getting it to not use so much.

I am using the alert widget with a WEBM file as the video.

keen niche
#

does anyone know if you can make a command to where it counts time so i want to make it where the amount of hours i have on a game and it counts up as i stream?

vivid current
#

Oh wait I read that wrong, you want to track a certain games hours, not your streams... ok sorry

keen niche
#

yes

#

i want it to be where i have 5493 hours on the game and counting but with the command if you understand that

vivid current
#

Yea I get what you are saying

#

I am trying to think of a way to set that up, like a reverse countdown. You would have to activate it every time you start the game though, and stop it when you aren't if I can figure it out. You also wouldn't be able to use it for multiple games and would have to set one up for each game.

#

Again, if I can figure it out lol

swift widget
#

Hello Iโ€™m a game developer and was wondering if streamelements api is public so I can put it in my game as itโ€™s a twitch interactive game game and I would like a centre location for points instead of other streamer using there own loyalty system on streamelements

keen niche
#

@vivid current well the way the game i am playing the hours are counted even when not in game so it wouldnโ€™t have to be paused and started

elfin arch
uneven oxideBOT
#

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

pulsar willow
#

Is it possible to obtain a widget-import URL, for sharing with friends, without going through the process of submitting the widget for review and hosting?

Not seeing a share function anywhere in the widget editor.

uneven oxideBOT
#

@pulsar willow โคต๏ธ

Follow these steps to grant managers/moderators access to your dashboard:

  1. Click on your channel name at the top of the dashboard
  2. Create a new invite at one of three access levels (Bot Supervisor, Editor, Full Control)
  3. Send this invite to a mod/manager to give them access to your dashboard. The link is one-time-use and expires after 72 hours if not accepted

Video tutorial: https://youtu.be/zl_h-ttZDF0

hardy walrus
#

That's the only other option.

#

The link sharing option is limited to a certain group of approved individuals.

pulsar willow
#

Alright, thanks ๐Ÿ‘

#

That's what I was looking for, to simplify the process of importing projects being developed on GitHub, which aren't ready for release, or are individually tailored.

uneven oxideBOT
#

@scenic wraith, posting multiple links will result in not being able to post again.

digital magnet
#

Does "data["subscriber-total"]["count"]" track all subscribers I've ever gotten or does it vary depending on the subscribers currently subscribed to my channel?

odd timber
#

Does anyone know if it is possible to change a Field value via the url? Basically I have a social media widget that rotates but Bouncing Down and In and then it Bounces Up and Out before showing the next one.

And this works great on 3 out of my 4 scenes. However on the 4th scene this widget is in the diagonal corner from all of my other scenes and would look much nicer if it Bounced Up and In then Bounced Down and Out

It would be cool if we had a Field Value called like mouse_animationIn that we could set via a url by doing something like streamelements(dot)com/overlay/FAKE/FAKE?mouse_animationIn=animate__bounceInUp&mouse_animationOut=animate__bounceOutDown and this would override the settings selected in the overlay.

Cause right now I will have to bascially duplicate the widget and everytime I want to make a change, I'd have to make it twice.

swift widget
#

is there anyone who can help please with my question #dev-chat message as i have tried Streamelements Developers discord and had no response

gaunt bridge
#

Hey there, I'm looking to create a custom chatbox with custom JS to enable a typewriter experience. I've done this before in Streamlabs, but I'm curious if I can do this in Stream Elements

#

I found the Custom Widget creator, but unsure what the events are for messages

#

Is there documentation I could refer to?

#

Nvm I just saw it up in the top

shut charm
#

Hey, I know there's some issues going on with the websocket right now, but this is more a general question. I'm seeing some inconsistency with the documentation for the developer websocket:

https://dev.streamelements.com/docs/kappa/docs/Websockets.md

On that page, it shows a breakdown of the JSON contents of the event and it's what I see when testing it locally by adding a fake donation. However further down in the example code and up at the top of the page, it links to the following page which is supposed to detail out the contents of each event:

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

That link shows a different JSON data structure. This 2nd format of JSON is how it used to be and it worked previously, but at some point over the last month or so it changed over to the 1st format. Is there any reason why this breaking change occurred? Should code examples and links be changed? Is there more documentation on how this new event data is setup, such as how the merch data comes down in this new format?

keen niche
#

@vivid current did you ever end up figuring it out anniLOST

vivid current
#

and there is not currently any counter that counts uptime that can be modified to track game time played

#

maybe you could request that, I think it is a good idea

shut smelt
#

Hi, is there a tutorial available to help me implement this information into a custom widget?

unknown.png
#

I'm not aware if I need OAuth2 access to grab this info or not or how to go about setting that up correctly

#

And hopefully I'm just over complicating with my lack of understanding because I see the information is already known to StreamElements here so I assume it can be grabbed into the widget

unknown.png
#

As is the case with the premade "Recent Subscribers" widget

worldly field
#

Hey, is it possible to customise our hype boss with custom CSS or anything like that?

odd timber
#

It literally could be a browser difference in the css add this to the top:

*, :before, :after {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

It should help you make browser spacing more consistent.

#

give me like an hour.

#

I am working on something else, but I can look at it in detail then.

#

No worries, I can't do what I want to cause of freaking iframes and crossdomain... so might as well help someone else. lol

restive kernel
#

hi, i need help, im trying to enter in the streamelements site, and it doesnt open, and i want to download my overlays

odd timber
#

Do you care if I rewrite your CSS?

#

Because it uses table cells as display and flex is just something I am more comfortable with.

#

Wow, this is actually a really interesting issue.

#

What it looks like in chrome

unknown.png
#

And what it looks like in OBS. I might have to go over to OBS and see what browser they are using.

unknown.png
nova hedge
#

Is the websocket api down?

odd timber
#

Something like this:

unknown.png
#

So it appears the the CEF that OBS uses doesn't appear to like the css text-overflow: ellipsis; property if the text is aligned right, changing that to left aligned seemed to make it work nicer, I also moved the padding from the meta tag to the message tag..

nova hedge
#

We're still having all of our users not having the ability to use StreamElements websockets as of this morning

subtle imp
nova hedge
subtle imp
shut charm
viscid jay
#

I'm having the issue as well, the websockets are failing to authenticate, see attached.

Example_of_Error.png
trail warren
#

element,style

elfin arch
#

follow up question; what version of socket.IO are you using?

uneven oxideBOT
#

@dim sand, posting multiple links will result in not being able to post again.

viscid jay
#

It's just a test script that Styler gave me a while back, when the oauth beta was happening and there were issues. I'm using socket.io version 2.3.0.

elfin arch
#

oh... that is just hitting it like 50 times at the same time. ๐Ÿคท hahah. it's gotta be an Oauth thing thing cause I just checked with JWT and I have no issues; and not rate limited with a 50x call.

tawdry talon
#

Hi, a question about StreamElements.

Where can I find the purpose of collecting donations? For example, how is the DonationAlerts strip with the purpose and information about the collection?

uneven oxideBOT
#

@surreal pecan, posting multiple links will result in not being able to post again.

shut charm
keen iron
#

how can I set watchtime to a user via code?

#

to twitch

dim stream
#

Was looking to see if its possible to make an alert that will show a purchase from my website on the live stream

elfin arch
kindred orchid
#

hello everyone! I'm looking for a way to get a list of all my subs in the order they subbed in, Why? I'm making an alert widget that displays "Welcome Lab Member ${Number of Sub}", So if the number of total subs I have is 34 then if a new sub comes in it would say "Welcome Lab Member 35". Now I could do this by getting the total number of subs and adding +1 to it, Problem is with resubs. With resubs it would be: "Thanks for staying Lab Member ${Number of sub}", Hope you understood the problem I'm facing here and hoping someone has a solution. sry for the long message.

rain juniper
#

Hello there, I am creating a custom bits goal bar widget from the scratch... I want to know the difference between data["cheer-total"]["amount"] and data["cheer-goal"]["amount"]. Also I don't know how the built in goal bar widget gets the current bit goal value (from where it is retrieved).

elfin arch
#

oh and total ๐Ÿ™‚

rain juniper
#

ok, but I don't understand the goal option, there is documentation about that?... when starts the goal? or where it is configured the date of the start, for example on streamlabs, I can configure the current goal value, I don't know where to do it on streamelements

elfin arch
#

the Goal is um set by the streamer; it can be started or ended at anytime.

rain juniper
#

where is that configuration?

#

that's the question

elfin arch
rain juniper
#

oh ok, sorry, I came from streamlabs world, I didn't know about that option

elfin arch
#

that is the goal setup.

#

๐Ÿคฃ no worries; there are a lot of options. those are settings that only count up

#

they will not count down... unsubs etc.

rain juniper
#

I understand all now thank you very much

#

One more question... to update the bit goal bar, I am using the onEventReceived... It is the right way? or should I use the onSessionUpdate event?

rain juniper
#

I don't know if you can retrieve that info from the api, but if I were you, I would search on there

kindred orchid
#

Thank you so much @rain juniper , I considered that but it looked too difficult, guess I have to learn to use the twitch api now.

rain juniper
#

I think it is the right way to do it

#

maybe you can retrieve if it is the first month of that subscriber or not

elfin arch
rain juniper
#

nice thank you

rain juniper
#

if the duration in months is > 1 then is a resub

kindred orchid
#

this gives me the latest sub tho

#

data["subscriber-recent"] gives me only the last 25 subs

#

I think the twitch api is the way to go like you said @rain juniper

rain juniper
#

but your alert is for the last sub tho

#

so you can alert welcome or than kou for stay

#

without searching the last sub on the full list of subs

#

just seeing the dinration in months

kindred orchid
#

oh I think you misunderstood, All I need is the "id" of the subscriber, Which would their "place in line" from when they subbed

#

So my first ever sub on my channel would have an ID of 1

#

second one would have 2 and so on

rain juniper
#

ohh ok, you still need the place for the thank you to stay "id"

kindred orchid
#

well I did a onEventReceived for the sub alert

#

so I would fetch the "id" of the subscriber and add it in the "Welcome Lab Member ${id}"

rain juniper
#

yes, you need the whole list of subs and order them by date

#

but if a member unsubscribe, their place on that list will disappear?... so maybe the list will change

kindred orchid
#

yeah so ideally I would want an array of every subscriber that has ever subscribed with the id

rain juniper
#

even you get the whole sub list, I dont know if that info will let you know the correct id

kindred orchid
#

so if John is my 30th sub and 3 weeks later he unsubs he would still be the 30th sub

#

if he resubs later it would say "welcome back lab member 30"

kindred orchid
rain juniper
#

yes, but... if John is not subbed... the place 30th in the list will be replaced by the 31th on the sub list maybe

#

so the subcount+1 is not the next id

kindred orchid
kindred orchid
rain juniper
#

maybe you have to program your own api... with an ad hoc database that store that info for you

kindred orchid
#

hmmm but wouldnt that only work for new subs going forward?

rain juniper
#

yes

#

you have to populate the historical info manually

kindred orchid
#

I saw someone else here say "download the list of subs" so that could help with populating the database

elfin arch
#

i'll just chime in; but the Twitch API should give the first sub date ๐Ÿ˜‰

rain juniper
#

ok, I got you some insights, but I don't know the solution for real

kindred orchid
elfin arch
rain juniper
#

right, but that list maybe contains only the current subs, not the users that were subs before and are not now

#

same as twitch api

#

but you should check

kindred orchid
#

I'm gonna try this right now!

#

hope it works

rain juniper
elfin arch
#

๐Ÿค” ya; the Twitch api doesn't have a date for subs

#

when you go to that link; does it give date? i don't see that Twitch tracks a users sub date ... it tracks follow date but i see nothing for any sub (other than current)

kindred orchid
#

im gonna export the csv

rain juniper
#

I think the only available solution is to give to the historical users an ID not based on their first sub *date (that information does not exists)... and you have to implement your own api to store historical data from now

kindred orchid
#

yep I think it just gives the active subs

rain juniper
#

you can implement that easily in python and deploying on heroku

kindred orchid
#

hmmm I'll have to look further the twitch api HAS to have something

elfin arch
#

there is no date; ๐Ÿค”

kindred orchid
#

does this work? I didn't understand anything but looks relevant

#

I have 0 experience using the twitch api btw

rain juniper
#

the legacy twitch api v5 (kraken) retrieves a created_at... but that date is not reliable also

kindred orchid
#

Hmmmm this thing is getting less and less possible by the minute

rain juniper
kindred orchid
#

Will have to check it out

rain juniper
#

anyway I did read that th created_at parameter changes when a sub change their payment option (and maybe in other cases tho)... for that reason is not reliable

#

but you have to check

kindred orchid
#

Btw are there any more APIs I donโ€™t know about? Seems like every widget uses a new api, would be helpful for other widgets too.

rain juniper
#

ok, I leave, good luck guys!!

#

thank you for your help before

kindred orchid
#

Thank YOU for actually responding to my problem that doesnโ€™t want to be solved

rain juniper
#

xd

#

you are welcome

cinder ruin
#

is there a version of stream elemts for linux?

rugged rapids
#

Not that I am aware of. OBS.Live is only available for windows afaik.

gloomy kestrel
#

and also available for Mac ๐Ÿ˜›

odd timber
#

Wait am I confused? Yes OBS.Live may not be available for linux... But OBS.Live is not Stream Elements. OBS.Live just makes it easier to integrate Stream Elements into OBS. But you can still run OBS (or any streaming software that allows you to do browser source) and use Stream Elements. You'll just have to manage the widgets and other features from a normal browser.

Unless I missed something...

hardy walrus
#

@odd timber the service in general isn't OS specific. The actual programs we have are though (Mac & Windows)

#

People have a misunderstanding in general with what we do.

odd timber
#

I only use stream elements via browser sources and haven't really expanded out of that. So I haven't found anything that requires your applications for use.

It's rather confusing to explain to people. Lol

craggy viper
#

hey yall, I wanna create custom widget where can I get help ?

rugged rapids
#

Take a look at the channel header for documentation.

dim stream
abstract valve
#

Is streamelements available for mac?

gloomy kestrel
supple stag
#

Can someone help me on obs problem?
when i use the alerts, voice coming from obs but video not
also video and voice working good on streamelements site when i emulate

gloomy kestrel
severe shell
odd timber
#

OMG there needs to be a way to easily pass in variables to change things on a widget in streamelements. I have a video container that shows my D&D players name and twitch channel and the players each have there own color...

#

But how do I have to accomplish this in streamelements

#

I have to create 6 different widgets... So every time I fix something or update it, I have to do it 6 times.

twilit falcon
vivid gate
#

Hey, i wanted to setup a custom design/layout and implement it on my website for my stream elements store
Is there a basic example of how i could export the store items, is there an example i could get with the basics like twitch login and how to display the stream elements data? with a basic example i could probably get it setup by just looking at the other variables at the stream elements docs.

I don't understand much of websockets and json,
But if i see php i can get allot of it done myself haha

severe shell
#

The request will generate a JSON response

severe shell
vivid gate
twilit falcon
# 
(?i)(^!specificword) ([^@]*)\@ (\S\S)

This is my regex, it matches fine for what I'm doing, but the grouping isn't correct. I'd expect ${0} to be !specific word, ${1} to be the grouping matched by ([^@]*)@ which should be everything AFTER !specificword but before the first @, and ${2} to be the two characters following the @.

So I put in: !specificword this is text @ en
${0} should be: !specificword
${1} should be this is text:
${2} should be en

What I actually end up with is
${0} - !specificword
${1} - this
${2} - is
${3} - text
${4} - @
${5} - en

Is there any explanation as to why grouping doesn't work as defined in Google's RE2 documentation?

severe shell
vivid gate
twilit falcon
# twilit falcon

Here's the debug return from the command.

0 - ${0} | 1 - ${1} | 2 - ${2} | 3 - ${3} | 4 - ${4} | 5 - ${5}
vivaldi_2021-06-27_20-42-47.png
craggy viper
#

hello guys, how do I emulate a custom widget ? or I should go live to test it ?

acoustic mesa
#

does streamelements bot support json?

grave field
#

Hi there! I'm the COO and co-owner of Vimm.tv, and my users have asked about integrating Vimm with SE. I opened a support ticket, but I'm not sure it was routed to the right place. Is there a staff that would be able to help me get in touch with the right people?

viral patrol
#

Ouch. There is no store in this class.

fading basalt
#

Hello

#

I'm using ONSCREEN COMMANDS BY ZANZER

#

But when triggering the video in the OBS nothing happens, except audio is working, but no video

#

it's working in overlay on website, but not in the OBS

#

I figured out

#

it's not working because the video is in WebM...

#

can you fix it?

high cobalt
#

hey, quick question, if i want to make a command, where if someone goes !info in chat, it takes the info of the game, and the bot will post info about the game like steam link or smth like that, is it possible?

#

i think it is, but its hard

twilit falcon
worthy mango
#

isnt there any public api available at this moment of time?

nova rock
#

Like the one linked to in the topic? No, no thereโ€™s not Kappa

worthy mango
#

fml i dind even see it on the top

#

mybad

nova rock
#

Haha, no worries

worthy mango
#

thanks for pointing that out โค๏ธ

nova rock
#

DW, we all derp sometimes

worthy mango
#

kinda used to early age rest apis with just tokens and such

#

time to learn some oauth i guess

#

Hmm i need to signup for oauth access according to docs but the link seems to not accept anymore applicants?

nova rock
#

You have to use the users JWT token from their settings page I think

worthy mango
#

thanks

tranquil steeple
#

Hi, I'm trying to build a custom widget with the possibility to use a line break (preferably with enter).
I see that some stock widgets has this possibility, but I don't know how to do it.

#

This one is an example of how I want it to be.

unknown.png
thorn olive
#

Will we ever have an option to make commands for specific users on twitch through the Streamelements bot?

hushed grove
#

Is there a way to trigger the TTS via custom HTML etc or does it only work via the alertbox?

gaunt bridge
#

Is there any documentation on how to use a Custom Widget to be able to post as the cloud bot, and also better documentation on bot command syntax?

#

Looking specifically to replicate something I did with Streamlabs Chatbot

#

What I did there was have a command that would $readrandline(PATH_TO_TXT_FILE) and in that txt I would have a bunch of $addpoints() lines that would give different messages and point values such as $addpoints("$username","300","400","With the sound of a ringing "SMACK" echoing through the room, $username got $value krisp high fives!","fail")

#

Looking to replicate this, but using JS in a custom widget, but I am unsure of the $addpoints syntax, as well as how to post as the bot

thin oriole
#

i canยดt minimize or maximize the obs
anyone can help me??
pls

gaunt bridge
#

Ok so I just found out that if I type !addpoints into my chat, it'll tell me how to use it. Not exactly intuitive, but ok we're getting somewhere. Does anyone know how to change the default message?

elfin arch
gaunt bridge
#

Either/or

#

I have ideas for both approaches

#

But I need to be able to add points to a user with a custom message

elfin arch
#

having a custom widget would require it being loaded into OBS as a source which is easiest; command wise would require setting up an API middle man basically

gaunt bridge
#

Yeah I'm fine with either

#

I could query a Google Script for the middle man

#

(I think)

#

But the issue is how to add points to a user while delivering a custom message

#

I've got everything else figured out except that

elfin arch
#

let's start with a custom widget ... as i have better easier code for that. It still requires a middle man, but there is a community one built by lx that works great.

gaunt bridge
#

Why would a middle man be needed? You could just run the JS in the Widget and then run a POST to the SE API as the bot, no?

elfin arch
#

it's to mask the JWT token needed to make the call

gaunt bridge
#

But if you're currently running in the SE environment... why would you need to do that

elfin arch
#

because the widget isn't fully secure, and if your JWT token is in an overlay link it is vulnerable

gaunt bridge
#

Ah

#

I thought it was running over HTTPS

elfin arch
#

if you share your Overlay link and the tokn is hardcoded in.... it can't be reset.

#

and middleware has a resetable token or masks it so it's not hard coded.

gaunt bridge
#

I would have thought that any events recieved would have some sort of token callable. I'll have to review the JSON returned I guess

#

Or onWidgetLoad

elfin arch
#

the widget Events are one way for information, so you just get the info ... then you process it it with JS

gaunt bridge
#

Fair

elfin arch
#

you don't get token info from it (cause that is secret)

gaunt bridge
#

So we get a token. And this is used to call the SE API and post as the bot?

elfin arch
#

correct

gaunt bridge
#

Cool. So now that we have our connect, and assuming a text string is generated for the response, how do we then use that string in a addpoints call

#

Or can we call an API to simply add the points and return an arbitrary message?

elfin arch
#

you can see the function calls if you just load the widgets.js link .... but ya

gaunt bridge
#

Who manages jebaited?

elfin arch
#

@lx; he's Europe though. sleeping so i ain't gonna tag em

#

then it's basically ```js
jebaitedAPI = new Jebaited(fieldData['jebaitedAPIToken']);
jebaitedAPI.sayMessage(/me ${msg}).catch(e => console.log('jebaited.sayMessage: ', e));
jebaitedAPI.addPoints(user, points).then(d => console.log(${points} points added to ${user})).catch(e => console.log('jebaited.addPoints: ', e));

gaunt bridge
#

Do you know how that API is able to query loyalty?

#

And increase user points?

#

Is it open source?

elfin arch
#

it's just an API wrapper that gives you a Token with scopes and does some basic API calls. the source is https://jebaited.net/assets/js/widgets.js

gaunt bridge
#

Right but I'm curious how it works, so I was hoping to check it out :P

#

I've been searching all over for how to do this myself, so I'm curious how they did it haha

#

If not, ah well

elfin arch
#

oh; how to directly add points with the API?

gaunt bridge
#

Yeah

#

That's really all I need

#

I looked in the docs pinned above but couldn't find anything

elfin arch
gaunt bridge
#

Man, I looked at that and it was NOT descriptive enough to indicate that's what I needed

#

SWEET

#

thank you so much!

#

But wait, where did you get that snippet of fetch?

#

OH FUCK ME

#

I SEE IT NOW

#

CODE GENERATION

#

Thank you. Now things are really gonna open up

#

But still, these docs could possibly use a bit of work to be a bit more descriptive :P

#

Either way, thanks so much!

elfin arch
#

i agree. some better examples would help.

gaunt bridge
#

Yeah if it weren't for you, I would never have known that was the endpoint to call

elfin arch
#

are you just trying to add/remove points for a single user or doing a bulk points thing? cause that gets a little more complicated

gaunt bridge
#

Just like have a person type !highfive, have a const points = Math.random(1, 300), and then do a switch(points) based on value spread (i.e. points >= 200 && points < 300) to deliver different messages while adding the points to the user

#

However, it would really be better if I could do this as a chat command

#

That way I could limit how often a user could do this

#

So I'm planning on writing it as a Google Script and calling it that way, and then returning the string generated

#

Or any other place i can host a tiny JS function and query it

elfin arch
#

ya; there are a few routes that; the Custom Widget route would work good for that ... but again needs to be loaded into OBS as a source

gaunt bridge
#

Can you implement cooldowns in the custom widget?

elfin arch
#

only thing with external API calls is that if it appears on your Commands page then people can just do the call and add unlimited points

gaunt bridge
#

I'd imagine so

elfin arch
#

yup; when you get into the widget all javascript is unlocked

gaunt bridge
#

I'm gonna make it show up in my commands, but have it have a user cooldown and only active during a stream

#

Plus the loyalty is honest completely arbitrary :P It's completely useless apart from it being a flex for users by the end of the month (as I reset it each month)

#

It's just a fun way to get people to engage in chat

native shore
#

Not sure if im in the right channel for this, but is there a link somewhere to apply to get access to one click installs? i applied last year because i do work on fiverr but i am yet to hear back about it.

elfin arch
gaunt bridge
#

Ahhhh, fair

elfin arch
native shore
#

ok

#

when should i check back in for that info?

#

and i lost the link that was given to me previously

elfin arch
#

gottcha; ... it was obviously missed because you should have gotten a response by now. I'll try to get of of the staff members that are in control of that part to reach out to you; but it might be a day or so.

native shore
#

yea i was told by the person it usually takes about a month or so

native shore
viral patrol
#

@gaunt bridge for custom command there should be easier version for that. Give me a second

# 
With the sound of a ringing "SMACK" echoing through the room, $username got ${customapi ${customapi https://api.jebaited.net/addPoints/JEBAITEDTOKEN/${random.chatter}/${random 0-500}}
?format=amount} krisp high fives!
#

And now I followed a bit further and I see that there's more into that, so a parser in the middle is a good idea ๐Ÿ˜‰

#

@native shore Currently a person who is helping with Fiverr integrations is on vacations, but you can reach @tacit musk next week.

native shore
thick basin
#

Hello, I hope someone here can help me. I want to use an EVENTS ROTATOR.
I imported this from Alpha Gaming. But I would like that there is still Last Follower, Last Sub, etc. And at the top in the middle. What do I have to write in the css? I've tried a few things, but somehow it doesn't work.

Screenshot_2021-06-29_1p01432.png
hardy walrus
#

This isn't the channel for your issue and you're being helped already.

thick basin
#

I was told to post it here. And I haven't received any help yet.

hardy walrus
#

It was someone else. Disregard that.

rapid pumice
#

Hello guys, I want to add next to the name of the sub {name} , the image of the subs badge, how do I do it?

unknown.png
#

Here's the image as an example, whenever a new sub appears, change the sub's badge and name

rapid pumice
#

Where do I get this information? can you help me @flint goblet

flint goblet
#

mb

#

was meant in the other chat

rapid pumice
#

๐Ÿ‘

teal osprey
#

Request: I would like to add Patreon goals to my channel overlay. Is it possible for someone to build a simple widget for this?

There are Goals on Patreon, so it would be super cool if those could be reflected on screen, although I'm not sure if Patreon's end points are available for this. If not, either a count of Patreons or Pledge Amount would be awesome in something like a bar goal or percentage tracker.

worthy mango
#

for the API there is a "Others" section, but i cant seem to figure out how to use them?

#

and is there a way to fire custom tips? (preset value, message etc)

small eagle
#

Anyway to add an inventory system from purchases from the stream store? Like view what everyones bought

dark olive
#

Is this the right place to ask about custom widgets?

#

I'm trying to work with the Simplified Levels Bar, but it seems that it doesn't save bits/tips amounts between sessions

late topaz
#

ok i have a couple commands setup in my channel including !clip !clipkill !clipdeath, and they all clip the previous 30 secs of stream and posts them to my discord. but i want to make a !lastkill and !lastdeath commands to automatically link the last clip from either !clipkill or !clipdeath, what kind of api or code do i need to find and do this ?

pulsar willow
#

Hello !
When I try to load an animated overlay in obs, it makes all the web sources to quickly flicker (like everything tries to reload at the same time, even the web based twitch panels) and eventually the browser sources freeze.
Seems related to videos loading in my overlays (everything was working for more than 6 months without any modification. If I hide browser sources related to streamelements overlays, no more errors in the log. Do you have any idea that can help me please?
(attached live log JS errors screenshot)

unknown.png
fading basalt
#

Any suggestions on !spin wheel extension?
Need to fill the will with pre-selected text
Streamlabs wheel is awfull, can't see anything.
Any suggestions?

worthy mango
dark olive
chilly salmon
#

does @viral patrol's bank !heist command still work? just took a stab at getting it running with no luck. does my stream have to be live?

viral patrol
chilly salmon
#

alright. thanks for taking a look

viral patrol
#

Make sure you used proper token (botMsg and addPoints scopes)

chilly salmon
#

the token privs look ok

chilly salmon
#

oh god. im sorry. the problem is that i had 0 points.

viral patrol
#

I think to get more points you should maybe try to rob a points bank ๐Ÿ™‚

chilly salmon
#

๐Ÿ˜›

nocturne glen
#

Hello, I'm looking for a widget that changes the size of an image according to the amount of subs. Does anyone know if that already exist?

dark olive
#

How the heck does the default bit goal bar work...

dark olive
#

Like, how does it get the amount of bits since the start of the goal?

uneven oxideBOT
#

@dark olive โคต๏ธ

To reset goals:

  • from the Overlay Editor > Session data on top right (monitor symbol) > Goals tab > reset progress of desired goal
  • from the Dashboard > Activity feed on the left > Widget data on the right > Goals tab -> reset progress of desired goal

Note: Goal widgets (progress) only counts up and doesn't go down automatically, if you lose followers/subs.

dark olive
#

I'm talking code-wise

#

i'm trying to make simplified levels bar to behave normally

#

Instead of resetting upon OBS restart

mighty bough
#

Hello! I am trying to solve an issue with a Widget but im getting a weird bug, if someone could look at it or give me some ideas to fix it it would be a big help.

Basically, I have 2 SE overlays using the same widget but with different settings, a chat widget, the different setting is the chat message text color stays as the last "saved" color on every instance of that widget I have on any overlay. Has anyone ever seen this kind of bug show up? I've been told it shouldnt be happening as they're completely independent from each other

quartz crater
#

Where can i get a custom api for a custom followage command in stream elements. i do want to use the default one

teal osprey
#

Hi @viral patrol - I've been tinkering with your Patreon alert widget (thank you!), and I'm wondering if there is a way to show Patreon goals on my overlay, such as a counter or progress bar. I have the jebaited.net connected, but I'm not a dev, so I don't know how to build my own widget, even just for a simple onscreen goal. Is this something you or someone could assist with? I'm trying to promote Patreon > Twitch subs, at this time.

uneven oxideBOT
#

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

severe shell
quartz crater
severe shell
quartz crater
severe shell
quartz crater
severe shell
quartz crater
severe shell
quartz crater
severe shell
quartz crater