#dev-chat | StreamElements | Page 45

viral patrol Oct 1, 2020, 6:06 AM

#

@west herald Check #widget-share for OBS scene/source changer as the syntax via this plugin is different.

#

@lusty harbor https://support.streamelements.com/hc/en-us/articles/115000366131-Media-Request

slim agate Oct 1, 2020, 9:57 AM

#

how can i cancel se pay?

high swallowBOT Oct 1, 2020, 9:58 AM

#

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

slim agate Oct 1, 2020, 9:58 AM

#

5c9bc2485f0cf9da70577949

slim agate Oct 1, 2020, 10:40 AM

#

thank you 🙂

half fjord Oct 1, 2020, 2:18 PM

#

Greetings all! I'm looking to convert an existing JS to an overlay widget and having issues with syntax. I'm not a programmer so still trying to figure out how exactly to line everything up with the documentation I've found but what I'm seeing, to me, suggests that it may be possible by utilizing counters in chat and having them update a widget/image. It's really the joy of how to get it all to be utilized either from the code being loaded into SE directly or from calls to the js file (if edits were made to it in github).
I can get it to work conceptually with a Wins counter example I found in threads here but I can't presently wrap my mind around how to have the functions work (let alone making them nested) in JS to make image calls since I can't find examples for what I want to do with that for static images or with a variable image as the original code has it.
The widget example is here: https://github.com/StreamElements/widgets/tree/master/BotCounter
Conversation is here: https://discordapp.com/channels/141203863863558144/259680142459142144/549944123470381066

I think I might be kinda close to what I'm wanting with image changing depending on count with this example: https://github.com/StreamElements/widgets/tree/master/ImageOnEventAmount

The code I am working with is found here: https://github.com/UBERCRUZER/bar-loader
Posting this question with permission from the code author.

Thanks in advance for any assistance!

viral patrol Oct 1, 2020, 2:47 PM

#

@half fjord https://streamelements.com/dashboard/overlays/share/5f75e7c44cf4f0db3acff292 Grab that overlay and type on your chat !loadbar 200 kg

half fjord Oct 1, 2020, 3:00 PM

#

@half fjord https://streamelements.com/dashboard/overlays/share/5f75e7c44cf4f0db3acff292 Grab that overlay and type on your chat !loadbar 200 kg
@viral patrol You are a god among men. I appreciate that greatly!

Being able to look at the widget editor also helps answer those questions that I had about it. Thanks again!

viral patrol Oct 1, 2020, 3:01 PM

#

You are welcome.

pulsar willow Oct 1, 2020, 3:55 PM

#

Is there an event like onDataLoad? Waiting on 4-5 images from the server before I can do anything.

#

onEventReceived doesn't help here since it's just a slider and the only so-called dynamic data are the links to these images.

viral patrol Oct 1, 2020, 4:00 PM

#

I think the best way is using jQuery $(document).ready() or https://stackoverflow.com/questions/9899372/pure-javascript-equivalent-of-jquerys-ready-how-to-call-a-function-when-t or you can load all the images via JS and check the state

half fjord Oct 1, 2020, 5:25 PM

#

For the barload thing above, is there maybe a way to have it unload the image if there is no weight on the bar? Just curious how variable that might be as I don't always use weights and can easily just enable/disable the source but i'm the curious sort.
Also my brain is apparently not working. Which line changes the font color? Black is kinda hard to read in some instances.

viral patrol Oct 1, 2020, 5:44 PM

#

Font color can be adjusted in CSS tab. Visibility if no weight - I think you can add a command !hide that will change visibility and !loadbar should enable visibility

toxic terrace Oct 1, 2020, 6:04 PM

#

how can i share my overlay to some else

brittle salmon Oct 1, 2020, 7:27 PM

#

Hello, I can't edit or preview the overlays

#

📎 unknown.png

#

Can someone help me? Whenever I click to open they just keep loading

half fjord Oct 1, 2020, 8:35 PM

#

Font color can be adjusted in CSS tab. Visibility if no weight - I think you can add a command !hide that will change visibility and !loadbar should enable visibility
@viral patrol i'll try it. thanks!

toxic terrace Oct 1, 2020, 8:46 PM

#

I have client work how can send you the stream overlay link use it easily for him can any one tell me

#

@half fjord hey if you now about this can you tell me

half fjord Oct 1, 2020, 9:29 PM

#

I have client work how can send you the stream overlay link use it easily for him can any one tell me
@toxic terrace Digging through the chat search, people like you and I don't have access to do that: https://discordapp.com/channels/141203863863558144/370226812669788161/757303687776567327
" ... that is only for accounts with special permissions and a background check"
If you want to share it to someone that you trust, you would have to have at least editor access to their dashboard or the other way around then it could be duplicated between the accounts.

cloud monolith Oct 1, 2020, 11:06 PM

#

when im setting up tip alerts, how do i make it to where a certain dollar amount of tip triggers one alerrt and the other range of amount triggers another?

example 3-29$ is one alert and 30-99 is another alert?

half fjord Oct 2, 2020, 1:35 AM

#

when im setting up tip alerts, how do i make it to where a certain dollar amount of tip triggers one alerrt and the other range of amount triggers another?

example 3-29$ is one alert and 30-99 is another alert?
@cloud monolith I've now responded to your question of this in helpdesk-twitch channel, I believe they prefer you just posting questions in one channel and keeping it to the appropriate channel.

mighty bough Oct 2, 2020, 5:38 AM

#

Could someone explain how to get a mini game working in my stream that viewers could open and play? I simply just want minesweeper, im not sure if mouse interaction is possible, if they cant click on anything then i'd like for them to be able to pick a column+row to click by typing it in chat, or by channel point reward.

I have the code for a Vanila JS, HTML, CSS from this site, you can check it out here for info:

https://www.nickarocho.com/projects-index/minesweeper

viral patrol Oct 2, 2020, 7:00 AM

#

@mighty bough You will need to create a chat listener for !bomb x y and flag x y where x and y are between 0 and 15. Then you can trigger this function via this listener:

const cast = (type,row,col)=>{
  const el=$(`[data-row=${row}][data-col=${col}]`);
  if (el.hasClass("game-cell")){
      if (!timerId) setTimer();
      var cell = board[row][col];
      if (type==="flag" && !cell.revealed && bombCount > 0) {
      bombCount += cell.flag() ? -1 : 1;
    } else {
      hitBomb = cell.reveal();
      if (hitBomb) {
        revealAll();
        clearInterval(timerId);
        e.target.style.backgroundColor = 'red';
      }
    }
    winner = getWinner();
    render();
  }
}

cloud monolith Oct 2, 2020, 8:22 AM

#

@cloud monolith I've now responded to your question of this in helpdesk-twitch channel, I believe they prefer you just posting questions in one channel and keeping it to the appropriate channel.
@half fjord yea but no one answers me

viral patrol Oct 2, 2020, 8:28 AM

#

@cloud monolith i thought you got answer. Thank you for bringing it. So basically you need to create alert variations

default alert (will cover lowest tips)
at least $3 - this will cover $3-$29.99
at least $30 - this will cover $30+

cloud monolith Oct 2, 2020, 12:59 PM

#

so in alert variations you cant have different sized alerts?

#

because it keeps keeping the same dimensions of my other alerts

#

unless i make a completely seperate alert, but other then the range of my donations wont work

hardy walrus Oct 2, 2020, 1:05 PM

#

Unless you set the alertbox full 1080 then you'd need different overlays.

cloud monolith Oct 2, 2020, 1:06 PM

#

i figured...so how can I make it to where My alert variations dont kick off during that seperate alert?

#

example, i have 3 kinds of tip alerts. one for 3-29 dollars, 30-99, and 100=

#

100+

#

the 100+ one i cant use in the variations

#

due tot he size I need it to be

#

thank you in advance

shut shell Oct 2, 2020, 1:12 PM

#

Good morning developers! I asked Icel about how to get a link to my recent YouTube video. I did get a code to use but to no avail it didn’t work. In hindsight, im wanting to auto generate a link for my recent YT video either in either as a chat command or timer command. Any leads?

pulsar arch Oct 2, 2020, 1:18 PM

#

hey @shut shell I know it's not coding per say, but if you use tubebuddy they have a link that will always direct to your most recent video

hardy walrus Oct 2, 2020, 1:38 PM

#

@shut shell Go to the public link for your channel. Without linking it what does it have following the first slash after youtube.com?

viral patrol Oct 2, 2020, 1:50 PM

#

@cloud monolith You can have more than one alertbox within single overlay. The most common way is to have two of them where small is for regular alerts and big for hype events.

Create a variation $100 on small alertbox and disable everything there, remove text, image, sound
Create a big alertbox which default alert is empty (like a variation above), but it has a variation that will be played - $100+ with everything you want to show

#

@shut shell https://docs.decapi.me/youtube?endpoint=latest_video. It is ${customapi https://decapi.me/youtube/latest_video?user=USERNAME_HERE} OR ${customapi https://decapi.me/youtube/latest_video?id=CHANNELID_HERE}

cloud monolith Oct 2, 2020, 2:03 PM

#

@cloud monolith You can have more than one alertbox within single overlay. The most common way is to have two of them where small is for regular alerts and big for hype events.

Create a variation $100 on small alertbox and disable everything there, remove text, image, sound

Create a big alertbox which default alert is empty (like a variation above), but it has a variation that will be played - $100+ with everything you want to show
@viral patrol ahhhhhh that makes sense...thank you!

mighty bough Oct 2, 2020, 6:22 PM

#

~~How much would it cost for someone to make clippy into a widget for me? Will trade graphic design services for help lol

Or have him running as a source in OBS would be an option as well, live animations as if he were really running is the goal!~~

~~Heres the code:
https://www.smore.com/clippy-js~~

upper bough Oct 2, 2020, 7:44 PM

#

@mighty bough https://discordapp.com/channels/141203863863558144/457957557470887947/750620767309529088

shut shell Oct 2, 2020, 8:12 PM

#

@viral patrol thank you, it’s worked! I hope you’re staying healthy and safe! Have a great weekend!

mighty bough Oct 2, 2020, 8:31 PM

#

@upper bough dont know why "Clippy" didnt show up in the discord search!

#

@upper bough i assume its more than just clippy as the follower animation is bonzai =(, was hoping for just clippy. Man, i need to learn to code so i can just make it all myself haha. Appreciate it tho!

#

@viral patrol how difficult would it be to update the Clippy widget to have just clippy and have the text box show above the character?

viral patrol Oct 2, 2020, 8:37 PM

#

If you want to have just a clippy - change agent to Clippy in "Follower" and other widget settings.

#

And if you want it to be permapresent on your screen - unfortunately this would require a big rewrite of that widget.

mighty bough Oct 2, 2020, 8:38 PM

#

@viral patrol Perma isn't needed, i'll just do a slide in/out right animation.

#

And I see the agent settings now, thanks!

viral patrol Oct 2, 2020, 8:39 PM

#

This is "regular" alertbox, so you can adjust appear/disappear animations too

mighty bough Oct 2, 2020, 8:39 PM

#

right!

#

@low canyon y i k e s

viral patrol Oct 2, 2020, 8:40 PM

#

I have a feeling that this person will disappear shortly

upper bough Oct 2, 2020, 8:44 PM

#

https://tenor.com/view/ban-banned-gif-8540509

Tenor

viral patrol Oct 2, 2020, 8:44 PM

#

Huh. About text bubble - I don't remember that, but I think if you adjust position of Clippy it will use empty space to display bubble

mighty bough Oct 2, 2020, 8:45 PM

#

Makes sense. Its all good, it seems to be animation dependant where the bubble shows

viral patrol Oct 2, 2020, 8:47 PM

#

I think this can bring as many surprises as Office 97 had.

#

Like flight simulator in Excel.

mighty bough Oct 2, 2020, 8:51 PM

#

@viral patrol you came thru hard with that widget, thought Id have to do all that myself with animations and sounds and who knows what else hahaha

crisp needle Oct 3, 2020, 9:59 AM

#

Quick question: is there an easy way to format the side, where {currency} appears in the alert? What should it be based on? I have trouble using locale for this...

viral patrol Oct 3, 2020, 10:28 AM

#

@crisp needle I am not sure if there's currency code as templating variable as in that case it would be just:

const amount = parseFloat(`{amount}`).toLocaleString(`{userLocale}`, {
    style: 'currency',
    minimumFractionDigits: parseFloat(`{amount}`)%1!=0?2:0,
    currency: `{currencyCode}`
});

But you can add currencyCode and userLocale as custom fields, user can provide data for.

#

I am using parseFloat for that to not have those variables underlined in my IDE, you can skip that and use just {amount}

crisp needle Oct 3, 2020, 10:53 AM

#

Thank you, I'll check it out

viral patrol Oct 3, 2020, 11:05 AM

#

And this may help you with it: https://github.com/StreamElements/widgets/blob/master/CustomEventList/widget.json#L168

#

So you don't have to prepare this locale list on your own

pulsar willow Oct 3, 2020, 1:39 PM

#

hi

half fjord Oct 3, 2020, 1:43 PM

#

I was playing with the wheel spin options that exist last night as per this thread: https://discordapp.com/channels/141203863863558144/457957557470887947/731885619114147840 using the "prize wheel" alternate.
It works great for what I am doing with just a couple of questions. I was wondering if there is a way to have the results output text results to a field on an overlay or a text variable as it were. I can get it to update counters but not a way to automatically show text to display a list of "prizes won" that I can use in an overlay.
So, here's what I have and what I'm trying for. I'm using this for workout streams where I spin a wheel to pick what exercises are going to be done for the day. I have a list of exercises on one wheel that output to chat of what each spin comes out as. Separately I have 8 spinners that are just #s to know how many of which of the 8 exercise to do. These all output to chat to update the counter for the field. I can get that part because they are number counters, but auto updating text in an overlay is a different animal. Hopefully I explained that well enough between this and the image here.

In short, if there is a way to get an overlay to automatically pick up certain text triggers to add to text fields that would be useable. If there is a way to do it so the prizes just go straight to an overlay that works too.
Also, I'm sure there is a way to do a variable for the # spinner so I don't have to have one for each exercise and I can just call !ex1 but I wasn't cognizant enough at 2am to deal with figuring that out so I went the "easier" but more time consuming route or just making separate wheels.

Thanks in advance.

📎 unknown.png

pulsar arch Oct 3, 2020, 4:33 PM

#

can anyone guide me on how to change out this image?

📎 unknown.png

hardy walrus Oct 3, 2020, 4:37 PM

#

@pulsar arch You'd click the 3 dots and choose properties. You'd choose the game for it there. Beyond that not possible.

pulsar arch Oct 3, 2020, 4:39 PM

#

Ah, that makes sense I never chose a game. Thank you!

cyan elk Oct 3, 2020, 6:00 PM

#

Hi All - Trying to find some guidance on whether it's possible (or incredibly easy and I'm just not understanding how...) to customize an alternate follow alert that will fire when the total follower count is at a specific number. (e.g. specific alert for 10,000th follower)

viral patrol Oct 3, 2020, 6:06 PM

#

@cyan elk Check this one: https://github.com/StreamElements/widgets/tree/master/AlertsOnProgress

cyan elk Oct 3, 2020, 6:07 PM

#

@viral patrol Thanks so much, I will dig into this. Appreciate it!

half fjord Oct 3, 2020, 6:41 PM

#

I put the spinner through its paces today and the proof of concept worked. I just need to tighten up the code to have the JS nested so I only have one # spinner and hope to eventually not have to manually enter the text but it wasn't too bad.

vapid oyster Oct 3, 2020, 8:48 PM

#

Hi guys. Are JS / Jquerry questions allowed here?
I want to have an alert box pop up every X minutes. Seems to work.
But now I want to replace the hardcoded values with streamelements fields.
https://jsfiddle.net/qebxsjta/21/
The content of <div class="text">foo</div> to be precise.

$('.text').text = "eee1";

This does not seem to work :/

Edit fiddle - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

#

nevermind. I can't read :))))

$('.text').text("eee1");
``` works

exotic heron Oct 3, 2020, 10:59 PM

#

hello, how to upload data from counter on load stream?
Or if i write some command and it will be done.
which event pull object when stream is start?)
https://cdn.discordapp.com/attachments/199460642975907840/762085356597542952/unknown.png

elfin arch Oct 4, 2020, 6:07 AM

#

@half fjord just skimmed your last VoD with the wheel. Looks sweet what you are doing! ...unfortunately my dev time has dropped to zero so I have limited time help.
Basically; There is no way for the wheel to directly update a different layout (they are each in their own sandbox). It is possible though to merge all of the code into one layout, but the way you using it sent a command to chat then updating is the easiest way. There is also a way to have multiple wheels built into 1 overlay. If you look at the SubWheel alternative, there are 3 different "prizeList"s for a normal sub, gift sub of 5, and then gift sub >5. In theory, it would be possible to do you main "exercise" spin, then call a re-spin for one of the 'rep #' wheels.

elfin arch Oct 4, 2020, 6:32 AM

#

I believe you can load the counter value in onWidgetLoad with ```js
SE_API.counters.get('counterName').then(counter => {
// counter is of the format { counter, value }
});

#

@exotic heron ^

half fjord Oct 4, 2020, 7:32 AM

#

@elfin arch appreciate that! and I appreciate the wheel!
Hmm, is there any way in SE to have a text variable that can be called in an overlay or widget? If so, I could certainly utilize text cues for updates. Maybe something similar to having the chat text appear on screen but only text that has been denoted properly, or only from a specific user? I know that counters only allow numbers but something similar to that allowing text would be fantastic.

As for the number wheel spins, I agree. It's very much just a sequence of if/else statements and maybe a variable as with the prize spinner or the way the loadbar is setup that Ix helped with. I'm sure I'll play with it when I have time.

elfin arch Oct 4, 2020, 7:44 AM

#

how do you mean on the first question @half fjord ? can you give an example. For number 2 it would be more of adding a "type:" to the main object like the response 'res''s

📎 unknown.png

elfin arch Oct 4, 2020, 8:53 AM

#

Try this @half fjord 😉

📎 respinWheel.js

#

the 'defaultList' is your first spin. then it will read the "respin" from that result and spin again with that list.

📎 unknown.png

#

1 important note; is that the "glow" list must match or be greater then the amount of lists. if it isn't you'll get errors

📎 unknown.png

viral patrol Oct 4, 2020, 9:11 AM

#

@elfin arch why not:

{
    const diff = prizeLists.length - wheelGlow.length>0;
    if (diff){
        for (i=0; i<=diff;i++){
          wheelGlow.push(wheelGlow[Math.floor(Math.random() * wheelGlow.length)]);
        }
    }
}

🙂

elfin arch Oct 4, 2020, 9:15 AM

#

🤣 it's getting hardcoded at this point. the different wheel colors shouldn't even exist

📎 unknown.png

#

but; ya... i should have added a default error check for if no wheel color; don't crash

viral patrol Oct 4, 2020, 9:16 AM

#

Oh. So filter and refill

tribal robin Oct 4, 2020, 9:16 AM

#

an option for bot to whitelist twitch clips in chat for autopermit might have a low enough risk of abuse to be worth having

viral patrol Oct 4, 2020, 9:17 AM

#

@tribal robin https://streamelements.com/dashboard/bot-spam-filters You can put them on whitelist.

tribal robin Oct 4, 2020, 9:18 AM

#

wow it's like you guys thought of everything, thanks!

vapid oyster Oct 4, 2020, 10:32 AM

#

Hi guys. After I have created a custom widget, how do I save it to be used in other overviews?

elfin arch Oct 4, 2020, 10:33 AM

#

Do you want to share it with everyone and make it a #widget-share ?

vapid oyster Oct 4, 2020, 10:34 AM

#

No, not really. At least not yet.

#

If I have to that is fine. Just an easy way to use it in my other overlays

elfin arch Oct 4, 2020, 10:35 AM

#

oohhh. then the 'duplicate' button to move internally

vapid oyster Oct 4, 2020, 10:36 AM

#

sweet

#

When I edit the "original" will the clones one also change?

elfin arch Oct 4, 2020, 10:36 AM

#

I don't believe so; but am not 100% on that.

#

^ that button (posting for future users searching)

📎 unknown.png

vapid oyster Oct 4, 2020, 10:38 AM

#

Thank you 😗

#

I quickly hacked together a thing that shows up every 5 minutes or so to promote another twitch channel 🙂

📎 unknown.png

#

Started uning StreamElements yesterday. I'm very impressed

elfin arch Oct 4, 2020, 10:40 AM

#

ooo. looks pretty... yah the SE editor is a ton of fun.

vapid oyster Oct 4, 2020, 10:41 AM

#

Kinda want to make it a list of channels .. but this is fine for now.

half fjord Oct 4, 2020, 5:11 PM

#

Try this @half fjord 😉
@elfin arch I will check it out tonight when I hopefully have some time to do so! Much appreciated.

glacial scroll Oct 4, 2020, 6:25 PM

#

Hello, where can i speak to someone who can help me with a webm video upload that is larger than 30MB?

native trellis Oct 4, 2020, 6:28 PM

#

You can't upload larger than 30MB

#

you need to convert it to something smaller

glacial scroll Oct 4, 2020, 6:29 PM

#

you know which file type i can use to keep the transparency?

viral patrol Oct 4, 2020, 6:36 PM

#

@glacial scroll the easiest way is to use ffmpeg to convert it from mov to vp9 webm ffmpeg -i inputfile.mov -c:v libvpx-vp9 -pix_fmt yuva420p output.webm"

glacial scroll Oct 4, 2020, 6:36 PM

#

thank you 🙂

vapid oyster Oct 4, 2020, 8:35 PM

#

And if it's still too large you can add -crf 35 higher number means less quality but lower file size.

#

Details here https://trac.ffmpeg.org/wiki/Encode/VP9

simple creek Oct 5, 2020, 4:00 PM

#

is there a way to send an event from OBS/LB/Stream Deck or any other way - to a widget......for example, I have a custom bit tip sub tracker that expands when an incoming tracked event comes in, then collapses to a thin line to stay out of the way. I would like to send an event during stream that will manually expand the widget up as if a tracked event came in, but I manually sent it

simple creek Oct 5, 2020, 4:44 PM

#

i guess basically what I am attempting to do is what the button in SE does, only outside of SE

viral patrol Oct 5, 2020, 6:16 PM

#

I think the easiest way is to do a macro that sends message to chat. I am no aware of events emitting ability via streamdeck or any external API.

simple creek Oct 5, 2020, 6:27 PM

#

yeah I thought of that as a worst case

viral patrol Oct 5, 2020, 6:34 PM

#

Or maybe, you can emit event:test event via websockets with payload of {listener: "widget-button", field: "yourField", value: "yourValue"}

simple creek Oct 5, 2020, 6:37 PM

#

what would the endpoint be that SE would pick it up

viral patrol Oct 5, 2020, 6:43 PM

#

https://discordapp.com/channels/141203863863558144/259680142459142144/619851854439776266

novel pond Oct 5, 2020, 8:10 PM

#

is it possible to send a message to chat from a custom widget?

I saw it has SE_API.sendMessage but no sign for what formatting it's expecting?

viral patrol Oct 5, 2020, 8:11 PM

#

@novel pond sendMessage is to send a message to API, like key/value store, resumeQueue. To send messages to chat from custom widget the easiest way is to use jebaited.net MITM proxy

#

You can find an example here: https://discordapp.com/channels/141203863863558144/457957557470887947/756125007318483086

novel pond Oct 5, 2020, 8:12 PM

#

gotcha, thanks @viral patrol

honest hearth Oct 6, 2020, 6:13 PM

#

Does anyone know if it is possible to resize an image or something in a custom widget based on the position and size of the widget

crisp needle Oct 7, 2020, 8:40 AM

#

Position: idk, size to size: yes, set width and height of the image as a percentage of widget.

#

@honest hearth

fervent rock Oct 7, 2020, 10:23 AM

#

Hi, anybody has payload description for events. Like for youtube:

{
            "_id": "5d8e70e23ad61b82dfe476f8",
            "channel": "5d60f7798db52e6e4023d93a",
            "type": "subscriber",
            "provider": "youtube",
            "createdAt": "2019-09-27T20:27:17.000Z",
            "data": {
                "username": "marchello Lv",
                "providerId": "UCPGPP5U0ybhLe_Rwz1ZwbMQ",
                "avatar": "https://yt3.ggpht.com/-JkYiypW7mAw/AAAAAAAAAAI/AAAAAAAAAAA/PwKNXSeRTyU/s88-c-k-no-mo-rj-c0xffffff/photo.jpg",
                "items": []
            },
            "updatedAt": "2019-09-27T20:27:17.000Z"
        }

I have this. Now i need for twitch. As for some weird reason, test event payloads are completely different from reality.

viral patrol Oct 7, 2020, 10:52 AM

#

@fervent rock Please check this: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event

tough glade Oct 7, 2020, 12:51 PM

#

hey all, a while ago I did build a custom alert widget for my self, this is working great for me - but now I wanted to enable TTS for subscriber messages and did not find anything in the documentation about is, can someone help me out here?

viral patrol Oct 7, 2020, 12:52 PM

#

TTS is independent from code of alertbox. Code is for what is displayed on stream. You should have TTS settings in left panel, you can adjust.

tough glade Oct 7, 2020, 1:41 PM

#

@viral patrol I see what you mean, I think the problem in my case is that I didn't start with the "Alert Box" default widget, instead I did create something from scratch so there is no TTS code left and I don't have any TTS settings available

honest hearth Oct 7, 2020, 2:39 PM

#

@crisp needle thanks for the reply. Could you possibly give a quick example? I'm not confident on how to get the widget dimensions

crisp needle Oct 7, 2020, 3:01 PM

#

Depends on where you nested the image. You can size every element as i.e. 100% with and height which means it takes a whole parent element.

Example:

<div style="width:128px">
  <img src="imageURL" style="width: 100%" />
</div>

The width of your top container can be 100% as well, taking the whole width of your layer/widget defined in the StreamElements overlay editor.

sturdy oak Oct 7, 2020, 3:07 PM

#

when I use do/while loop in se, it crashed my browser

crisp needle Oct 7, 2020, 3:29 PM

#

Infinite loop?

sturdy oak Oct 7, 2020, 3:55 PM

#

I think

#

while(var<number);```

naive sorrel Oct 7, 2020, 4:45 PM

#

Like tenszop said, maybe an infinite loop.
Make sure you're advancing the variable?

sturdy oak Oct 7, 2020, 4:45 PM

#

@naive sorrel The variable advances when there is an event

#

The browser freezes before I can emulate any events

naive sorrel Oct 7, 2020, 4:48 PM

#

If you're performing an infinite loop, your code will never process these events.
Rather than looping and waiting until you get the event, have a function run when the event happens and store your variable(s) so you know how to proceed next time.

#

I don't know much about JavaScript, but to my understanding it is single-threaded, so while one part of your code is running, you can be certain that no other parts of your code are.

viral patrol Oct 7, 2020, 4:54 PM

#

@tough glade The TTS if available with alertbox only. You can have one just to handle TTS along with your current widget

#

@sturdy oak:

number=100;
test=0;
do{
//something fancy
// You want to increase a value here to not freeze your PC
test++;
}
while(test<number);

#

However I am big fan of forloops instead

naive sorrel Oct 7, 2020, 4:57 PM

#

@sturdy oak
Try to structure your code in the following form:

var state = {};

function startingFunction() {
  // Start doing something fancy until you need an event
  state.var = 0; // Or whatever
  myEventNotifier.on('myEvent', stepFunction);
}

function stepFunction() {
  if (state.var == MAX_NUMBER) {
    endingFunction();
  } else {
    // Whatever
    state.var++;
  }
}

function endingFunction() {
  // Whatever
}```
Or something to that effect.
Separate your step logic and invoke it when your event occurs.

daring kayak Oct 8, 2020, 3:24 AM

#

Hi guys, I want to know if is possible to develop a custom module that made a API request and return the respose as a Bot chat message in a channel... Is that possible?

#

Some documentation will help me too XD

sturdy oak Oct 8, 2020, 3:57 AM

#

using the SE Bot?

daring kayak Oct 8, 2020, 4:43 AM

#

Yeah bro

sturdy oak Oct 8, 2020, 5:54 AM

#

Im not sure but I think @mild cipher already made an api

crisp needle Oct 8, 2020, 6:11 AM

#

Should be possible. Depends on what API you want to send requests to.

#

Or maybe you want to access module's API and from it send a message to chat?

#

It's not clear really, which one...

sturdy oak Oct 8, 2020, 6:37 AM

#

How do I control some dynamic parts of the overlay Im building with commands using the SE Bot

viral patrol Oct 8, 2020, 7:10 AM

#

@daring kayak You can use ${customapi https://sgdsfgdfg/fdfg.xyz} to output returned string to chat. If you want more complex logic, you can use custom widget for that using MITM proxy. There are several widgets (Bank Heist, Bot Trivia, Chatters Wheel) using that on #widget-share channel. For

neat storm Oct 8, 2020, 8:21 AM

#

Hello developers. Is there a way to increase the store redemption animation to longer than 20 seconds?

viral patrol Oct 8, 2020, 9:15 AM

#

@neat storm You can do that by using custom widget only I think.

next radish Oct 8, 2020, 10:39 AM

#

Morning guys, does anyone know if theres a chat widget for trovo around yet? I've noticed theyve added the token system to their api docs

sturdy oak Oct 8, 2020, 11:12 AM

#

let fieldData=obj["detail"]["fieldData"];
let data=obj["detail"]["session"]["data"];
let followers = data["follower-total"]["count"]

#

console.log(followers) gives me 40, which is not correct

#

It should give me 430, ie total followers

#

according to github docs

viral patrol Oct 8, 2020, 11:17 AM

#

Aggregates are updated over time

#

And there is better way to check fieldData - add let fieldData={}; in main scope and then change value in onWidgetLoad

sturdy oak Oct 8, 2020, 11:18 AM

#

yeah I've declared that as a global var

#

at the top

#

Aggregates are updated over time
@viral patrol So can I go ahead and use data["follower-total"]["count"]

viral patrol Oct 8, 2020, 11:22 AM

#

It depends on what do you want to display

#

You can use follower-goal instead

#

It all depends on purpose of your widget

sturdy oak Oct 8, 2020, 11:27 AM

#

I want to grab the current followers for a goal bar and increment it as there are new follow events

viral patrol Oct 8, 2020, 11:28 AM

#

@sturdy oak Check this one https://github.com/StreamElements/widgets/tree/master/GoalsOverPeriod

#

I think this may help you

sturdy oak Oct 8, 2020, 11:33 AM

#

umm that's overwhelming

#

My question is how do I get my current followers

gloomy fossil Oct 8, 2020, 11:38 AM

#

Lx whats the default image size via stream store?

viral patrol Oct 8, 2020, 11:41 AM

#

@sturdy oak you can get them via onWidetLoad as you do above and then onSessionUpdate (instead onEventReceived, as people can unfollow you and that doesn't emit an event)

#

@gloomy fossil I think I don't understand

gloomy fossil Oct 8, 2020, 11:41 AM

#

adding a pic to the item

#

the preview window

#

the set preview asset

#

i knew the size but forgot it

viral patrol Oct 8, 2020, 11:44 AM

#

📎 unknown.png

#

275x210?

gloomy fossil Oct 8, 2020, 11:45 AM

#

thats what i got just wanted to make sure

#

Thanks and i think sudo gave them a fair size

sturdy oak Oct 8, 2020, 12:59 PM

#

Each chat message is passed as an object according to the docs

#

Does this happen even when the streamer is offline

viral patrol Oct 8, 2020, 1:12 PM

#

It does for Twitch.

neat storm Oct 9, 2020, 12:33 AM

#

@viral patrol do you know what the custom widget is called?

silk pebble Oct 9, 2020, 2:56 AM

#

Hi, it's me again. Back to check in on Regex matching of commands. Just another update that still Regex isn't functioning as expected. I am a mod for streamer 'fanhots' and his commands have some commands' Regex that work and some that do not. The ones that do not are valid Regex and work fine if i just copy and paste the same thing to my personal channel. Parting the bot and Rejoining does not help. I feel like perhaps the only issue that could be causing malfunction is if individual streamers are only allocated a certain amount of Regex or something. If you need an example to look at, take a look at command !patch in his account, note the Regex and that using this on your own channel will probably yield the correct result, but typing patch notes? or patch? in HIS chat will not work properly. (As you can see I 'hardcoded' a bunch of matches into the command keywords to compensate for Regex not working properly) Cheers. [Was told to post this here instead of main helpdesk in case someone could help]

narrow galleon Oct 9, 2020, 3:23 AM

#

hi all, I have made a few animation in blender (mp4 file) and want to play them when a specific trigger is hit like sub/superchat. I want to stream on YouTube but don't know what triggers are there. Also is there any example widgets that I can look into to figure out how to make my own one?

sturdy oak Oct 9, 2020, 4:29 AM

#

@narrow galleon Add an alert box to your overlay, and from the setting of say subscriber, you have the option to upload your own videos and sounds

narrow galleon Oct 9, 2020, 4:31 AM

#

thanks alot 👍 it worked!

sturdy oak Oct 9, 2020, 4:33 AM

#

np 😄

sturdy oak Oct 9, 2020, 9:16 AM

#

The 1000 mb limit is for files uploaded to streamelmenets, so files of any size can be imported localy right?

viral patrol Oct 9, 2020, 9:16 AM

#

Files uploaded to SE can be up to 30MB indivirually, 1000 MB is total quota per user.

sturdy oak Oct 9, 2020, 9:17 AM

#

I meant can use a 100 mb file by setting the source to my C drive

#

Not using SE's storage

storm creek Oct 9, 2020, 10:28 AM

#

Hey. I'm using Credit-Roll by Grot from streamelements themes, but i want it to show all my followers and not just session. Is there another widget for this or can i modify JS for Credit-Roll to do want i want? I am not very good with coding

viral patrol Oct 9, 2020, 10:32 AM

#

@storm creek Just comment out this part:

📎 unknown.png

#

Or in alternate version:

#

📎 unknown.png

storm creek Oct 9, 2020, 10:39 AM

#

thanks. I will try

viral patrol Oct 9, 2020, 10:40 AM

#

(Just the one that I commented out on screen, not whole blocks)

storm creek Oct 9, 2020, 10:46 AM

#

Tried commenting out the part. But it still doesn't list all followers. Could it be that there is info lacking in streamelements? When i check widget data in streamelements I see the names that come up on the credit roll. But not all followers

#

I haven't been using streamelements for that long so it could be that it doesn't have all the info. Because I'm guessing the widget only gets data from streamelents and not twitch

#

Guess I would have to rewrite the code to get data from twitch?

bitter cosmos Oct 9, 2020, 11:30 AM

#

Hello @hearty lake sends me to you, following my request on the french chanel. ( sorry for my english). I’ m a beginner and i don’t Know the possibilities of SE and commands. Here is my request: i would like a betting order but more complex than what is proposed. 1/ the viewer enters the command (!gamexxx) + the bet (500$ ´virtual money’). 2/ the bot answers « name of the viewer » + my custom texte. 3/ after 2min the bot launches the game with my custom message. 4/ 10 seconds later the bot gives the result of the game with a custom text + the names of winners. 5/ the bot can designate either no winner, or 1 winner if there are less than five participants, or 2 winners if there are more than 5 participants, or 4winners if there are more 20 participants. OR, if it’s more simple for you, the number of winners is random. 6/ the winners receive 2x their bets (virtual money) 7/ the delay before being able to replay is 5min. 8/ if the command is replayed within the 5min, the bot puts a custom texte on the chat. It’s a mini game in the chat. Thanks for your help 😊 and (Again) sorry for my english

viral patrol Oct 9, 2020, 11:40 AM

#

@storm creek Custom eventlist widget has access up to 100 last events. So it may not display all of your followers.

storm creek Oct 9, 2020, 11:41 AM

#

ah makes sense

viral patrol Oct 9, 2020, 11:41 AM

#

@storm creek also the base that it has data from SE - that is also true. It cannot display events that happened before your registration on SE website

ivory estuary Oct 9, 2020, 4:35 PM

#

I am working on my own chatbot using Node and am having some issues figuring out how to get donation events as they occur. Does anyone know of any sort of module/wrapper I can use to hook into events?

viral patrol Oct 9, 2020, 4:38 PM

#

@ivory estuary socket.io: https://discordapp.com/channels/141203863863558144/259680142459142144/619851854439776266

#

And to be exact - socket.io client

stray moth Oct 9, 2020, 7:09 PM

#

So not sure if I should ask here or not, but kinda wondering... did Benno's rotation widget break? I am noticing that none of the animation widgets is working suddenly. It instead appears more like a picture replacement slideshow with no animation.

viral patrol Oct 9, 2020, 7:16 PM

#

It seems to be working for me. Please check if you don't have any external requests blocking extension in your browser

#

If it broke in your OBS, please clear cache here %AppData%\obs-studio\plugin_config\obs-browser\Cache

stray moth Oct 9, 2020, 7:16 PM

#

Hm its jsut it is acting the same on both obs and my browser

viral patrol Oct 9, 2020, 7:17 PM

#

Check if you can access this URL: https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css

#

This is a library that does animations

stray moth Oct 9, 2020, 7:17 PM

#

If I'm supposed to be looking at the css code

#

then yes

viral patrol Oct 9, 2020, 7:17 PM

#

So this is odd as if that one works, animations should be working as well.

stray moth Oct 9, 2020, 7:18 PM

#

hmm

#

let me check something.

viral patrol Oct 9, 2020, 7:18 PM

#

Also check the very bottom of a widget:

#

📎 unknown.png

stray moth Oct 9, 2020, 7:21 PM

#

yep

#

selected

#

doesn't matter what I choose

#

all the same

#

did the widget get updated and I need a new one to import?

mild cipher Oct 9, 2020, 7:23 PM

#

Try this: go to This PC > right click > Properties > Advanced system settings > Performance > Settings > Make sure the very first checkbox is ticked, then OK out and refresh the browser source or overlay editor

stray moth Oct 9, 2020, 7:28 PM

#

........

#

there are so many explitives I wanna say right now...

#

but that did it

#

thanks @mild cipher @viral patrol

edgy agate Oct 9, 2020, 8:27 PM

#

is there a simple reason for the emulated events (even with the "live" checkbox ticked) to work perfectly, but when actually streaming, some integer variables and math calculations (simple ones like Math.round() ) return NaN?

viral patrol Oct 9, 2020, 8:28 PM

#

It is because the Math.round param is not a number. Like if you have subscriber tier which is string, so you should cast it to integer before like parseFloat or parseInt

#

This is because tier may contain "prime" string too

edgy agate Oct 9, 2020, 8:29 PM

#

no, i have a switch case for the event types, but its a good thought. Ill try type-casting just in case. thanks, anything else come to mind?

#

and if statements to test types of subscriber, etc..
but it is happening with cheers and tips too

viral patrol Oct 9, 2020, 8:45 PM

#

Try to console.log typeof just in case

elder dragon Oct 9, 2020, 9:37 PM

#

:root {
  --text-neon-multiplier: 2;
}

.accent.tip {
    text-shadow: 0 0 calc(1px * var(--text-neon-multiplier)) #fff, 0 0 calc(2px * var(--text-neon-multiplier)) #fff, 0 0 calc(3px * var(--text-neon-multiplier)) #f72585, 0 0calc(4px * var(--text-neon-multiplier)) #f72585, 0 0 calc(5px * var(--text-neon-multiplier)) #f72585, 0 0 calc(6px * var(--text-neon-multiplier)) #f72585, 0 0 calc(7px * var(--text-neon-multiplier)) #f72585;
}

Any css magician that knows why this doesn't work?

#

Found it lmao

#

Couldn't see it in se's text editor but I can now in discord's lol

#

This badboy was the problem

📎 unknown.png

crisp needle Oct 9, 2020, 9:39 PM

#

:D

elder dragon Oct 9, 2020, 9:40 PM

#

Now I have nice neon text effects haha

📎 unknown.png

lone knoll Oct 9, 2020, 11:05 PM

#

Anyone know is there a way to make a custom widget that your chat can interact with. e.g. if my chat type "Hit" it will trigger the widget to do something. Or If it even possible cause if not i don't want to put to much time trying it out and then finding out that it is impossible to make.

edgy agate Oct 10, 2020, 2:06 AM

#

in custom commands, you can use this to do something similar to what you want. will that work?

📎 unknown.png

edgy agate Oct 10, 2020, 3:08 AM

#

more specifics on my particular problem. This section works perfectly in the overlay emulated events. But while streaming, with real events it shows "undefined"

am I somehow an idiot, or is there a core difference between emulated events and live events that we have no control over?
I am probably being an idiot, but what would cause this to not work in practice when it works fine in testing?

#

📎 unknown.png

manic solar Oct 10, 2020, 5:29 AM

#

help why am i getting echo when trying to add music to my stream

#

i have ground control.. and once i click show on stream it echos

half fjord Oct 10, 2020, 5:32 AM

#

Just to get the basic stuff out of the way. Do you have a mic maybe picking up your speakers or a browser open with your stream playing?

manic solar Oct 10, 2020, 5:32 AM

#

mic is muted

hardy walrus Oct 10, 2020, 5:32 AM

#

@manic solar You want to ask in the helpdesk for the platform you stream on.

#

In this case twitch.

half fjord Oct 10, 2020, 5:33 AM

#

Question for the devs in here. I get that custom widgets can be made with the right code and such. Is it part of the code that allows StreamElements to have field functions like Command and permissions levels and such?
While I haven't gotten back to the spinner stuff yet that y'all were wonderful to help me on, I'm looking to do a Tabata Timer that can be setup and controlled via chat. There are a few JS examples of this already in existence so I'm curious as to the best options to get them converted into this format.

https://codepen.io/LauraNK/pen/rxWLMy this one seems pretty good with adjustable "time on", "time off/break", rounds, and sound cues but for some reason the audio isn't working.

https://github.com/natemago/tabata-timer is similar with audio working but it's awful so being able to utilize different audio might be good.

CodePen

Laura Kyle

Tabata/workout timer

Exercise timer preset for tabata, but you can adjust the times to suit your workout. ...

GitHub

natemago/tabata-timer

Simple tabata timer. Contribute to natemago/tabata-timer development by creating an account on GitHub.

manic solar Oct 10, 2020, 5:34 AM

#

i got the echo fixed. but now i cant get the audio mixer to work with it lol

sturdy oak Oct 10, 2020, 6:34 AM

#

Can we track channel points community challenges?

viral patrol Oct 10, 2020, 6:53 AM

#

@lone knoll It is possible with listening to onEventReceived events with listener set to message. There are several widgets that read chat on #widget-share

#

@sturdy oak Unfortunately we have no access to that.

sturdy oak Oct 10, 2020, 6:54 AM

#

That would be something cool to add

viral patrol Oct 10, 2020, 6:57 AM

#

@half fjord This you can create that as regular dropdown with backend function:
Definition: https://github.com/StreamElements/widgets/blob/2bc5ab447559c970e16feaa7da7858139fe60b0f/WheelOfFortune/widget.js#L6
Usage: https://github.com/StreamElements/widgets/blob/2bc5ab447559c970e16feaa7da7858139fe60b0f/WheelOfFortune/widget.js#L31
Fields: https://github.com/StreamElements/widgets/blob/2bc5ab447559c970e16feaa7da7858139fe60b0f/WheelOfFortune/widget.json#L70

edgy agate Oct 10, 2020, 8:08 AM

#

@indigo flume as requested, the additional info. more than happy to provide more, but this is the closest point to the api where the error can be seen.

https://discordapp.com/channels/141203863863558144/259680142459142144/764323429561532426
and the image below it.

indigo flume Oct 10, 2020, 8:09 AM

#

Oh if its custom coding, i'm not the person

edgy agate Oct 10, 2020, 8:09 AM

#

tried both dot notations, and the bracket notation. didnt think it would make a difference, but tried anyway

indigo flume Oct 10, 2020, 8:09 AM

#

@viral patrol would be able to help

edgy agate Oct 10, 2020, 8:11 AM

#

thanks for trying though 🙂

mmkk, well the ping in that case, getting their attention, it isnt the type as they suggested last time. at least, not on my side of the code.

viral patrol Oct 10, 2020, 9:39 AM

#

@edgy agate There's a simple answer to that. You are not listening to specific event, so every single one triggers that. Like chat message

#

And chat message doesn't have amount property.

#

So most likely you have an event, which is working, but then your div is overwritten by chat message.

gritty summit Oct 10, 2020, 9:54 AM

#

Hoping someone can help me out here. I've recently gotten custom alerts made and am trying to set it up using streamelements. Unfortunately the text isn't displaying over the image (yes I selected text over image but it just disappears) but rather underneath it.

sturdy oak Oct 10, 2020, 10:06 AM

#

Find the text div in css and write this line of code there @gritty summit z-index:100;

gritty summit Oct 10, 2020, 10:14 AM

#

@sturdy oak can you please tell me where exactly!? I see 2 text fields

📎 unknown.png

sturdy oak Oct 10, 2020, 10:18 AM

#

Find "awesome-text-container" and "username-container" in the css tab

gritty summit Oct 10, 2020, 10:26 AM

#

So tried doing it and for some reason when I enable custom CSS it reverts to default alert and doesn't populate with the custom alert. In the screenshot above it shows "default.gif" . Guess imma have to redo that part as well.

#

Alrite, fixed that issue.

#

@sturdy oak could only find the awesome text container, there isn't any username container

sturdy oak Oct 10, 2020, 10:36 AM

#

intresting

#

@gritty summit So it works?

gritty summit Oct 10, 2020, 10:58 AM

#

nope. ENabling custom CSS triggers some sort of default which has a dancing shark gif.

#

I had to replace the link in the html with the link to my animated alert. But the text over image didn't work. Not sure what happened but after a while the alert completely disappeared and only text would pop up. Only seems to be an issue with my custom alert..........wondering whether maybe I'm doing it wrong or have missed a step @sturdy oak

#

Sub variations seems to show the name and amount of gifted subs above the aler

high swallowBOT Oct 10, 2020, 11:18 AM

#

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

gritty summit Oct 10, 2020, 11:30 AM

#

thank you, that worked wonders. It was set to -50 by default.....seriously wtf!?

viral patrol Oct 10, 2020, 11:31 AM

#

@gritty summit it is set to -50 to fit with default animations on "text under image"

gritty summit Oct 10, 2020, 11:31 AM

#

aah okay

sturdy oak Oct 10, 2020, 11:50 AM

#

👀

snow totem Oct 10, 2020, 1:18 PM

#

On the web socket is there a way to unsubscribe for a specific channel id?

#

Also are their JWT tokens the only way to capture donation events?

viral patrol Oct 10, 2020, 2:09 PM

#

@snow totem the other (and recommended) way is to connect using OAuth.

#

But at this moment OAuth registration is closed.

half fjord Oct 10, 2020, 2:22 PM

#

@viral patrol much appreciated for the info and examples!

edgy agate Oct 10, 2020, 3:39 PM

#

@viral patrol aahh, yea ok. dumb test then. that part makes sense. This is the original switch case though. still works perfectly in testing, but fails with live events. was trying to do a bunch of testing to nail down the issue, but I guess I went too far with it.

I tried to overwrite the label with the amount as with the other image, except it was down inside the cheer block, after the event type test. It did change the label, but only ever to 'NaN'. any idea for this one?

📎 unknown.png

viral patrol Oct 10, 2020, 4:12 PM

#

@edgy agate And here is a part I wrote earlier. The best is to compare if (parseInt(event.tier)===3000) as for live events it is not integer but string

hexed ridge Oct 10, 2020, 5:51 PM

#

Do someone has experience with tippeestream and knows how they did their poll widget (showing the twitch integrated poll in the overlay) ? Would like to have something similar for streamelements.
Did they just took the default browser source and stiled the heck out of it or is it actually done differenty?

edgy agate Oct 10, 2020, 8:06 PM

#

@viral patrol, I dont refute that, and I can do that explicitly later. the '==' will match both string and integer as long as the character are the same (or is supposed to), but regardless of that. it is in the block below that I am having the issue with. The cheers are wrong. its like there is no amount assigned to the event. the live events are seen as NaN, while tests work in the overlay manager. I tried type casting them to integers using:

Math.round(Number(event.amount)/100);

still results in NaN

viral patrol Oct 10, 2020, 8:40 PM

#

Oh. Right. It was == not ===

#

I wonder which event returns event.amount which is not a number

#

Can you try replaying event from activity feed? This should replay exact event, not the emulated one

edgy agate Oct 10, 2020, 9:03 PM

#

that will work for later testing so I dont have to have an actual real event? somehow, that didnt even trigger in the mind, lol
I dont know what you mean, I have had several live events and I did a bunch of live testing with it.

I changed to bracket notation with the object to see if it helped. now the 'amount' seems to be an empty string or something similar

viral patrol Oct 10, 2020, 9:22 PM

#

Hmmm. That is odd. Notation doesn't affect anything. I used bracket one as there are - characters in some of properties.

#

I think the best way for me would be to investigate it directly on the account you are working on. If you want to, please send me Editor's access invitation link over DMs and I will be able to check that tomorrow's morning.

edgy agate Oct 10, 2020, 9:33 PM

#

ok no problem. I dont mind you digging around. but how do I get that link?

burnt yoke Oct 11, 2020, 4:13 AM

#

Is there a good tutorial for setting up a dev connection via JS to the API for working on new widgets? I've been round & round with the docs linked in the channel description & I can't seem to put together what I am missing. Obvs I need to authenticate to the API somehow. I know where to find/have my JWT/Overlay tokens, but I don't know where/how to pass those to the API. I would LOVE some help if someone could point me in the right direction plz. Thanks. 😁

burnt yoke Oct 11, 2020, 4:43 AM

#

Here's a look at my code:

const xhr = new XMLHttpRequest();
const token = "...";

xhr.addEventListener("readystatechange", function () {
  if (this.readyState === this.DONE) {
    console.log(this.responseText);
  }
});

xhr.open("GET", "https://api.streamelements.com/kappa/v2/stats/channel");
xhr.setRequestHeader("accept", "application/json");
xhr.setRequestHeader("Authorization", `Authorization Bearer ${token}`);

xhr.send(data);

This returns the following error info:

{"statusCode":401,"error":"Unauthorized","message":"Format is Authorization: Bearer [token]"}

I've also tried changing the format to match the error message, but nothing seems to work. So I am all ears on what I am missing here? Thanks again.

viral patrol Oct 11, 2020, 6:58 AM

#

xhr.setRequestHeader("Authorization", `Bearer ${token}`);

#

@burnt yoke ⤴️

burnt yoke Oct 11, 2020, 3:40 PM

#

Thanks to @viral patrol for the help above, that seems to be working I think. I've changed over to overlays & I am getting a 500: internal server error when trying to get the following:

xhr.open("GET", "https://api.streamelements.com/kappa/v2/overlays/channel/overlayId");

And yes I have replaced channel & overlayId with my channel ID the overlay ID that I want to work on.

crude island Oct 11, 2020, 11:47 PM

#

hey, not sure if this is the right place, but i found that the subpoints amount isn't correct, is this a general limitation or is there a way to get the correct amount?

hardy walrus Oct 12, 2020, 1:19 AM

#

@crude island twitch nuked that info so it's no longer retrievable.

sturdy oak Oct 12, 2020, 8:24 AM

#

    "type": "checkbox",
    "label": "Some checkbox"
  }```

#

Does this field return true and false

viral patrol Oct 12, 2020, 8:40 AM

#

I prefer dropdowns instead as change state of checkbox doesn't cause widget reload.

sturdy oak Oct 12, 2020, 8:51 AM

#

dropdowns it is

keen moat Oct 12, 2020, 11:32 AM

#

hey guys, im using a custom wiget, but some of the data isnt being brought from twitch, like my latest subscriber, is there any way to fix this?

sturdy oak Oct 12, 2020, 12:50 PM

#

not until you post the code

keen moat Oct 12, 2020, 12:57 PM

#

the entire code for the widget?

sturdy oak Oct 12, 2020, 1:58 PM

#

the JS will be enough

keen moat Oct 12, 2020, 2:03 PM

#

i've managed a workaround thankyou though @sturdy oak

pulsar willow Oct 12, 2020, 8:19 PM

#

Hello

#

There is a 5 minute counter, when the subscriber comes, it becomes 5 minutes again

#

StreamElements has this feature but not customizable like other streamers

#

I want to do like my own style

#

I saw in Lirik's stream

#

How can i do this

#

Train Count in StreamElements is not editable

#

📎 Screenshot_20201012-2326362.png

#

like that

viral patrol Oct 12, 2020, 8:29 PM

#

@pulsar willow You can create the very same behaviour with custom widget. Everything is fully customizable there.

pulsar willow Oct 12, 2020, 8:42 PM

#

But

#

FeelsSadDitch I don't know how can I do this

viral patrol Oct 12, 2020, 8:43 PM

#

You can listen to subscriber-latest events as debounce for your timer

#

You can start with: https://github.com/StreamElements/widgets/tree/master/StreamMarathon - just change the code to not add but set a time

pulsar willow Oct 12, 2020, 8:45 PM

#

okay I'll try

wraith perch Oct 12, 2020, 8:47 PM

#

not sure if this is the right place to ask, but is there a way to set a !multi command?

viral patrol Oct 12, 2020, 8:48 PM

#

Of course this should be used as a base. There is no animation not whatsoever there.

#

@wraith perch can you elaborate?

wraith perch Oct 12, 2020, 8:48 PM

#

yes, my bad

#

so like, I want to set a multi stream link for twitch

#

without having to !command edit !multi

#

so instead of having to do !command edit !multi multistre.am/shroud/ninja, I could do !setmulti shroud ninja or something of the like

viral patrol Oct 12, 2020, 8:49 PM

#

https://discordapp.com/channels/141203863863558144/259680142459142144/360904351499419659

wraith perch Oct 12, 2020, 8:50 PM

#

that still involves editing a command

#

I'm trying to eliminate that step

viral patrol Oct 12, 2020, 8:53 PM

#

I think only via custom widget with sending message via API

#

If you would like to create "bot module" like this, check #widget-share for trivia game (I think it is the easiest one That involves bot messages/chat listener

wraith perch Oct 12, 2020, 8:55 PM

#

alright, I'll check that out

#

thanks for the help

pulsar willow Oct 12, 2020, 9:00 PM

#

I'm still here I couldn't do anything sadKEK

📎 unknown.png

viral patrol Oct 12, 2020, 9:02 PM

#

Oh. So if you want a design close to one that Lirik has, this is a lot of work of coder and designer.

#

You can adjust that counter to be a progress bar/circle, but with coding only

pulsar willow Oct 12, 2020, 9:05 PM

#

I got it

#

Thank you <3

#

So I just

#

Can we transform this count to circle

viral patrol Oct 12, 2020, 9:13 PM

#

You can mix it together with: https://kimmobrunfeldt.github.io/progressbar.js/

#

I am calling it a day now. Have a great day/night! 🙂

pulsar willow Oct 12, 2020, 9:16 PM

#

loveU

zenith fossil Oct 13, 2020, 7:10 AM

#

Hey guys!
I have a little question regarding a simple custom widget I'm working on.

I use Javascript to show the latest Subscriber and when a new sub comes in I want it to update.
My problem is that at every new sub it switches first to "undefined xundefined" and then to the real name. How can I catch this so it won't show this?

📎 undefinied_overlay.gif

viral patrol Oct 13, 2020, 7:15 AM

#

Listen to onSessionUpdate and check subscriber-latest property. Or with your current code:

if (typeof whateveryouhave === "undefined") return;

zenith fossil Oct 13, 2020, 7:16 AM

#

Perfect, thank you! SEHug

sturdy oak Oct 13, 2020, 8:07 AM

#

I declared a global variable, but I am not able to increment it in onEventReceived

viral patrol Oct 13, 2020, 8:12 AM

#

Is that variable redeclared in that scope?

#

Like

let a=5;
{
let a = 7;
}
console.log(a); //prints 5

sturdy oak Oct 13, 2020, 8:13 AM

#

no I didnt redeclare

#

variable scope

viral patrol Oct 13, 2020, 8:13 AM

#

Wait. You changed your question.

sturdy oak Oct 13, 2020, 8:13 AM

#

yeah

viral patrol Oct 13, 2020, 8:13 AM

#

So how aren't you able to increment it?

#

Is it initialized with a number?

sturdy oak Oct 13, 2020, 8:13 AM

#

nope

viral patrol Oct 13, 2020, 8:13 AM

#

Like let a=0;

#

📎 unknown.png

sturdy oak Oct 13, 2020, 8:14 AM

#

yeah

#

let variable = 0;

#

    const data = obj["detail"]["event"];
    if(listener=="tip-latest"){
    variable += data["amount"];
    }```

#

should I redeclare it in onEventReceived

viral patrol Oct 13, 2020, 8:15 AM

#

You should not

sturdy oak Oct 13, 2020, 8:15 AM

#

yeah it should work but it isn't

viral patrol Oct 13, 2020, 8:16 AM

#

This is the same scenario as in the hype goal by you.

#

There is a global variable adjusted by incoming events

#

Exactly the same

sturdy oak Oct 13, 2020, 8:17 AM

#

yeah im making a modified version of the same

#

😁

#

now it works

#

I forgot to call the function

#

😅

fickle wharf Oct 13, 2020, 1:56 PM

#

Hey any developers online here? I need help with updating just a certain session parameter through API

sturdy oak Oct 13, 2020, 2:25 PM

#

If anyone knows any vscode plugins with which I can use JSON as in the SE editor

#

let me know

#

@fickle wharf which session parameter?

fickle wharf Oct 13, 2020, 2:28 PM

#

@sturdy oak @viral patrol could you guys help me setup an API im looking for a way to Update Session Data i have API setup just dont know what i need to send

sturdy oak Oct 13, 2020, 2:28 PM

#

for a widget?

fickle wharf Oct 13, 2020, 2:28 PM

#

Subscriber Count

#

I have the command in a custom widget yeah

sturdy oak Oct 13, 2020, 2:30 PM

#

data["subscriber-total"]["count"]

viral patrol Oct 13, 2020, 2:30 PM

#

Which data would you like to update?

fickle wharf Oct 13, 2020, 2:30 PM

#

let fieldData;
const data = {"follower-session":{"count":10}};

const xhr = new XMLHttpRequest();

xhr.addEventListener("readystatechange", function () {
  if (this.readyState === this.DONE) {
    console.log(this.responseText);
  }
});



function resetSession() {
  xhr.open("PUT", "https://api.streamelements.com/kappa/v2/sessions/"+fieldData["apiChannel"]);
  xhr.setRequestHeader("accept", "application/json");
  xhr.setRequestHeader("content-type", "text/plain");
  xhr.setRequestHeader("authorization", "Bearer "+fieldData["apiToken"]);
  xhr.send(data);
}

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

#

Id like to know how to update Session Subscriber Count

#

however id like to know how to update all of them if i need them some other time

sturdy oak Oct 13, 2020, 2:31 PM

#

    let data=obj["detail"]["session"]["data"];
    let fieldData=obj["detail"]["fieldData"];
    let totalSubs = data["subscriber-total"]["count"];
});```

viral patrol Oct 13, 2020, 2:32 PM

#

One moment

#

I am on this

fickle wharf Oct 13, 2020, 2:32 PM

#

@sturdy oak that will only return me the count. I actually need to update it in session

#

Thanks @viral patrol

sturdy oak Oct 13, 2020, 2:36 PM

#

If anyone knows any vscode plugins with which I can use JSON as in the SE editor
@viral patrol ?

viral patrol Oct 13, 2020, 2:39 PM

#

@fickle wharf from what I see you cannot update a single element of session data, you need to send a full object

#

@sturdy oak I am using PHPStorm

sturdy oak Oct 13, 2020, 2:39 PM

#

Does it support json?

viral patrol Oct 13, 2020, 2:40 PM

#

It does

sturdy oak Oct 13, 2020, 2:40 PM

#

We need a full on desktop version of the SE editor

fickle wharf Oct 13, 2020, 2:40 PM

#

@viral patrol so what would be the solution here? First get the whole data then edit just the one you want and send it back?
And can you tell me how i can send the full object back?
Plus a bonus question i have is if you can somehow update the actual data inside Fields Parameter inside JS?

viral patrol Oct 13, 2020, 2:42 PM

#

The answer to bonus is "no". You cannot programmatically update this data without (or at least - it is not easy). I would recommend using SE_API.store() methods instead

#

@sturdy oak https://discordapp.com/channels/141203863863558144/259680142459142144/633144423055622165

#

Check this. This is an editor I created some time ago

#

Or not editor - environment

sturdy oak Oct 13, 2020, 2:43 PM

#

ik that but it is limited

fickle wharf Oct 13, 2020, 2:47 PM

#

Yeah but SE_API isnt streamer friendly :/ as they sometimes wanna update it in those fields so if i could just update that one it would be better

viral patrol Oct 13, 2020, 2:50 PM

#

fetch("https://api.streamelements.com/kappa/v2/sessions/" + channelId, {
    "headers": {
        "accept": "application/json, text/plain, */*",
        "authorization": "Bearer " + JWT
    }
}).then(response => response.json()).then(sessionDataRaw => {
    let sessionData = sessionDataRaw['data'];
    sessionData['follower-session']['count'] = 35;
    fetch("https://api.streamelements.com/kappa/v2/sessions/" + channelId, {
        "headers": {
            "accept": "application/json, text/plain, */*",
            "authorization": "Bearer " + JWT,
            "content-type": "application/json;charset=UTF-8",
        },
        "body": JSON.stringify(sessionData),
        "method": "PUT",
    })
});

#

This one should work

fickle wharf Oct 13, 2020, 3:04 PM

#

Ok tested it and it works. Thanks @viral patrol LoveMew

gloomy fossil Oct 13, 2020, 3:06 PM

#

Thank you Lx for helping EntilTM SEHug

pulsar willow Oct 13, 2020, 3:07 PM

#

im too dumb to learn any of this

gloomy fossil Oct 13, 2020, 3:07 PM

#

in the same boat as you igaLol

pulsar willow Oct 13, 2020, 3:07 PM

#

rip me'

gloomy fossil Oct 13, 2020, 3:07 PM

#

i know a lil but not like these guys lol

pulsar willow Oct 13, 2020, 3:07 PM

#

ik how to code in lua

#

i little bit

#

but i dont rlly like coding so ya

gloomy fossil Oct 13, 2020, 3:08 PM

#

scripting lua for VLC is fun lol

flat parrot Oct 13, 2020, 4:31 PM

#

Is there a way to detect redeemables in the event listener in the Overlays?

#

I dont think I see a flag but I wanted to ask in case anyone knows

sturdy oak Oct 13, 2020, 4:40 PM

#

The latest post in #💭︱feedback-and-ideas is not true

#

Center align for text can be achieved by adding text-align:center; to the parent div of the text

viral patrol Oct 13, 2020, 4:42 PM

#

As you can see in the idea description - it is about one of default widgets, not custom ones that use dynamic font size via external library

#

@flat parrot I was using something like:

    if (typeof obj.detail.event.itemId !== "undefined") {
        obj.detail.listener = "redemption-latest"
    }

sturdy oak Oct 13, 2020, 4:48 PM

#

As you can see in the idea description - it is about one of default widgets, not custom ones that use dynamic font size via external library
@viral patrol my 👀 not as sharp as yours lol

flint mirage Oct 13, 2020, 5:40 PM

#

would it be possible to make a screenshot command that takes a screenshot and hosts in on imgur or puts it in a google sheet?

viral patrol Oct 13, 2020, 6:08 PM

#

I think that the only way to do that is to hook the autohotkey + shareX + websocket control. So if somebody types !shot it sends data over sockets to autohotkey to press PrintScreen

#

And shareX should be set to store screenshots somewhere

median lynx Oct 13, 2020, 7:46 PM

#

Hello, I want to use the streamelements api but I cannot fill the application form. How can I get api access?

viral patrol Oct 13, 2020, 7:55 PM

#

Hi. OAuth2 access programme is in batches. Every single batch has a review time and then there is analysis of stability. From what I know at this moment SE is gathering usage and stability info on those and due to last bulk being big registration form is currently closed. However you can use your personal JWT to auth against SE API and it is perfectly fine to use it when it comes to single user usage (not as service/software for others).

median lynx Oct 13, 2020, 7:58 PM

#

Okay thanks.

flat parrot Oct 13, 2020, 8:06 PM

#

Hi friends - the kappa/v2/speech api is always returning 403's for me, when I access the page in my browser its returning a 1020 from CloudFlare. Any ideas how to resolve this, is there a specific header I need to supply?

viral patrol Oct 13, 2020, 8:10 PM

#

That is correct behaviour. Speech is disabled for API usage and it is accessible from alertbox only.

coral thunder Oct 14, 2020, 12:55 AM

#

could I get a regex for name 1 removed and name 2 removed this seems to be a new troll on my stream. please DM for the two words, and please DM me with the regex statements when you have time. Thank you in advance the names are under Forbiden Bad Name

coral thunder Oct 14, 2020, 1:42 AM

#

I have not put the names in because they are crude

coral thunder Oct 14, 2020, 2:33 AM

#

@viral patrol please see my post above

viral patrol Oct 14, 2020, 6:45 AM

#

@coral thunder name [0-9]+ removed like this?

lyric wave Oct 14, 2020, 5:05 PM

#

Hello everyone, is there a code template for a Custom Widget for Chat Box for Facebook? Because the default Stream's chat widget is not fully customizable via code. Thanks

viral patrol Oct 15, 2020, 9:21 AM

#

@lyric wave Hi. I think you can create a custom widget with: https://github.com/StreamElements/widgets/tree/master/CustomChat

lyric wave Oct 15, 2020, 1:39 PM

#

@lyric wave Hi. I think you can create a custom widget with: https://github.com/StreamElements/widgets/tree/master/CustomChat
@viral patrol I tried but I could not make it work for Facebook Gaming. Thx anyways

viral patrol Oct 15, 2020, 1:40 PM

#

I think it should work with FB Gaming just like default widget does.

#

But remember - FB enables chat only after stream is live.

lyric wave Oct 15, 2020, 1:45 PM

#

Yes, the thing is that on the CustomChat widget, the .js file has a lot of Twitch URLs like for the badges, emotes and stuff. I'm gonna try to change some of those and see how it works.

lyric wave Oct 15, 2020, 2:32 PM

#

I have another question, I'm trying to code custom labels for FB Gaming and it's going ok but I can't seem to find the "Top star givers list" on the API. I was browsing through the Sources tab and found this code which says that the listener is "stars-latest" on the API but that returns just the latest stars giver, not the top star givers list.

📎 unknown.png

#

📎 unknown.png

#

So none of these has the info I need

#

📎 unknown.png

#

This is what I'm looking for, I can get that through the "Top star giver list" default widget but I need it for custom code 😫

📎 unknown.png

viral patrol Oct 15, 2020, 2:45 PM

#

@lyric wave https://github.com/StreamElements/widgets/tree/master/CustomTopList

tribal fiber Oct 15, 2020, 2:46 PM

#

Hey, idk if this is the right channel but how do i share custom overlays from SE?

viral patrol Oct 15, 2020, 2:46 PM

#

@tribal fiber This feature is available for verified users like custom design companies and code gurus.

lyric wave Oct 15, 2020, 2:47 PM

#

@lyric wave https://github.com/StreamElements/widgets/tree/master/CustomTopList
@viral patrol I'll give it a try, thank you so much! Didn't see that

tribal fiber Oct 15, 2020, 2:47 PM

#

Owh, okay.. For example I have a client who wants a custom alert box. Who would I go and send it to the client then?

viral patrol Oct 15, 2020, 2:48 PM

#

We encourage work as Editor on client's account directly, so all the assets are on their account and you can safely remove them from your account without affecting your client.

tribal fiber Oct 15, 2020, 2:49 PM

#

Alright, but is there any way to send my overlay / alert box to a client?

lyric wave Oct 15, 2020, 2:53 PM

#

@lyric wave https://github.com/StreamElements/widgets/tree/master/CustomTopList
@viral patrol That did it, I just added the field, stars: "Stars" 🙂

#

Thank you so much

gloomy hinge Oct 15, 2020, 10:54 PM

#

Oh cool this is exactly what I was looking for. Thanks for having this.

boreal chasm Oct 15, 2020, 11:28 PM

#

So I am trying to build a custom, locally run overlay for any incoming follows/subs/etc.. using the SE API. Everything works great when I test those events from the overlay builder interface on streamelements (my local events fire), or if I re-run an event from ground control. However, I am not seeing any live/actual events when I'm streaming. Has anyone seen this before?

chilly parcel Oct 16, 2020, 12:43 AM

#

Hi ! Sorry for my bad english. I am trying to make a custom event list to show only the item redeem in store loyalty. For now in the event list, ils only show as item redeem, is it possible to inclure the title of the object redeem ( an picture ) in the event list ? Is it possible to show only the event on Waiting for approuval ?

arctic zephyr Oct 16, 2020, 1:58 PM

#

Hi ! Anyone know how I can recover the bagdes list of an user with tmi.js on a widget ?

#

            if(self) return;
              const { badges, 'badge-info': badgeInfo } = tags;
          document.write(badgeInfo);```
This only say the subscriber badge

frozen hearth Oct 16, 2020, 8:55 PM

#

Hello, does anyone know if a widget has a unique id/name assigned to it that I am able to retrieve? I have multiple of the same widget and would like to be able to differentiate between them when they are loaded.
Ex. onwidgetLoad() var x = api store get this specific widgets data (widget1, widget2, etc). Also could be useful if I am able to retrieve the current overlay id that the widget is inside.

#

@arctic zephyr if ur using tmi

var badges = userstate['badges'];```
and badges will be like { 'broadcaster': '1', 'warcraft': 'horde' }. Through SE u can directly access every chat message also, instead of having to use TMI. https://github.com/StreamElements/widgets/blob/master/CustomCode.md#message

slender meadow Oct 17, 2020, 2:35 AM

#

@steady iron I am trying to use the Awesome Shout Out overlay and it just stopped working for me and I am not sure why.

#

It was working one moment, I changed the sound, and now it no longer works. T_T

steady iron Oct 17, 2020, 6:41 AM

#

@steady iron I am trying to use the Awesome Shout Out overlay and it just stopped working for me and I am not sure why.
@slender meadow male sure to not use apostrophes in the texts

#

Its a bug

slender meadow Oct 17, 2020, 7:42 AM

#

That was the issue. Thanks!

shadow pendant Oct 17, 2020, 11:13 AM

#

hey is there any chance someone can help me please. I am creating some things for stream at the moment but I believe I will need to use custom code for it and have no idea what i am doing. I would really appreciate it, Thankyou in advance 🙂

viral patrol Oct 17, 2020, 11:15 AM

#

@shadow pendant Can you elaborate please, so we know what you need? Maybe there are ready-to-go solutions out there we can show you

shadow pendant Oct 17, 2020, 11:17 AM

#

I will describe as best as I can 😄 So there are certain things like having reactive overlays with a persistent thing that is reactive and then when someone subs/follows/donates that will change to something and then loop untill the next alert trigger is activated .

#

I could show you if you would like ?

viral patrol Oct 17, 2020, 11:31 AM

#

Hmmm. This seems like custom widget from scratch... Or two widgets - alertbox with solid green colour as background (removed by chroma key in OBS) and below that your other widget that plays idle animation. So when there's alert, your idle animation will be covered by green colour which in post-processing in OBS will be replaced by transparency

shadow pendant Oct 17, 2020, 11:33 AM

#

not exactly Is it possible for my to join chat and ill show u the guy in my ear is saying that it wont work because the alert that is being played is going to stay on a permeant loop and once u chroma key a video file it reveals everything under the green screen ? 🙂

viral patrol Oct 17, 2020, 11:34 AM

#

But it won't reveal idle animation. It will be covered by green once it gets to OBS

#

So not visible

#

Then OBS will remove that

#

Ohh. No idle animation there from what I understood now.

#

MB

shadow pendant Oct 17, 2020, 11:35 AM

#

ok bare with me a moment he said hes burning toast and hell be right back 😄

#

ur chillin 😄

#

he back 🙂

viral patrol Oct 17, 2020, 11:37 AM

#

So from the coding point of view - The best way would be to get "Custom Event List" and adjust code to have videos and other stuff. Just to display the one latest event.

#

But there's no "ready" solution

shadow pendant Oct 17, 2020, 11:40 AM

#

the guy in my ears is asking is there like a basic outline for what we could make this happen please ? :)
this is the idea
Base overlay color is "purple"
secoond phase, first alert (example) follow changes the previous color to another color "red" until the next alert trigger has been activated ? 🙂 if that makes sense ? 😄

#

honestly I dont know what im doing 😄 a friend who does graphics design is helping me with the branding etc im just here to look pretty when hes done 😄

viral patrol Oct 17, 2020, 11:45 AM

#

Huh. So this should be done via code listening to onEventReceived

shadow pendant Oct 17, 2020, 11:46 AM

#

is that on the standard coding layout that I get when I enable the custom html/ CSS ? 🙂

viral patrol Oct 17, 2020, 11:47 AM

#

📎 unknown.png

#

This is a widget that should be coded for this particular example as alertbox doesn't provide persistency on screen.

shadow pendant Oct 17, 2020, 11:49 AM

#

ok I will give that a go now. I really appreciate you taking the time to help, Really does mean a lot 🙂

viral patrol Oct 17, 2020, 11:53 AM

#

@shadow pendant And here's documentation for that: https://github.com/StreamElements/widgets/blob/master/CustomCode.md

pulsar willow Oct 17, 2020, 11:55 AM

#

im the designer doing the branding and overlay for him, I need to know how to get the events of alerts familied so i am able to say continue this alert loop until the next alert is activated

#

please

#

this will cancel the previous alert to replace with the new one

shadow pendant Oct 17, 2020, 11:56 AM

#

^^ hes the man in the ears 😄 and thankyou Lx really appreciate it 🙂

viral patrol Oct 17, 2020, 11:57 AM

#

So as I mentioned earlier, the easiest way is to adjust Custom Event List to display video files of your choice. So your widget should work just like eventlist with displaying one latest event.

pulsar willow Oct 17, 2020, 12:02 PM

#

Appreciate your help here lx

shadow pendant Oct 17, 2020, 2:10 PM

#

hey so ive been trying to sort out my previous issue since i asked about it earlier and really have no idea what im doing is it possible for someone to spare 5 minutes if you have it to lend a hand. Im completely new to this usually i just buy something off of someone instead of getting something personally made 🙂

sturdy oak Oct 17, 2020, 2:15 PM

#

Are iframes allowed for custom widgets?

hardy walrus Oct 17, 2020, 2:18 PM

#

Not possible for security reasons.

shadow pendant Oct 17, 2020, 2:26 PM

#

i dont know what an iframe is 😄

sturdy oak Oct 17, 2020, 3:42 PM

#

while true loop seems to crash my browser lol

#

@viral patrol what's an alternative?

viral patrol Oct 17, 2020, 3:59 PM

#

Why would you ever want to do while true?

#

I think you are looking for something like: https://www.w3schools.com/jsref/met_win_setinterval.asp

sturdy oak Oct 17, 2020, 4:01 PM

#

The setInterval runs once right

#

I got 2 setIntervals that I want to run at certain interval of time

#

2 setIntervals inside 1 setInterval

vital oasis Oct 17, 2020, 4:23 PM

#

can anyone help me, i need to a way to use media request properly, its all set up and works, however when i switch to show video on stream it changes the sound output to desktop audio on obs. it has its own controllable music sound channel when i use it when not showing on stream. i want the sound to still come from the browser and be controlable sound level but just show the video on stream without switching audio channel

#

and yes ive tried the control via OBS switch on the properties tab on obs but then i cant hear the music but stream can

viral patrol Oct 17, 2020, 4:26 PM

#

Noo... You don't nest intervals...

#

Like never

#

Another infinite loop

shadow pendant Oct 17, 2020, 4:27 PM

#

lx i hate to be that guy but i still need help pal :/ 🙂

#

i have no idea what im doing SD4_pepesaddance

viral patrol Oct 17, 2020, 4:27 PM

#

@vital oasis You need to control audio of that browser source via OBS. Just check "Control audio via OBS" in browser source settings

#

@shadow pendant I will be around in few minutes, how can I help you?

vital oasis Oct 17, 2020, 4:31 PM

#

@vital oasis You need to control audio of that browser source via OBS. Just check "Control audio via OBS" in browser source settings
@viral patrol yeah i said ive done that but then i cant hear the music, the music should stay where the player controls are either ground control or browser but when i want to show the video it switches over. also tried that control via obs but then i cant hear that channel, and if i monitor the channel it plays through my desktop channel which is used on stream for notifications etc which is no use eeither as the levels are all wrong

sturdy oak Oct 17, 2020, 4:31 PM

#

okay @viral patrol help

#

what me do?

shadow pendant Oct 17, 2020, 4:31 PM

#

so the same problem as before i literally have been sat here with a group of people trying to figure it out since i thought i was going to be ok. I was hell wrong about being ok with it 😄

viral patrol Oct 17, 2020, 4:36 PM

#

@vital oasis also you can use !volume command

#

@shadow pendant I think the best is to outsource that ;-). Our code gurus are on fiverr. Like this one: https://www.fiverr.com/lord_stett/create-a-streamelements-widget-for-you

#

As this is pretty complex task

vital oasis Oct 17, 2020, 4:40 PM

#

haha no i can do that with my mouse its the channels moving when i play the video nvm it hard to explain clearly. thanks anyway

viral patrol Oct 17, 2020, 4:40 PM

#

@sturdy oak there is no one-for-all solution for every case. You just never do while(true) nor nest setInterval as they will both cause infinite loop

crisp needle Oct 17, 2020, 4:47 PM

#

I see lx mentioned my Fiverr gig ;)
Hey, @shadow pendant how can I help you?

willow marsh Oct 17, 2020, 5:41 PM

#

Hey guys, wanted to override the !giveaway command. Wondering if there's a way to still reference the public giveaway url as a variable?

#

Also anyone have any examples of accessing the current running giveaway via api within an overlay? ie have a ticker tick on new entry and querying total entries?

viral patrol Oct 17, 2020, 5:45 PM

#

@willow marsh I think that the one of possible ways is merging this widget: https://discordapp.com/channels/141203863863558144/457957557470887947/623835460938104834 with one that can send bot messages

willow marsh Oct 17, 2020, 5:49 PM

#

@viral patrol thanks for the link. Will take a look.

Now when you say one that can send bot messages, what do you mean exactly? like the widget can respond to the chat itself?

viral patrol Oct 17, 2020, 5:52 PM

#

It can with proxy service. Check a trivia widget on #widget-share

arctic zephyr Oct 17, 2020, 6:03 PM

#

@arctic zephyr if ur using tmi

var badges = userstate['badges'];```
and badges will be like { 'broadcaster': '1', 'warcraft': 'horde' }. Through SE u can directly access every chat message also, instead of having to use TMI. https://github.com/StreamElements/widgets/blob/master/CustomCode.md#message

@frozen hearth Thank you for the information ! I tried this little code but it run just one time for the first message and nothing after. Know you why ? I'm begginer in JS


    const event = obj["detail"]["event"];
    var msg= event["data"]["text"];

      console.log(msg);
  
    if (msg !== null) {
    document.write(msg);
    }
});```

stiff jungle Oct 17, 2020, 10:02 PM

#

hey does anyone here know how to "publish" a custom widget so the editor can not be opened anymore?

honest hearth Oct 18, 2020, 1:19 AM

#

Hey guys, does anyone know if a custom widget can have audio?

#

I get audio when I am previewing my source in a browser, but nothing when I use a browser source in obs

fierce river Oct 18, 2020, 3:06 AM

#

Hi, guys. one of the mods told me to send my questions here. Here i go:

i'm looking for a sord of goal bar (just in visual) that works as a hashtag percentual counter, that makes a kind of a battle between two hashtags on Twitter.

a) The tracker works finding the total hashtags of that day and makes the sum of them, understanding everything as 100%.
b) The "goal bar" shows the percentage of each hashtag in a sum of 100% (Example: 65% #GoFla and 35% #GoVas )

I'll try to send a pic.

#

📎 unknown.png

#

It may work as an Alert box, that i can make it appear with a shortcut on may keyboard or "streamdeck", etc.

#

I've seen it on a stream and i'd like to do the same.

Dou u guys know if there's a widget or how can i do it?

sturdy oak Oct 18, 2020, 3:27 AM

#

Not sure how the hashtags will be counted, but for the bar thing you can use my goal bar as a foundation

#

and tweak it to your liking

fierce river Oct 18, 2020, 3:38 AM

#

TY, @sturdy oak

Anyone has something to help me?

viral patrol Oct 18, 2020, 8:21 AM

#

@fierce river Maybe this one: https://discordapp.com/channels/141203863863558144/457957557470887947/599555191661920266

viral patrol Oct 18, 2020, 8:54 AM

#

@stiff jungle It is not possible to publish a custom widget without editor possibility.

#

@honest hearth Of course you can have audio in custom widgets. One of the widgets that uses audio: https://github.com/StreamElements/widgets/tree/master/EmoteComboSounds

pulsar willow Oct 18, 2020, 1:31 PM

#

I really like the Level Up goal from Anna Dorka but does someone has the code for adding all actions towards the bar. Subs, gifted, Bits and tips?

viral patrol Oct 18, 2020, 1:36 PM

#

I think you could mix that up with: https://github.com/StreamElements/widgets/tree/master/CumulativeGoal

pulsar willow Oct 18, 2020, 1:41 PM

#

@viral patrol Thank you very much

solemn edge Oct 18, 2020, 2:51 PM

#

is this where i would ask for a mod to combine?

native trellis Oct 18, 2020, 2:53 PM

#

no, i already send that message in #helpdesk-twitch and even tagged you 😛

solemn edge Oct 18, 2020, 2:54 PM

#

no, i already send that message in #helpdesk-twitch and even tagged you 😛
@native trellis im so sorry 🤦‍♂️ i must have missed the part about that

native trellis Oct 18, 2020, 2:54 PM

#

no problem

pulsar willow Oct 18, 2020, 6:31 PM

#

@viral patrol Are you there?

pseudo siren Oct 18, 2020, 6:32 PM

#

Just ask, Lx will reply you soon 🙂

pulsar willow Oct 18, 2020, 6:33 PM

#

I´m trying to change Level Up goal bar from Anna but counting Tips, Subs and Bits. I`m cluesless on how to write the JSL. Looks like im watching the matrix movie lol @pseudo siren

hexed ridge Oct 18, 2020, 6:39 PM

#

maybe have a look at this one as it counts bits, subs and tips
https://discordapp.com/channels/141203863863558144/457957557470887947/760415652883726346

frozen hearth Oct 18, 2020, 6:42 PM

#

Do widgets have a unique id that i can access? to know exactly what widget something is coming from. Or a way to get the overlay id the widget is in?

pulsar willow Oct 18, 2020, 6:47 PM

#

@hexed ridge and that one i want to combine with the public level up widget

#

But idk how to combine these two

stiff jungle Oct 18, 2020, 8:37 PM

#

@viral patrol then what is the process companies use like "Nerd or Die" where you cant edit there widget?

cloud monolith Oct 18, 2020, 9:57 PM

#

Question, are you guys working on the alert widhets to where in variations when u change the size of the alert it wont effect the other variations?

#

widgets*

#

Also, for some reason my community gift alert is triggering my resubb alert

honest hearth Oct 18, 2020, 10:03 PM

#

@viral patrol I am having an issue with getting audio into obs studio that i can hear in the overlay preview in browser

midnight glade Oct 18, 2020, 11:23 PM

#

hey guys! I have a custom code for a kind of "sub train" that displays an image that I upload. I wanted to know if there is a code for uploading multiple images for this same sub train, and everytime it triggers a different image appears

honest hearth Oct 18, 2020, 11:41 PM

#

You could definitely add that

midnight glade Oct 18, 2020, 11:44 PM

#

You could definitely add that
@honest hearth do you know how?

honest hearth Oct 18, 2020, 11:46 PM

#

If you have the custom code, you would just add more image fields and then you could have a list of images in the code that gets randomly chosen

midnight glade Oct 18, 2020, 11:48 PM

#

thanks for the advice man!! im a total noob in coding but i will try it!

If you have the custom code, you would just add more image fields and then you could have a list of images in the code that gets randomly chosen
@honest hearth

honest hearth Oct 18, 2020, 11:48 PM

#

No problem. Google is your friend 🙂

#

@midnight glade if you need any help, feel free to message me

midnight glade Oct 19, 2020, 12:04 AM

#

@midnight glade if you need any help, feel free to message me
@honest hearth thanks man! you are too kind

sturdy oak Oct 19, 2020, 6:20 AM

#

Bulk Gifted Subs seems to clog my queue

viral patrol Oct 19, 2020, 7:27 AM

#

@pulsar willow Check this out. It uses "goals" from your session data, to stay current even if your stream is offline: https://streamelements.com/dashboard/overlays/share/5f8d3cf9fdc45e5512fe55eb

#

@frozen hearth Widgets don't have unique ids nor they have access to overlay id. The only data you can access is described in docs hosted on github

frozen hearth Oct 19, 2020, 7:28 AM

#

aww that sucks ok ty for the info 🙂

sturdy oak Oct 19, 2020, 7:28 AM

#

I have used SE_API.resumeQueue(); and set the widget length too. But Bulk Gifted Subs just clog the queue @viral patrol

viral patrol Oct 19, 2020, 7:29 AM

#

@stiff jungle They usually have their own accounts with enabled widget share after review. Every users install is independent copy of a widget, so it is not possible to update and populate changes to their clients (as this would also break every user change there).

#

@sturdy oak Initial event of bulk gift has bulkGifted property you want to check too

#

Like

if (data.bulkGifted !== true && !data.gifted) {
        console.log("Non gift nor initial community gift event");
        // Whatever
        return;
}

meager parrot Oct 19, 2020, 7:43 AM

#

@pulsar willow Check this out. It uses "goals" from your session data, to stay current even if your stream is offline: https://streamelements.com/dashboard/overlays/share/5f8d3cf9fdc45e5512fe55eb
@viral patrol

How can i create a shared link like this ?

viral patrol Oct 19, 2020, 7:44 AM

#

@meager parrot This feature is limited to StreamElements partners and Code Gurus.

meager parrot Oct 19, 2020, 7:45 AM

#

aw thats bad ;o
I just wanted to share a modified widget to a friend of mine 😮

#

thanks @viral patrol 😉

pulsar willow Oct 19, 2020, 7:47 AM

#

Thanks 🙏

lunar beacon Oct 19, 2020, 10:55 AM

#

hello people,
I got a crazy widget idea that I want to create with Code. I have worked little with HTML and CSS before but have no xp with JS or JSON. Can someone help me about how to get started?
Thanks alot!

crisp needle Oct 19, 2020, 11:18 AM

#

Starting JS: https://www.w3schools.com/js/
Starting with SE API: https://github.com/StreamElements/widgets/blob/master/CustomCode.md

GitHub

StreamElements/widgets

Contribute to StreamElements/widgets development by creating an account on GitHub.

arctic zephyr Oct 19, 2020, 11:31 AM

#

Hi ! Is it possible to customize the Kappagen widget (color modification like desaturating) ?

lunar beacon Oct 19, 2020, 11:33 AM

#

Starting JS: https://www.w3schools.com/js/
Starting with SE API: https://github.com/StreamElements/widgets/blob/master/CustomCode.md
@crisp needle Thanks!!

GitHub

StreamElements/widgets

Contribute to StreamElements/widgets development by creating an account on GitHub.

minor steppe Oct 19, 2020, 12:02 PM

#

What API points are there to get YouTube Superchat top donator ?

timid cloud Oct 19, 2020, 12:06 PM

#

Hey guys!

Question, is there anyway that I can through the API or something, alter command outputs, like !give for example? So instead of the standard response, I could have a custom response when someone would use that command.

crisp needle Oct 19, 2020, 12:08 PM

#

@minor steppe IDK if this is what you look for (is sponsor a YT donator?) but here's documentation for YouTube: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#youtube

GitHub

StreamElements/widgets

Contribute to StreamElements/widgets development by creating an account on GitHub.

pine spire Oct 19, 2020, 2:41 PM

#

Hi there, I have a question related to the ChatBot: Is there a way to trigger a command within a timer? My first try didn't work. The command is just displayed as text, but not triggered.

hardy walrus Oct 19, 2020, 2:44 PM

#

Not possible. Spam prevention.

pine spire Oct 19, 2020, 2:46 PM

#

Hm, ok... so, if I want a timer, that picks every x minutes a random chatter and show his or her watchtime - Is there a way to do this with the available variables?

pulsar willow Oct 19, 2020, 4:11 PM

#

@viral patrol that's exactly what i wanted! you are an legend Thank you very much!!!!

viral patrol Oct 19, 2020, 4:12 PM

#

You are very welcome. Glad I could help you to make your stream as needed 🙂

hexed ridge Oct 19, 2020, 5:58 PM

#

everytime i see the code of one of lx or any other code gurus widget i instantly feel ten times worse as a programmer then before 😂

hardy walrus Oct 19, 2020, 6:02 PM

#

@hexed ridgeLook at that DM blobsweats

hexed ridge Oct 19, 2020, 6:06 PM

#

good to know i am not alone :D every hero (guru) got his weakness 😂

sturdy oak Oct 20, 2020, 3:56 AM

#

lol

shrewd wadi Oct 20, 2020, 3:56 AM

#

The username provided by SE Api (and reported by the bot in twitch-chat ) for tippers maxes out at 10 characters. Is this going to be changed any time soon? It looks pretty ridiculous in-chat and through any data captured via api

mortal zodiac Oct 20, 2020, 6:06 AM

#

is there a way to test widgets locally (I cloned the custom widgets repo from github) or do I have to upload it to SE test it?

sturdy oak Oct 20, 2020, 6:58 AM

#

@mortal zodiac https://discordapp.com/channels/141203863863558144/259680142459142144/633144423055622165

viral patrol Oct 20, 2020, 7:31 AM

#

@shrewd wadi Can you elaborate please? I emulated an alert and received full username in Overlay Editor, or are you referring to something else?

#

📎 unknown.png

shrewd wadi Oct 20, 2020, 7:33 AM

#

See:
["tip-weekly-top-donation"]=>
array(2) {
["name"]=>
string(25) "Dion Starfire (DStarfire4"
["amount"]=>
int(50)
}

The users name gets cut off after 10 characters, the bot in chat also reported it incorrectly (it got cut off after 10 characters)

The users display name is DStarfire42.

viral patrol Oct 20, 2020, 7:41 AM

#

Yay. PHP 🙂

#

I will check that with devs

hexed ridge Oct 20, 2020, 8:19 AM

#

Correct me if i am wrong, but it cut off after 25 characters, which would be correct as 25 is the max twitchname length

#

actually just checked, you cant enter a longer name in the tipping field too

viral patrol Oct 20, 2020, 8:31 AM

#

You cannot provide longer name in tipping page and characters limit of 25 is lower than Facebook allows. I think this is a reason of problem here

knotty thorn Oct 20, 2020, 9:16 AM

#

hey i'm getting a ERR_CERT_DATE_INVALID when bringing up the SE website

hardy walrus Oct 20, 2020, 9:24 AM

#

@knotty thorn things are being shuffled so it's gonna be a little ablobderpyhappy

knotty thorn Oct 20, 2020, 9:29 AM

#

no worries

#

just hope they don't type your discord name in 😉 lol

glass kettle Oct 20, 2020, 2:45 PM

#

good evening, I'm looking for help with my goal widget. I don't understand why it's 2 values are the same (I haven't received a cheer this month)

var month = 0;
var total = 0;

window.addEventListener('onWidgetLoad', function (obj) {

  let data = obj["detail"]["session"]["data"];

  month = data["cheer-month"]["amount"]; //this and <-----------
  total = data["cheer-total"]["amount"]; //this     <-----------

  reloadGoal();
});

window.addEventListener('onEventReceived', function (obj) {

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

  if ( listener == 'cheer-latest') {

    month = month + event["count"];
    total = total + event["amount"];
    reloadGoal();
  } 
});

function reloadGoal() {

  $('#loading').text( "Month:" + month + " All:" + total );
}

#

I get 400 for the total and 400 for the month too

viral patrol Oct 20, 2020, 2:55 PM

#

@glass kettle You probably received that in the last 30 days, not current month. You can change those settings in Settings tab here: https://streamelements.com/dashboard/session

glass kettle Oct 20, 2020, 3:07 PM

#

I went to see, am I at 100 cheer if I read correctly?

I must select Relative Timing or Calendar Timing

📎 PSX_20201020_170313.jpg

viral patrol Oct 20, 2020, 3:24 PM

#

📎 unknown.png

#

Same is for cheer/cheerer

glass kettle Oct 20, 2020, 3:27 PM

#

suddenly it is not possible to recover the value over 1 month?

#

because I just want to recover the total amount over 1 month

minor steppe Oct 20, 2020, 3:35 PM

#

@crisp needle hmm but there is not top sponsor/superchatter point, like with other donations hmm

viral patrol Oct 20, 2020, 3:39 PM

#

@glass kettle You can and you used proper property. Just set it to "calendar" so it will display you all cheers in October instead of all cheers in last 30 days.

glass kettle Oct 20, 2020, 3:43 PM

#

thank you very much, I would come back in case of problem because currently he cannot save the changes

minor steppe Oct 20, 2020, 3:44 PM

#

The sessions data aggregated is there a easy way to access that data? since i noticed top superchatter is located there, and thats the data im trying to get a hold of.

honest hearth Oct 20, 2020, 11:16 PM

#

Does anyone know why audio produced by SpeechSynthesis shows up in the overlay preview but not in OBS?

#

My first guess would be that it isn't a fully compatible thing with the browser source in OBS

#

If that's the case, is there any compatible javascript for text to speech?

teal bone Oct 21, 2020, 3:38 AM

#

Hey guys, i need some help on fieldsdata
{ "someText": { "type": "text", "label": "Some Text", "value": "Default text" }
to call in js:
someVariable=fieldData["someText"];

#

ok

#

but i want be able to call like fielddata["someText"]["name"] and fielddata["someText"]["link"]

#

its possible?

deft warren Oct 21, 2020, 3:44 AM

#

Is there anyway we can create a loyalty system with variables for youtube streaming using StreamElements

elder dragon Oct 21, 2020, 12:42 PM

#

Is it possible to see the duration of an alert with onEventReceived?

sturdy oak Oct 21, 2020, 12:49 PM

#

see the duration?

#

you can set the duration

elder dragon Oct 21, 2020, 12:50 PM

#

Yeah so I have a custom widget, and an alert box. And when an alert is triggered I'd like to know the duration of the alert inside my custom widget

sturdy oak Oct 21, 2020, 12:56 PM

#

wont the duration of the alert be the same

minor steppe Oct 21, 2020, 12:57 PM

#

Could someone tell me how to grab session data even the aggregated session data, trying to understand that part

sturdy oak Oct 21, 2020, 1:10 PM

#

@minor steppe #751385980476588062 message

#

@elder dragon why will the alert duration change?

#

@elder dragon Here's an example I found in the docs #751385980476588062 message

#

setTimeout(SE_API.resumeQueue,time*1000); ```

viral patrol Oct 21, 2020, 1:27 PM

#

@elder dragon {widgetDuration}

glass kettle Oct 21, 2020, 2:38 PM

#

Thank you @viral patrol for your help, I was able to finish my Goal widget 🙂 It can make the Goal of follow, cheers, sub, donations of your choice

lethal swift Oct 21, 2020, 5:12 PM

#

hEY GUYS!

#

It looks like the settings for the Toronto zone time is not accurate.

#

Can you please fix it?

elder parrot Oct 21, 2020, 9:38 PM

#

Hello, I'm in search of a follower progress bar, but custom bar graphics

delicate shadow Oct 21, 2020, 10:56 PM

#

hello, im little confused about the SE overlay install links, and the question is, how you actually make them, or where to get them from.

viral patrol Oct 22, 2020, 8:15 AM

#

@elder parrot If you want to use custom image as progress, there is a widget: https://discordapp.com/channels/141203863863558144/457957557470887947/583954074731282455

#

@delicate shadow overlay install links are limited to StreamElements partners and Code Gurus.

lethal swift Oct 22, 2020, 11:28 AM

#

Sorry for the previous messages, found my mistake! In case someone is looking for the timezones: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

List of tz database time zones

This is a list of time zones from release 2017c of the tz database.

cunning wigeon Oct 22, 2020, 5:02 PM

#

hey, this is a custom stream hub that ive been playing with, and im wanting the box and bar to light up the same color as the icons glow when an alert pops up. im new to codeing and cant seem to figure it out any suggestions?

#

📎 2020-10-22_11-19-10.mp4

#

i messaged in #helpdesk-twitch first and they sent me here

bold coral Oct 22, 2020, 5:08 PM

#

Is this form meant to be closed? https://strms.net/oauth2_request

Google Docs

StreamElements OAuth2 Application Form

StreamElements allows developers to connect to its systems with OAuth2 authentication.
Please fill in the details in the form in order apply for access.

native trellis Oct 22, 2020, 5:09 PM

#

yes, they are revamping the application system

bold coral Oct 22, 2020, 5:10 PM

#

anyway to get on a mailing list when it reopens?

viral patrol Oct 22, 2020, 5:27 PM

#

Unfortunately from what I know there's no ETA on reopening that nor there's newsletter for that.

tranquil drum Oct 22, 2020, 5:44 PM

#

Hi, is it possible to get the 'excuse of the day' from the bofh calandar into a command or variable? My scripting skills are limited...

raven jacinth Oct 22, 2020, 10:31 PM

#

Is there a way for my app (twitch extension) to send something like a webhook that triggers a Streamelements alert?

lyric wave Oct 22, 2020, 11:09 PM

#

Hi guys, does anybody knows if its possible to add read TTS to a custom alert box widget? (Stars on Facebook Gaming)

viral patrol Oct 23, 2020, 6:55 AM

#

@raven jacinth the easier way would be to read data via widget from socket.

#

@lyric wave This option is in default/custom alertbox:

📎 unknown.png

raven jacinth Oct 23, 2020, 7:15 AM

#

@viral patrol ah great, websockets would accomplish it. Just to be clear, you're talking about the custom widgets discussed here https://blog.streamelements.com/custom-widgets-5c5b344be8c5 ?

Medium

Boost Stream Interaction with Custom Widgets

StreamElements provides a lot of free tools that allow you to easily build your stream and community which includes many widgets to choose…

viral patrol Oct 23, 2020, 7:19 AM

#

Yes, you can create a connection from widget. Example of one (using Twitch JS library to connect to Twitch websockets for additional chat read) https://discordapp.com/channels/141203863863558144/457957557470887947/647710746171408386

red citrus Oct 23, 2020, 7:22 AM

#

Hi guys, do you have by chance a chat box that moves horizontally for Facebook?There’s one in #widget-share but it’s not compatible with Fb gaming 😕

viral patrol Oct 23, 2020, 7:55 AM

#

Actually if you create a custom widget on your FB account and copy code of each tab of code editor, it should work nice

pulsar willow Oct 23, 2020, 9:46 AM

#

is there a way to turn on and off the Chat Doorbell widget by LX... when streaming a live chat in obs studio?

cursive folio Oct 23, 2020, 10:04 AM

#

Hi, is there a way to share your code with just a url or is the marketplace the only appropriate way?

mortal knotBOT Oct 23, 2020, 10:23 AM

#

@cursive folio "Follow these steps to grant managers/moderators access to your dashboard:

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

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

hardy walrus Oct 23, 2020, 10:23 AM

#

The person you're giving it to does that. You want editor.

viral patrol Oct 23, 2020, 10:42 AM

#

@pulsar willow You can have it as separate overlay in OBS with "shutdown source when not visible" and just toggle it off when you want it to be off.

pulsar willow Oct 23, 2020, 10:45 AM

#

thank you

cursive folio Oct 23, 2020, 12:41 PM

#

Not exactly what I meant. I meant sending a share-able link to someone and they get the overlay/widget added, without any extra permissions or steps.. or is that the whole marketplace process ? Thanks!

viral patrol Oct 23, 2020, 12:43 PM

#

@cursive folio If you are verified partner of StreamElements or a Code Guru this permission may be granted for you.

cursive folio Oct 23, 2020, 12:49 PM

#

Alright, thanks chief! Geuss i’ll apply soon then 😊👍

glass kettle Oct 23, 2020, 12:57 PM

#

Hello, I want to create groups of fields, what can I do?

sturdy oak Oct 23, 2020, 1:15 PM

#

"group" : "Global Settings"

#

add that below each field @glass kettle

glass kettle Oct 23, 2020, 1:16 PM

#

thank you

arctic zephyr Oct 23, 2020, 5:05 PM

#

Hi all !

var myValue;

SE_API.counters.get('myCounter').then(counter => {
    myValue = counter.value;
});

  console.log(myValue);```

Like that myValue=undefined. How can I have myValue outside of the .then function ?

Thanks 🙂

cursive folio Oct 23, 2020, 7:24 PM

#

.then is asnychronious, console.log is not . If you want to know the value of "myValue", do it within the then 🙂

arctic zephyr Oct 23, 2020, 8:21 PM

#

Thanks for your reply. I understand a bit async function. Console.log is juste an example for testing. I use the counter value in another function. What can I do for that ?

rugged jay Oct 23, 2020, 8:25 PM

#

Hello, I'm wondering if anyone knows anything about how to implement something along the lines of the Rock, Paper, Scissors chat game while allowing to win loyalty points (similar to heist).

I'm hoping I'd be able to find/create a few different chat games such as wordscramble (randomize letters of a word, first to guess the word wins) and similar such ideas like with logic / math / etc. that could be cool to have as chat games 🙂

red citrus Oct 23, 2020, 11:22 PM

#

@rugged jay maybe this can help: https://youtu.be/R-90oeh6MqI

YouTube

Andilippi

Let Viewers Play Tic-Tac-Toe Whilst You're Just Chatting - LioranBoard

You have to believe me when i say you can do CRAZY things on Twitch with Lioranboard and OBS! I have finally finished version 1 of my Naughts & Crosses / Tic-Tac-Toe game!
You can add this to your stream for free, super easy!
ENJOY!

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🔗 DOWNLOAD HERE ...

▶ Play video

cursive folio Oct 24, 2020, 12:01 AM

#

Thanks for your reply. I understand a bit async function. Console.log is juste an example for testing. I use the counter value in another function. What can I do for that ?
@arctic zephyr

You can call your function with your then function. For ex
`function doSomething(ex){
console.log(ex);
}

SE_API.counters.get('myCounter').then(counter => {
myValue = counter.value;
doSomething(myValue);
});`

honest hearth Oct 24, 2020, 1:44 AM

#

Does anyone know if there is a way to get your twitch schedule using a custom widget?

polar hollow Oct 24, 2020, 2:53 AM

#

for some reason my bits,follow,subs bar turned to dots?

📎 unknown.png

#

📎 unknown.png

deep hull Oct 24, 2020, 3:00 AM

#

I think streamelements has problems, I also have some issues with my alerts

teal bone Oct 24, 2020, 3:13 AM

#

Its possible put a button to add more slots on fields?

ember zenith Oct 24, 2020, 3:34 AM

#

Is it possible in a regular widget or custom widget to access the variables set by commands in chat on Twitch? Like a death counter, a goal, etc. I have absolutely ZERO idea how to make a custom widget myself but if that's possible I'd be willing to learn.

sturdy oak Oct 24, 2020, 7:55 AM

#

@teal bone

📎 unknown.png

viral patrol Oct 24, 2020, 8:22 AM

#

@arctic zephyr @cursive folio You can even update a global variable from promise resolve, you don't need to forward that value:

let myValue=5;
function doSomething(){
  console.log(myValue);//should output 5 until promise of counters get is resolved
}
setInterval(doSomething,1000);
SE_API.counters.get('myCounter').then(counter => {
 myValue = counter.value;
});

#

@teal bone Unfortunately it is not possible to add new fieldset by button click

#

@ember zenith You can access counters, goal progress and a lot of other things. Navigate to https://github.com/StreamElements/widgets/blob/master/CustomCode.md to learn more

viral patrol Oct 24, 2020, 9:10 AM

#

@rugged jay You can check #widget-share - there are few chat games like Trivia, Roulette, Pokemon Guess.

arctic zephyr Oct 24, 2020, 9:39 AM

#

You can even update a global variable from promise resolve, you don't need to forward that value:
@viral patrol @cursive folio thanks guys ! Have a nice day

ember zenith Oct 24, 2020, 10:39 AM

#

@viral patrol Thanks! I actually managed to hack something together using that!
Now I don't have to edit my overlay every time I wanna update a custom goal 😀

glass kettle Oct 24, 2020, 1:37 PM

#

Hi, why sound.volume ();, sound.pause(); does not work ?

viral patrol Oct 24, 2020, 1:49 PM

#

It should work, but as in regular audio element.

const sound = new Audio(fieldData.soundFile);
sound.volume = fieldData.soundVolume/100; // As user selector is usually 0-100 and accepted values are 0-1
sound.play();

glass kettle Oct 24, 2020, 1:49 PM

#

thank you

naive forum Oct 24, 2020, 2:27 PM

#

Has anyone made a Chat command that can add 2 or more users to a multistream. The basic one is set up to link 2 streams in a multistream using multitwitch. Is there a way to make a command that will add 3 - 6 streamers just by typing in "!multi Streamer1 Streamer2 Streamer3 Streamer4 Streamer5 Streamer6" and then it generates the link for up to 6 viewers?

I use "https://www.multitwitch.tv/streamername/$(touser)" for the dual stream, but wanted to add additional streamers to the command. Is this possible?

naive forum Oct 24, 2020, 2:45 PM

#

Ok, figured some of it out. Just add "/$(2)/$(3)...etc." Now is there a way so if the added variables aren't typed in, the command will still work? Right now with this command, "https://www.multitwitch.tv/streamername/$(touser)/$(2)/$(3)" if I don't add the 2nd and 3rd users, the command doesn't work. Is there a way to use 1 command that will work and accept up to 5 additional users?

uneven skiff Oct 24, 2020, 3:26 PM

#

i need css help... im making an alternative to my event list

#

📎 Image_001_-_2020-10-24.png

#

it wont align to the right in my stream

#

yes i have saved it

#

i tried setting it to !important

#

📎 Image_003_-_2020-10-24.png

#

im confused

viral patrol Oct 24, 2020, 3:53 PM

#

Maybe text-align within containers?

uneven skiff Oct 24, 2020, 4:04 PM

#

i tried that

#

i also tried editing the js to put eveting in one div and messed with position

#

everytime it works in my browser and in SE creator

#

but not in streamlabs

#

thought it was streamlabs so i checked obs.live, same issue

#

in obs.live

📎 Image_005_-_2020-10-24.png

uneven skiff Oct 24, 2020, 4:54 PM

#

i got it. someone dmed me. answer was justify-content: flex-end;

pulsar willow Oct 24, 2020, 6:57 PM

#

Hello there! I'm using a custom event list widget in my layout but I need some help in editing it, can I get some help here, please?

pulsar willow Oct 24, 2020, 7:28 PM

#

I can't get to decrease the space between the columns..

glass kettle Oct 24, 2020, 10:34 PM

#

Good evening, yes me again, I don't understand why my alerts lasts about 15 seconds.
For a donation goal it's long

"widgetDuration": {
      "type": "hidden",
      "value": 1
    }

polar hollow Oct 25, 2020, 4:00 AM

#

https://discordapp.com/channels/141203863863558144/259680142459142144/769393183309824032 Is there a known fix for this?

frail wyvern Oct 25, 2020, 5:30 AM

#

is someone able to help me enable the !clip command from here https://thefyrewire.com/docs/api/twitch/clips/#required-parameters

thefyrewire

Clips | Fyre API

Reference for Fyre's API

viral patrol Oct 25, 2020, 7:40 AM

#

@polar hollow The best way is to ping @elder dragon 🙂

#

As that person is a widget author.

noble flicker Oct 25, 2020, 9:16 AM

#

Is there a wheel decide plugin?

rugged rapids Oct 25, 2020, 9:16 AM

#

Take a look at the #widget-share maybe there is something that fits your needs.

cursive folio Oct 25, 2020, 2:03 PM

#

@frail wyvern as in, you are close but need help figuring out the code or you need someone to create the entire widget for you?

cloud iris Oct 25, 2020, 2:34 PM

#

@crisp needle I saw your SimpleHUB widget and it looks very cool. I was just wondering if it's possible to somehow change the start event to have it just show the last event that happened? I didn't see that in the list of options. And is it possible to add merch purchases in there as well?

crisp needle Oct 25, 2020, 3:52 PM

#

As for now you can only choose from specified options.

sturdy lintel Oct 25, 2020, 5:04 PM

#

hello i have a question how long it takes until the money from streamelemeds is on my paypal acaund because i have been waiting for more than a week

honest hearth Oct 25, 2020, 5:13 PM

#

Is there a way to make subgroups in the fields of a custom widget? I recently discovered the "group" attribute, but is only 1 layer of depth possible?

frail wyvern Oct 25, 2020, 5:19 PM

#

@cursive folio I haven't started it. Also does this require OBS cuz I'm using SLOBS

cursive folio Oct 25, 2020, 5:20 PM

#

You can use any software, as long as you have the overlay in there. I think all you need to do is capture the chat input, see if someone says the command you want them to say and send out an API call to create the clip

frail wyvern Oct 25, 2020, 5:32 PM

#

sorry i dont work with code that went over my head. ive never created a command like this

high quartz Oct 25, 2020, 5:33 PM

#

Does anyone know if there is some way to get the sub count information used in StreamElements Leaderboard from an api? I can't find a way to create a sub leaderboard in my site..

cursive folio Oct 25, 2020, 8:52 PM

#

@frail wyvern i took a closer look, just make sure the streamelements bot is in your channel and add a new command like on the screenshot here. Just make sure the XXXX (blue highlighted) is replaced with your API Key

#

📎 unknown.png

frail wyvern Oct 25, 2020, 9:07 PM

#

tyvm! looks like it works

elder dragon Oct 26, 2020, 1:29 AM

#

When someone gifts 50 subs. Does onSessionUpdate get called 51 times? Or is it called once and all the gift sub data is updated at once?

pulsar badger Oct 26, 2020, 2:27 AM

#

In an event listener for a custom widget the currency details for an object obj.detail.currency.code is always set as USD, even when the data is EUR for example in the tip list. Any idea why it doesn't fetch the correct data?

karmic idol Oct 26, 2020, 7:01 AM

#

So, I'm trying to change the javascript of a custom widget so that I can trigger a different video for each amount of bits (i.e. a video for 1-99 bits, 100-999 bits, etc.) What do I need to do for that?

viral patrol Oct 26, 2020, 12:32 PM

#

@pulsar badger obj.detail.currency.code is set to value from https://streamelements.com/dashboard/tipping-settings, obj.detail.currency.name seems to be hard U.S. Dollar but I think nobody uses that property

pulsar badger Oct 26, 2020, 2:17 PM

#

Am I misinterpreting something then? The goal is to get the currency for a specific tip.

abstract basalt Oct 26, 2020, 2:59 PM

#

How can we can get the amount of subgifts given at the same time do we get one single event foe each? Or is there a way to know the total amount?

viral patrol Oct 26, 2020, 3:34 PM

#

@pulsar badger Each tip is converted on the fly by payment processor to one you have set

#

@abstract basalt https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event bulkGifted property is set for initial event

abstract basalt Oct 26, 2020, 3:37 PM

#

Ha cool! so it could be bulkgifted and amount would be how many giftsub are given?

cedar moth Oct 26, 2020, 3:39 PM

#

FINALLY! We can upload videos and pictures again @fickle mist

viral patrol Oct 26, 2020, 3:40 PM

#

@abstract basalt that is correct. You can check custom eventlist widget on GitHub to see am example

pulsar badger Oct 26, 2020, 3:45 PM

#

@viral patrol thank you!

fickle mist Oct 26, 2020, 3:46 PM

#

yeee sudo safed us

#

FeelsOkayMan 👏

pulsar willow Oct 27, 2020, 1:31 AM

#

CSS friends -

Hello! I am creating a custom Sub alert for my stream with SE. I have an icon that spins whenever someone subs. I want to see if there is a way to make the image stay on screen the whole time, and begin the animation when the alert is triggered. Right now it disappears as soon as the animation stops. Any CSS advice?

soft tendon Oct 27, 2020, 1:32 AM

#

can anyone with some basic CSS help me out here? All I'd like is ** to have the text on the left side of my gif instead of the right side **(streamelements defaults this in the row layout). Thanks!

tight basin Oct 27, 2020, 3:29 AM

#

@steady iron im using your widget and im having an issue with the graphic being too far to the right and cutoff, how do I fix it?

sturdy oak Oct 27, 2020, 5:47 AM

#

Can the stacking order of widgets be changed in the overlay editor

sturdy oak Oct 27, 2020, 7:22 AM

#

Can a widget be brought in front of the other @viral patrol

rugged rapids Oct 27, 2020, 7:28 AM

#

You should be able to change the order of widgets in the layers options in the overlay editor by darg and drop of the layers.

viral patrol Oct 27, 2020, 7:55 AM

#

@pulsar willow I think you could have a video file that has the same start/end frame and used in Custom widget. When there's a new sub, just trigger video.play()

#

@sturdy oak Widgets can't interact with overlay

sturdy oak Oct 27, 2020, 8:25 AM

#

I meant can I bring a widget infront of another widget @viral patrol

viral patrol Oct 27, 2020, 8:27 AM

#

You can't as widgets can't interact with overlay

abstract basalt Oct 27, 2020, 9:09 AM

#

@sturdy oak Did you meant using code or just to reorder them in the overlay manuelly before streaming?

sturdy oak Oct 27, 2020, 9:11 AM

#

peice of cake using code

#

📎 unknown.png

#

I was working on this dynamic hud, where its the bare minimum and people can peice it together however they want

#

But the widgets wont stack on top of each other as I wanted them to, I guess I will need to use 3 overlays to achieve it

soft tendon Oct 27, 2020, 10:39 AM

#

All I'd like to do is to put the text on the left side of the gifbut I got no idea how to.

📎 unknown.png

viral patrol Oct 27, 2020, 10:39 AM

#

I think you will need to play with margins

soft tendon Oct 27, 2020, 10:44 AM

#

@viral patrol No matter how far my margins are, the gif will always be on the far left. Do you think this would require some CSS? It seems really simple yet I have not figured it out

viral patrol Oct 27, 2020, 10:47 AM

#

Doing that in CSS would be one way to go, the other would be preparing image with transparency, setting "text over image" and playing with margins then

#

Image like:

#

📎 unknown.png

#

And I think that this way would be way easier

steady iron Oct 27, 2020, 11:52 AM

#

@steady iron im using your widget and im having an issue with the graphic being too far to the right and cutoff, how do I fix it?
@StephenStrong#8632 make sure the source is added as 1920 x 1080

pulsar willow Oct 27, 2020, 12:57 PM

#

@pulsar willow I think you could have a video file that has the same start/end frame and used in Custom widget. When there's a new sub, just trigger video.play()
@viral patrol I will try that but how do I get it to stay there?

viral patrol Oct 27, 2020, 12:58 PM

#

Use a custom widget with <video> element and in JS play it on every subscriber-recent event

pulsar willow Oct 27, 2020, 12:59 PM

#

oh okay.. so it will freeze the video on the first frame ? and then trigger the video when someone subs?

viral patrol Oct 27, 2020, 1:00 PM

#

Yup. You can play with like:

var vid = document.getElementById("vid");
vid.currentTime = 1;

pulsar willow Oct 27, 2020, 1:02 PM

#

tight

#

I will give it a shot

#

so I'd use that code?

cunning wigeon Oct 27, 2020, 2:43 PM

#

updated my widget, thoughts? also anyone have a good idea as to where i could get holiday inspired icons/effects for the seasonal variants of this?

📎 2020-10-26_11-32-53.mp4

neat tangle Oct 27, 2020, 6:18 PM

#

Hi, i have an alert box widget that has custom css applied to it and it works perfectly in the browser. When i add it as a browser source to ObsLive the @keyframe animations don't apply to the text. How do i fix this?

viral patrol Oct 27, 2020, 6:30 PM

#

This might be because invalid CSS which Chrome is ok with, like opacity: 50% when it should be opacity: 0.5. OBS is more strict about that

neat tangle Oct 27, 2020, 6:34 PM

#

ahhh that makes sense. ive use 50

#

50%

#

thankyou ill try that now

#

Perfect, that works great

neat tangle Oct 27, 2020, 7:11 PM

#

can streamelements pull whether a person has gotten a tier 1, 2 or 3 sub?

cunning wigeon Oct 27, 2020, 7:14 PM

#

If i wanted to edit the code to my widget to show username, tier, and amount; how would i do that? ive only seen things on them separately?

viral patrol Oct 27, 2020, 7:16 PM

#

@neat tangle You have tier property which is enum string of "1000", "2000", "3000", "prime"

neat tangle Oct 27, 2020, 7:18 PM

#

@viral patrol perfect, think that's exactly what I need

viral patrol Oct 27, 2020, 7:19 PM

#

@neat tangle For more fancy stuff I recommend Overlay Editor documentation from channel's topic 🙂

barren spire Oct 27, 2020, 9:09 PM

#

hey! i'm very new to all of this. i'm using grot's credit roll, but there is no option for custom fonts like in other widgets. i've had a look around for ways to insert my own code to add my custom font (chaos) but i can't find anything. anyone have a noob friendly fix?

viral patrol Oct 27, 2020, 9:29 PM

#

There are two widgets there, you can change a font in widget settings:

#

📎 2020-10-27a_22-29-vT7TkTU6iM.mp4

merry wharf Oct 27, 2020, 9:44 PM

#

Hello, how can I make an alert for each item in the stream store?

tacit field Oct 27, 2020, 10:49 PM

#

Hey. I wanna try streaming on youtube and so i looked over the newest widgets.. Sadly the ones i like are made for twitch. Can't i just copy, paste and edit the code for youtube? I guess it should be possible, but what do i have to consider etc?

viral patrol Oct 28, 2020, 8:11 AM

#

@tacit field Hi. Copying the code should work in most cases, but keep in mind that YT features are different. Like there's no loyalty and events are different. Code is universal besides that.

#

@merry wharf Are you talking about loyalty or merch?

thorny shale Oct 28, 2020, 2:34 PM

#

I'm curious if there are any other settings for changing the timing on TTS for cheer variations?

📎 Capture.PNG

#

I have this setup for the donation TTS and it plays right after the alert sound goes off. The cheer alert doesn't activate TTS until the alert is already finished.

📎 Capture.PNG

sturdy oak Oct 28, 2020, 2:39 PM

#

If anyone's having issues stacking their widgets or other elements on top of each other, just drag them up or down in the left panel. Yea, it works

finite marsh Oct 28, 2020, 6:00 PM

#

Hello, is there a way to use

${customapi https://api.jebaited.net/addPoints/JEBAITEDTOKEN/${sender}/${random 0-500}}

But to set exactly 500 Points instead of random 0-500

#

Already tried changing ${random 0-500} to ${500} and ${random 500-500}

finite marsh Oct 28, 2020, 6:36 PM

#

@viral patrol

finite marsh Oct 28, 2020, 7:31 PM

#

Nvm just solved it

leaden shard Oct 29, 2020, 1:05 PM

#

Anyone know how do I get the JWT bearer from a custom Widget?
Scenario: I want to know if the media request is currently playing, and if so, show a <div> element, but if paused (or non-playing), then hide it.

I got this from the 'onWidgetLoad' event.

{
"apiToken": "x",
"id": "x",
"providerId": "x",
"username": "perritu"
}

I'm trying with the documentation, but I have no idea where getting the JWT Bearer (from the API, not from the dash)
https://docs.streamelements.com/reference/songrequests#songrequestplayerbychannelget

StreamElements

songrequests

viral patrol Oct 29, 2020, 1:17 PM

#

I think you should be able to query it using apitoken too.

Authorization: apikey YourApiToken

leaden shard Oct 29, 2020, 2:44 PM

#

Oh. Thanks a lot. You really made my day, @viral patrol !

weary nebula Oct 29, 2020, 3:03 PM

#

Does anyone know if there will updates or improvements to the playing VODs on stream overlay? I really like the overlay but it has issues. Namely, only 2 vids per overlay, it also claims 2 audio files per overlay too but the second one never seems to work (this is on all 4 of the VOD overlays I'm currently using), and lastly there is no option to let all viewers activate the VOD commands, only Streamer/Mods/VIPs. It would be good if I could define some commands to be used by anyone, and some can be used only by subscribers. Long post sorry

rugged rapids Oct 29, 2020, 4:04 PM

#

I recommend to use the stream store for that purpose.

buoyant vigil Oct 29, 2020, 7:01 PM

#

What is the code for followage command and watchtime command mine are missing.

rugged rapids Oct 29, 2020, 7:01 PM

#

If you are on twitch, then they are in your default commands list.

weary nebula Oct 30, 2020, 11:53 AM

#

I recommend to use the stream store for that purpose.
@rugged rapids Hi, I don't understand how to do this, the stream store only seems to allow sounds to be played on stream not videos. Am I missing something obvious?

rugged rapids Oct 30, 2020, 12:12 PM

#

Create a stream perk item.

cursive folio Oct 30, 2020, 6:08 PM

#

Just wondering, how long do widget submissions usually take?

viral patrol Oct 30, 2020, 6:48 PM

#

They are all queued up to be published, they may be accepted earlier

timber sierra Oct 31, 2020, 12:43 AM

#

out of curiosity is there a way to create a countdown to a specific day/time command on streamelements? I imported my command from nightbot but it doesnt seem to work. Here is the command I had in nightbot as a reference:

There are $(countdown Dec 25 2020 12:00:00 AM US/Pacific) till Christmas!! 🎅

mortal creek Oct 31, 2020, 1:14 AM

#

hi im very new to streamelemetns and been trying to adjust my overlays from the streamlabs page and it never seem to fit it's either to big or WAY to big the over lay just doesn't fit

twin spear Oct 31, 2020, 2:50 AM

#

I'd like to make a custom widget that uses event occurrences as a resource of sorts that the streamer can redeem. To do this I want to have an event increment a counter, but it seems that counters can only be read by widgets, and only commands can update the bot counter. Is there a way to update the value of a counter from the custom widget javascript? The host would be able to decrement the counter via command, but my goal is to automate the incrementing.

weary nebula Oct 31, 2020, 7:54 AM

#

Create a stream perk item.
@rugged rapids is there a walkthrough of how to do this? I cannot figure it out sorry

viral patrol Oct 31, 2020, 8:31 AM

#

@timber sierra Try ${time.until <utc time>}

spiral niche Oct 31, 2020, 8:35 AM

#

Hello not sure where to ask this question, but is there any way to Edit any "default command" on stream elements bot ?

EDIT-
i mean edit the text that pop up on ur stream etc.

elfin arch Oct 31, 2020, 8:38 AM

#

Depends on the command you want to alter; you could disable the default then add it back in as a "custom command" @spiral niche

#

I like the concept @twin spear .... I think the best route would be to set up a custom widget and use the "store" for the counter ... the bot is in it's own world and doesn't play well with overlays

karmic leaf Oct 31, 2020, 8:53 AM

#

Is there anyway to get this https://codepen.io/Silence_shh/full/KKMobEX into Streamelements?

CodePen

Flashing Text

...

viral patrol Oct 31, 2020, 8:55 AM

#

Sure. Just create custom widget

elfin arch Oct 31, 2020, 8:55 AM

#

yup. i used codepen for all my projects ^^

viral patrol Oct 31, 2020, 8:55 AM

#

And paste contents of tabs from here: https://codepen.io/Silence_shh/pen/KKMobEX , to editor tabs

CodePen

Mike Rhoades

Flashing Text

...

karmic leaf Oct 31, 2020, 8:55 AM

#

I thought so, but when I do that it does not show up the same

viral patrol Oct 31, 2020, 8:56 AM

#

Oh. One thing. In CSS click ⬇️ and select "View compiled CSS"

karmic leaf Oct 31, 2020, 8:56 AM

#

okay

#

LUL i feel so slow now

#

didn't even think of that

#

Thank IZ

#

i'm over here testing each line, cause i know i'm not crazy i've use stuff like this before and it wasn't working

#

my bad @viral patrol

viral patrol Oct 31, 2020, 8:58 AM

#

Worry not. Glad you have it working 🙂

karmic leaf Oct 31, 2020, 8:59 AM

#

well not yet about to fire it up now and see

#

Good to go THANKS!!!

mortal knotBOT Oct 31, 2020, 10:00 AM

#

@weary nebula New to StreamElements?
Check out our YouTube channel https://www.youtube.com/c/streamelements/videos
with tutorial videos from setting up the basics, to in-depth details on how to use our product.

New to OBS? Here is a 4 step quick start guide
https://obsproject.com/wiki/OBS-Studio-Quickstart

Want to learn even more? Here is an in-depth overview
https://obsproject.com/wiki/OBS-Studio-Overview

viral patrol Oct 31, 2020, 1:31 PM

#

I added Overlay Editor keybindings to documentation. I hope this will help you a bit: https://github.com/StreamElements/widgets/blob/master/CustomCode.md#overlay-editor-shortcuts

neat tangle Oct 31, 2020, 2:43 PM

#

Is there a way to bring layers from other overlays

hardy walrus Oct 31, 2020, 2:44 PM

#

@neat tangle Click the 2 square icon with the desired layer in one overlay and then choose the one to copy it to.

neat tangle Oct 31, 2020, 2:45 PM

#

The 2 square icon? Sorry I don't know which one you mean

hardy walrus Oct 31, 2020, 2:46 PM

#

You're lucky I'm in the editor right now. Gimme a sec LULW

#

📎 chrome_AA4crTADU4.png

#

Click the widget in the layer list and then the icon to copy it over.

neat tangle Oct 31, 2020, 2:48 PM

#

Ohhhhhhhh legendary! Thankyou PogChamp

timber sierra Oct 31, 2020, 4:10 PM

#

@timber sierra Try ${time.until <utc time>}
@viral patrol I had tried that and it doesn't work, can only put a specific time in there, not a date/time

kindred agate Oct 31, 2020, 7:37 PM

#

Hi guys, does anyone know if there's a way to trigger an overlay element remotely?

I'm subscribing to the twitch PubSub topic for channel point redemptions in a local app and I'd like to be able to send a message to my overlay to trigger, for example, a gif to be shown.

scarlet shuttle Oct 31, 2020, 8:12 PM

#

Can I report beta issues in this chat?

native trellis Oct 31, 2020, 8:12 PM

#

which beta?

#

@scarlet shuttle

scarlet shuttle Oct 31, 2020, 8:13 PM

#

Project Mercury

native trellis Oct 31, 2020, 8:13 PM

#

#beta_mercury <<

scarlet shuttle Oct 31, 2020, 8:14 PM

#

Don't have that on my list dang ok

native trellis Oct 31, 2020, 8:14 PM

#

ah wait, i'll get someone to give you access

scarlet shuttle Oct 31, 2020, 8:16 PM

#

Ty

native trellis Oct 31, 2020, 8:19 PM

#

@scarlet shuttle should be good to go now

tribal zenith Oct 31, 2020, 8:23 PM

#

So, if I want to submit a widget and paste the code into a JSFiddle, do I have to mock the field-data with example/test values or can I just post it with variables?

#

It wouldn't work without SE Events anyways

summer temple Oct 31, 2020, 9:04 PM

#

Is there any updates for the Extra Life Donation Goal Tracker? Mine is still showing $0 raised and was working earlier in the week.

arctic robin Oct 31, 2020, 11:31 PM

#

What should I import if I want recent event? Like followers, subs and all of the regular twitch events but it changes when something new happens. Just like the event list does it. Thank you for any information on the topic:)

tribal zenith Nov 1, 2020, 12:26 AM

#

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

arctic robin Nov 1, 2020, 1:00 AM

#

Thank you, which one in specific would it be? Not finding anything about it:/

polar hollow Nov 1, 2020, 4:01 AM

#

@elder dragon hey man, im having a problem with your widget

📎 unknown.png

#

My bar has turned into dots

viral sparrow Nov 1, 2020, 8:06 AM

#

hi this form not work https://docs.google.com/forms/d/e/1FAIpQLSf0QppxXBTG1Qbuh2ylZyLtsZK-1b3-kEz1ofwipSNcjwOlOA/closedform

Google Docs

StreamElements OAuth2 Application Form

StreamElements allows developers to connect to its systems with OAuth2 authentication.
Please fill in the details in the form in order apply for access.

hardy walrus Nov 1, 2020, 8:07 AM

#

@viral sparrow currently closed atm. No eta when it will be reopened.

viral sparrow Nov 1, 2020, 9:12 AM

#

how could i get my api key ?

hardy walrus Nov 1, 2020, 9:12 AM

#

You need to use jwt tokwn for now.

viral sparrow Nov 1, 2020, 9:14 AM

#

its hard to describe our user to how they get jwt token. is there any simple way now?

hardy walrus Nov 1, 2020, 9:16 AM

#

Outside of providing a video not really.

#

Actually if they can follow 2 simple steps yes.

mortal knotBOT Nov 1, 2020, 9:19 AM

#

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

hardy walrus Nov 1, 2020, 9:19 AM

#

Provide that link and show secrets.

viral sparrow Nov 1, 2020, 10:09 AM

#

Account ID

5f9dbd834d410e1204ed8648

hardy walrus Nov 1, 2020, 10:12 AM

#

No

#

.<

viral patrol Nov 1, 2020, 10:12 AM

#

@arctic robin You can have Event list, Just set "number of displayed events" to 1 and you will have the one that happened last 🙂

viral sparrow Nov 1, 2020, 10:12 AM

#

ı need api key pls help me bro ?

hardy walrus Nov 1, 2020, 10:13 AM

#

@viral sparrow should've explained better.

They click that link then show secrets. Use that.

viral patrol Nov 1, 2020, 10:13 AM

#

I understand that users should not share their JWT with 3rd party at all

arctic robin Nov 1, 2020, 10:13 AM

#

Thank you!! @viral patrol

viral patrol Nov 1, 2020, 10:14 AM

#

@viral sparrow I will ask around

#

@viral sparrow Can you dm me with your project URL, so I can attach it to query?

celest escarp Nov 1, 2020, 11:39 AM

#

anyone else stuck with a white screen on the webiste? hard refresh isnt working.

pseudo siren Nov 1, 2020, 11:40 AM

#

@celest escarp On chrome?

celest escarp Nov 1, 2020, 11:41 AM

#

microsoft edge

pseudo siren Nov 1, 2020, 11:41 AM

#

You need chrome.

mortal knotBOT Nov 1, 2020, 11:41 AM

#

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

pulsar willow Nov 1, 2020, 11:47 AM

#

Hello I don't find my API code on the dashboard, can you help me ?

hardy walrus Nov 1, 2020, 11:48 AM

#

@pulsar willow Have you filled out the form and been approved?

arctic robin Nov 1, 2020, 11:48 AM

#

@viral patrol Can I change it's css and such? Lite in the custom widget editor?

viral patrol Nov 1, 2020, 11:49 AM

#

The easiest way is to create Custom widget:

📎 unknown.png

pulsar willow Nov 1, 2020, 11:49 AM

#

@pulsar willow Have you filled out the form and been approved?
@hardy walrus on the website ? I think It's the wrong channel for my question

viral patrol Nov 1, 2020, 11:49 AM

#

And replace its code with the latest version: https://github.com/StreamElements/widgets/tree/master/CustomEventList

#

@arctic robin ⤴️

#

@pulsar willow Can you elaborate a bit please?

pulsar willow Nov 1, 2020, 11:54 AM

#

I want to see my API code toi delete my accompt

viral patrol Nov 1, 2020, 11:56 AM

#

@pulsar willow You can close your account in Security tab here: https://streamelements.com/dashboard/account/channels, if you want to grab your token. it is in "Channels" tab when you toggle "show secrets" on the right of that page

knotty thorn Nov 1, 2020, 12:31 PM

#

hey, i'm getting a 403 from imgur - are we not allowed to use images from there?

#

(i'm using the custom widget)

tropic wagon Nov 1, 2020, 2:07 PM

#

Hi guys ! I'm working with goal widget by MrBoost, Do you know what to change to show sub goal + count instead of just sub count on the overlay ?

hardy walrus Nov 1, 2020, 2:21 PM

#

@broken coyote ⤴️

broken coyote Nov 1, 2020, 2:23 PM

#

@tropic wagon should just need to add in a couple lines. Once I get up and moving I’ll check it out

dusty rivet Nov 1, 2020, 2:33 PM

#

I'm trying to set up a custom Chat widget, but when i change the time to show messages it breaks the custom widget design i'm trying to us. would anyone know how fix that from happening?

tropic wagon Nov 1, 2020, 2:35 PM

#

Thanks @broken coyote 🥰

pulsar willow Nov 1, 2020, 2:37 PM

#

merci beaucoup @ix

elder dragon Nov 1, 2020, 2:42 PM

#

@polar hollow Do you have the latest events enabled? (For some reason, when you install it they are all disabled and this breaks it)

broken coyote Nov 1, 2020, 2:44 PM

#

@tropic wagon depending if you have it on the first line, or second. just add this in the HTML section

📎 unknown.png

polar hollow Nov 1, 2020, 2:45 PM

#

@elder dragon everything is enabled

tropic wagon Nov 1, 2020, 2:47 PM

#

Thanks so much @broken coyote 🙌

elder dragon Nov 1, 2020, 2:47 PM

#

Huh that's really weird! Let me do some investigation and I'll see what I can do

#

Was it like that on install? @polar hollow

polar hollow Nov 1, 2020, 2:48 PM

#

it wasnt

elder dragon Nov 1, 2020, 2:48 PM

#

That is even weirder lol

#

Have you tried re-installing it?

polar hollow Nov 1, 2020, 2:48 PM

#

i have not

elder dragon Nov 1, 2020, 2:48 PM

#

Try that!

polar hollow Nov 1, 2020, 2:49 PM

#

iv lost where the download was, do you have a link?

elder dragon Nov 1, 2020, 2:49 PM

#

https://strms.net/advanced_bar_rotator_by_coocla33

StreamElements

StreamElements - The ultimate tools for live streaming

The Ultimate All in One Platform for Streamers

polar hollow Nov 1, 2020, 2:51 PM

#

it works!

elder dragon Nov 1, 2020, 2:51 PM

#

🎉

polar hollow Nov 1, 2020, 2:51 PM

#

ill have to re-code things back in and out

simple moss Nov 1, 2020, 4:13 PM

#

is it possible to send data to a custom widget via a query parameter? or custom CSS within OBS? Im looking to update something like usernames per OBS instance

viral patrol Nov 1, 2020, 8:06 PM

#

@knotty thorn imgur blocks requests from external resources as they are community, not "free hosting".

#

@simple moss You can have a custom widget that grabs data from external resource and displays text, like:

fetch("https://your.web.hosting.com/myscript/user/?instance=obs_1").then(response=>response.text()).then(text=>{
  document.getElementById("user").innerHTML = text;
});

#

With that you will be able to update text outside of editor

#

As widgets don't accept any parameter, they are iframes within overlay.

south moth Nov 2, 2020, 12:00 AM

#

Hello, i want to create a starting soon that counts the twitch messages, if the messages reach 100 for example an animation appears in the screen, if its reach 200 another animation appear and so on

anyone can help me with the programming ?

opaque matrix Nov 2, 2020, 3:09 AM

#

Hello, I have a team widget I'm creating that will be used to display team members that are live, which is working well. I'd also like to have the widget accept a command from chat that replies to chat with links to all team members that are live. Is there anything available to the widget that can accomplish this? Or would it be better to do through the Twitch API? Maybe a StreamElements API call?

opaque matrix Nov 2, 2020, 3:30 AM

#

Sorry, nevermind. I'll go with the bot > send message approach.

jolly cradle Nov 2, 2020, 9:37 AM

#

so i found a bug with one of the widgets that are on the official website. i contacted the og developer of the widget and they said they no longer maintain/update it. can anybody else help fixing it? i dont know css/html

viral patrol Nov 2, 2020, 9:37 AM

#

Which widget is that

jolly cradle Nov 2, 2020, 9:38 AM

#

the widget is the LEVEL-UP GOAL by Annedorko

#

the issue is that it doesnt stop when reaching the limit. for example if you set a total of 3 goals, when the 3rd goal is completed, the bar empties and the count changes from "3 of 3" to "4 of 3"

viral patrol Nov 2, 2020, 9:47 AM

#

I will look into this. Thank you for the report

jolly cradle Nov 2, 2020, 9:49 AM

#

thanks 😄

viral patrol Nov 2, 2020, 9:54 AM

#

@jolly cradle Find this part:

📎 unknown.png

#

And remove selected = character

#

(It is JS tab)

#

So it is for (var cycle=1;cycle<maxLevel;cycle++) {

jolly cradle Nov 2, 2020, 10:00 AM

#

how do i reach the code?

hardy walrus Nov 2, 2020, 10:04 AM

#

Open editor button.

jolly cradle Nov 2, 2020, 10:06 AM

#

i must be blind or something 🤦

hardy walrus Nov 2, 2020, 10:08 AM

#

I think ya need to click the layer then settings.

jolly cradle Nov 2, 2020, 10:09 AM

#

yeah im there but theres no editor button anywhere

#

ah wait i think i got it

crisp shuttle Nov 2, 2020, 10:13 AM

#

hi everyone, I have a little problem with "Custom Chat" widget (by LX)

#

📎 last_line.png

#

the last line doesn't appear full

#

I went to the settings and tried to change the CSS but it didn't work

hardy walrus Nov 2, 2020, 10:16 AM

#

What did you set the number of messages to?

jolly cradle Nov 2, 2020, 10:19 AM

#

it worked, thanks

#

noticed another thing which is sort of a bug too. if a donation alert is suppressed by the profanity filter, the donation doesnt appear or count anywhere

crisp shuttle Nov 2, 2020, 10:30 AM

#

What did you set the number of messages to?
@hardy walrus 10

hardy walrus Nov 2, 2020, 10:31 AM

#

You don't have the overlay aligned correctly.

#

That and i don't think your overlay is the correct size.

crisp shuttle Nov 2, 2020, 11:04 AM

#

the overlay is not aligned correctly ? Wym ?