#dev-chat

1 messages · Page 72 of 1

hybrid merlin
#

Ok, I think that is all I can do for now, but I would really like to know if this issue with overlay not scrolling anymore when being saved can be resolved somehow

inner lagoon
#

no its not that token
looks like you need to go to jebaited.net and get a token

#

im surprised this isn't a built in function in the overlay, i could have sworn it was before but i guess not

hybrid merlin
#

i see. and for scope i only need botMsg right?

inner lagoon
#

yup

#

however when i put in that token into the shoutout 2.0 js it doesnt work but it does work when manually going to the url so youll probably run into the same issue and need to figure out why

hybrid merlin
#

this starts to sound like a task for the next day... it is close to midnight here...

#

so but now i can hardcode the token in the JS code i guess

inner lagoon
#

good luck

hybrid merlin
#

thanks. anyway thanks for all the help. if you have any idea bout the scroll issue when saving overlays I would really appreciate a hint. but also i'm out for today

inner lagoon
#

are you using a token you pull from the overlay obj?

#

nvm you said JWT

astral python
#

I'm getting this error when trying to use the oauth authorize:

{
  "error": "server_error",
  "error_description": "The authorization server encountered an unexpected condition that prevented it from fulfilling the request."
}
#

Do I need to fill the form even for testing with my own account? I don't wanna apply for an application right now cause we are just doing a prototype for thecompany I work before having a full application scope

opaque wasp
astral python
#

thanks anyway

opaque wasp
#

JWT token

astral python
#

There are no way to use custom currency for tips right? I wanted to implement donations with crypto

cloud python
#

Hi, is it possible to add a song to sr with it being the first in the queue or changing the queue order

halcyon shadow
#

Did you ever figure out a way to embed twitch clips into an overlay?

inner lagoon
broken coyote
inner lagoon
#

but there's restrictions on iframe origins or something preventing it

broken coyote
#

I beg to differ lol

inner lagoon
#

i tried for days... i forget exactly what the issue was but it was some restriction with iframes in SE overlays

broken coyote
#

This is done from within SE

inner lagoon
#

link doesnt work

broken coyote
#

Ugh. Silly twitch

halcyon shadow
#

i'm still poking at it but i can't get passed the CSP issues that PizzaMark mentioned months ago. at this point i might try to just locally host the html w/ the embed and add that directly in obs

inner lagoon
#

like i said i tried for days. this message gives some insight into the issue I was having, in order to pull a clip file from Twitch you need to pass a "parent" in the iframe and no matter what domain i passed in, it wouldn't work, and i think it had to do with origin details being blocked or something.

#dev-chat message

halcyon shadow
#

i read through that. the twitch documentation says that localhost is an acceptable parent so i'm hoping i can do that to work if i host the html locally.

inner lagoon
#

i mean i have successfully pulled a clip using the documentation on my own website, but when its put in an SE overlay it doesn't want to work

#

maybe i can use my site to pull the clip and then iframe that in the SE overlay lol

#

and iframe within an iframe.. does that even work? LUL

halcyon shadow
#

yeah, that works but it shouldn't bypass the CSP issue -- i would expect you'd get the same error

inner lagoon
#

well from twitch's POV its just my site accessing the clip which works.. it wouldn't know about the other iframe hosting it

#

i think?

halcyon shadow
#

if you have it working on your site, you could add that direclty in OBS... not ideal I know but could be workable

broken coyote
#

i had to get off the couch to make this clip. but yea. it works

inner lagoon
#

care to share some code?

broken coyote
#

if im going to be 100% not really lol. i say that in the nicest way possible

#

just wanted to show it can be done

#

i give everything away for free. gotta keep some stuff for myself

inner lagoon
broken coyote
#

i have not used any iframes

inner lagoon
#

..interesting...

broken coyote
#

i used to do it like this. grabbed game image, title, and clips. and color matched the animated background.

unknown.png
halcyon shadow
#

you're two clicks away... settings -> open editor 🙂

inner lagoon
#

haha i broke my brain trying to get it to work.. no iframes is really throwing me for a loop here. because you can get the embed url from the Twitch API but in order to play it twitch makes you put it in an iframe

broken coyote
#

i stopped giving cool stuff away when i would swing by a streamers channel. and they would take credit for my stuff. at that point. i said im not giving stuff away

halcyon shadow
#

totally understand, i respect it. just a gentle nudge.

broken coyote
#

ha oh i get it. i just mainly showed to show to say, don't give up. it can be done

halcyon shadow
#

thats actually helpful tbh, was close to giving up

inner lagoon
#

and its all done in the overlay? no code running on another site?

broken coyote
#

not sure?

#

a magician never reveals ALL his secrets

inner lagoon
#

ugh

inner lagoon
#

but since its shared web hosting i couldn't run selenium or something because that needs a chrome runtime.. i forget, this was months ago i worked on it

opaque wasp
inner lagoon
#

also, that twitch forum post is outdated and does not work, i tried it

opaque wasp
#

trust me, inside that widget there is something useful

inner lagoon
#

you know what.. you're right.. when i saw the external service i didnt dig anymore because i figured that website was the one returning the mp4 but it looks like its not

#

the fyre api just makes the clip looks like...

#

thanks @opaque wasp i will look more into this. @halcyon shadow ^

inner lagoon
#

oh my god it works

nocturne axle
#

Hey, im struggling to find info around redemption events, so lets say I want a stream perk to trigger a custom widget rather than the regular one, is there a way to do that?

nocturne axle
#

Also I am using StreamerBot and saw that had integration with SE but turns out they can only pull in events on tips/merch purchases, is there no way to pull in events around redemptions of stream perks?

broken coyote
opaque wasp
# nocturne axle Hey, im struggling to find info around redemption events, so lets say I want a s...

Docs missing information about redemption events, I posted an issue on github where you can find a few infos about it tho
https://github.com/StreamElements/widgets/issues/34

GitHub
CustomCode.md documentation lacks · Issue #34 · StreamElements/widg...

CustomEvent.type: redemption and CustomEvent.type: perk are not mentioned into the CustomCode.md documentation that's an heavy lack since a lot of creative and helpful widget could be devel...

wise escarp
#

Hi. In the Loyalty settings are only 20 users possible for ignore. Is it possible to increase this?

inner lagoon
broken coyote
#

See.... I knew you could do it

graceful stone
#

I accidentally delete my overlay it's possible to restore it?

hardy walrus
#

If you mean from the overlay library then no.

burnt crescent
#

Hey, im not sure this is the right place to ask, correct me if im wrong. Is there a way to reedem somthing from the SE store using API?

quasi stratus
#

Hey, had a sponsorship problem that StreamElements was looking into for me, said it would take up 6 weeks and to expect a response within that timeframe but it has been 6 weeks with no response. Was hoping I could get an update or talk to someone about this. Thanks

fervent stratus
#

Since this is a sensitive matter, we will only contact you via Email for updates on this.

quasi stratus
#

Alright thank you, 227487

north tartan
#

hi sorry for bringing up a past topic but I would like to consult with the changes you have done with the emojiRotator.
in summary, I am getting the following error:

error: "ERR_BADAUTH"
nonce: ""
type: "RESPONSE"

The following are the variables I use

JSON.stringify({
type: 'LISTEN',
data: {
topics: [this.topic], <-- channel-points-channel-v1.<channel_id>
auth_token: JWT Token from streamelements
}
}));

my understanding is that since SE is the one accessing the twitch api, I provided the JWT token for it instead.
is this possible? or should I retrieve the authentication token from somewhere else?

obsidian fable
#

Hello!! I'm looking for help with setting up advanced commands in Stream Elements. I want to create a minigame for users in my channel. It's a similar minigame to dueling though it will not use SE Points. If anyone could help me with this please message me. ❤️

cerulean egret
#

Has anyone found a way to create an auction system? When we do viewer games, I'd love for viewers to essentially auction their StreamElements points & the highest bidder wins that "slot" for the auction item (playing in a viewer game).

For the users that bid but weren't the actual "winner" they'd just receive a refund of their StreamElements points

obsidian fable
#

Are there any actual developers in this Discord???

mild cipher
obsidian fable
#

Ultimately, the command system I want to create would have the power of what currently is a module, like dueling, and gambling.

#

I wanted to create a dogfighting mini-game that would function like this:

Player1 shoots Player2 with a missile.

Missile has % chance to hit.

All players have each successful hit counted and saved.

Players are saved to a leaderboard along with total amount of hits they logged.

Optional Parameters:

Players can choose guns/lasers or missiles.

RNG distances that impact % chance to hit for each.

pulsar willow
# obsidian fable Honestly the deeper i get into researching the issue, the more I come to realize...

Other games like lx's "Bank Heist chat game" were realized as custom widgets.
(You can find said example in #widget-share #widget-share message )

In case you're not familiar with custom widgets:
They're composed of HTML, CSS and JavaScript Code (also JSON is involved for the widget interface in the overlay editor -> the "Fields" tab).
I assume you can pretty much ignore the HTML and CSS part, as you only interact with users via chat.
So the game logic is defined in the "JavaScript" tab and any changeable parameters in the "Fields" tab.

Custom widgets cannot post messages to the chat on their own, the above example uses https://jebaited.net/ for that.

MySmallProject | Login

Login page

iron gate
#

Hello, I'm a relatively intermediate HTML/CSS dev and I'm looking to experiment with custom widgets. I'm trying to calculate (and display) an equation that adds together subscribers and followers, and this is what I have currently in HTML:
<script>document.write(${channel.subs} + ${channel.followers})</script>

Usually something like this would work fine for displaying a number in an HTML page, but for some reason it doesn't output anything at all. Does anybody know why this is? Thank you!
(Sorry, put the question in the wrong chat)

#

its a problem with the widget not recognize the variables, I think?

iron gate
#

probably just gonna make something custom in OBS, Streamelements' structure is simultaneously too oversimplified upfront and too complicated in the code side

pulsar willow
# iron gate Hello, I'm a relatively intermediate HTML/CSS dev and I'm looking to experiment ...

I would do something like:

HTML:

<div class="main-container"></div>

JavaScript:

window.addEventListener('onWidgetLoad', function (obj) {
    const data = obj["detail"]["session"]["data"];
    const followerCount = data["follower-total"]["count"];
    const subCount = data["subscriber-total"]["count"];
    
    const mainContainer = document.getElementsByClassName("main-container")[0];
    mainContainer.innerHTML = followerCount + subCount;
});
quasi stratus
#

Hey, still haven't gotten a response I would really appreciate if I could please talk to someone about this and figure it out.

fervent stratus
quasi stratus
#

Alright, do you know a time estimate or is it unknown

fervent stratus
#

I don't want to give a false ETA, so it's currently unknown

quasi stratus
#

Alright

#

Thanks for being real with me appreciate it

#

If you guys need to talk to me to help figure stuff out please do

pulsar willow
#

Hi I'm PlueJuice, I want to start making my own custom widgets for YouTube livestream. I researched a bit and found out, that without coding I think I can't do custom widgets. So basically I'm a coding beginner. Am I in the correct channel?

severe shell
pulsar willow
#

My very first problem is. How do I learn coding with html, CSS, JS and Field Json to execute my idea?

#

So I can use the coding in SE. Sry if my questions aren't specific enough atm.

#

The current website I'm reading is htmldog.

broken coyote
pulsar willow
#

Woahh that's way to advance for me.

pulsar willow
broken coyote
#

I've been doing coding since angelfire and geocities lol

pulsar willow
#

I'm reading about tags, elements and attributes rn...
And I'm confused how I will apply this.

broken coyote
#

My suggestion is to get some widgets, learn how they work

pulsar willow
#

I'll try that out tomorrow.

pulsar willow
opaque wasp
opaque wasp
opaque wasp
north tartan
near dock
#

Sorry for the ping, but I was just wondering if you'd heard back on this, or if there's anything I can do to help or anyone I could reach out to as well?

opaque wasp
lime portal
#

Hey everyone 🙂
I've been trying to help out a friend setup his stream overlay (long overdue tbh).
I wanted to build a simple custom widget that reads stat APIs and displays them on the overlay. So basically what the FortniteStats template does.
Unfortunately, I am quite new to this, so I may be doing something stupid, but all my API requests seem to be blocked:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://API. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.
This seems to occur with my api but also with the unchanged FortniteStats template code. Could this be a problem with my browser's security settings? I've tried a bunch of "workarounds" but they all fail, I'm out of ideas :/. Thanks in advance 🙂

pulsar willow
#

Can the widget code on SE Github be used for commercial purposes? Or it depends since it doesn't have a license?

#

For reference, I'm using code from custom chat by Lx.

opaque wasp
olive talon
#

Hey, I have been working on some custom overlays and I have a question regarding the "sessions". Is it running a session while in the overlay editor?

jolly scroll
#

Hii! I was hoping you could help me with this! What is the CSS code to make the € + amount a different colour?

unknown.png
opaque wasp
jolly scroll
opaque wasp
jolly scroll
opaque wasp
jolly scroll
#

Recent tips

opaque wasp
# jolly scroll

I looked into the HTML generated by this widget and seems like you can not achieve what you want with it.

jolly scroll
radiant halo
#

Hey, so I've got some JS a friend did for a widget of mine and I wanted to change it, but I do not speak JS, lol. The subscriber goal works just fine, but the tip goal (based on tips during the session) doesn't display correctly. Can anyone fix it?

window.addEventListener('onWidgetLoad', function (obj) {
    let data=obj["detail"]["session"]["data"];
      currencyCode=obj.detail.currency.symbol;
      console.log(obj.detail);
      console.log(data);

      $("#subscriber").text(data["subscriber-total"]["count"]+"/35");
      $("#tip").text(data["tip-session"]["amount"]+"/5.00")
      if(data["tip-session"]["amount"] > 0 || data["tip-session"]["amount"]==undefined)
      {
      $("#tip").text(data["tip-session"]["amount"]+"/5.00");
      }
      else
      {
       $("#tip").text("0"+"/5.00");
      }
});

window.addEventListener('onSessionUpdate', function (obj) {
    const data = obj.detail.session;

    $("#subscriber").text(data["subscriber-total"]["count"]+"/35");
    if(data["tip-session"]["amount"] > 0  || data["tip-session"]["amount"]==undefined)
      {
        $("#tip").text(data["tip-session"]["amount"]+"/5.00");
      }
      else
      {
        $("#tip").text("0"+"/5.00");
      }
});```
olive talon
tranquil steeple
#

Does it by any chance say "undefined/5.00"?

opaque wasp
#

I don't think that's even possible. Probably SE's events emulator isn't updating tip-session and that's it.

radiant halo
# olive talon What does it display right now and what is in the CSS code?

Right now it's blank, here's a screenshot.

Here's the css:

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap');
* {
    font-family: 'Quicksand', sans-serif;
    overflow: hidden;
      margin: 0;
      padding: 0;
}

#goal-labels {
  font-size: 20px;
  letter-spacing: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  color: #f4dd7a;
  font-weight: 700;
  text-transform: lowercase;
  padding: 7px 0 0 0;
}

#goal-labels > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.subscriber-goal {
  padding-right: 30px;
}

#tip, #subscriber {
  display: inline-block;
  padding: 0 0 0 10px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 2px!important;
}
unknown.png
radiant halo
severe shell
severe shell
# radiant halo Totally blank! I've got the screenshot just above now

It seems to be a silly question, but did you create the div for #tip?

I tried your code and it looks fine to me. When you load the widget, are you able to see the tip-session value on console?
In case the value is not there, go to the session data (the screen with the gears icon on overlay editor) > Session Data and add a value to "Tips amount". Save the overlay and refresh the page to check if it works. In case it works, you can change the "Tips amount" to 0 again

unknown.png
knotty thorn
#

will SE ever have patreon integration?

severe shell
knotty thorn
#

oh that's awesome, thank you for that

lime portal
opaque wasp
#

Could you make an example of those commands? What kind of event or alert would you like to play?

#

Ok now I get what you meant. You can easily listen to chat messages via onEventReceived looking for message type listener.
https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event

    const listener = obj.detail.listener;
    const msg = obj.detail.event.data; //you should probably encode this
    if (listener === 'message' && msg === '!your_command'){
       // trigger what you need 
   }
});```
#

Yes, definitely.

magic meadow
#

Hello, where can I find a list of fields available for custom overlays and more generally documentation about this? I am looking for a dateTime picker type field Edit : i found this type "datetime-local" who does the job but if someone have a doc I still take it 🙂

tranquil steeple
opaque wasp
magic meadow
#

@tranquil steeple @opaque wasp Thanks for your answer, in case someone need it, it return a string

wintry crest
#

Unsure where to put this, so I'll just put it here and maybe you guys can help me out. Sent in to SE Support on Twitter:

I'm using a custom font in StreamElements. It works in all of my overlays. However, it's not working on my donation goal bar & it's driving me insane. I can't figure it out. I've saved, I've deleted and reapplied the CSS in OBS. I can't figure it out

#

It's showing up correctly in StreamElements, but OBS is using like Times New Roman or something

#

My font is installed on both the gaming pc & the streaming PC. The overlay won't show the correct font on either PC in OBS when I bring in the browser source. Idk what I'm doing wrong.

latent zenith
#

Is there anyone that can help with Alert box inport issues i am having with importing SLOBS to SE.live

#

specifically the alert box.

wintry crest
#

@delicate patio You seem to be one of the few Staff online that isn't on DND, so I figured I'd ping you to see if you know anyone who may be able to fix my issue /:

uneven oxideBOT
#

@wintry crest ⤵️

Not all staff are able to assist with support issues. Please refrain from pinging them or sending them DMs unless asked to.

wintry crest
#

👍🏾

#

It would be helpful to be assisted by a person rather than a bot, I must say. But, I definitely recognize that there are others that need help besides me as well. I'll be patient :p

wintry nova
#

Not sure if this is the place to ask this but, how do I share a widget I've made and configured on SE with someone else?

I've used widgets that creators have made and shared in the past, but it doesn't seem to work when I do it... :/

wintry nova
#

Ignore my previous question, I just found out you need specific permissions to share widgets xD.

pulsar willow
cunning mountain
mild cipher
jolly scroll
opaque wasp
opaque wasp
severe shell
#

😄

opaque wasp
cunning mountain
marsh pollen
#

Is it possible to change withdrawal adress i mean IBAN because i missclicked and its wrong

#

They accepted it Lol

radiant halo
# severe shell It seems to be a silly question, but did you create the div for #tip? I tried y...

Sorry for the late reply! Both the tip and subscriber divs are here:

#tip, #subscriber {
  display: inline-block;
  padding: 0 0 0 10px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 2px!important;
}

I think my big thank you comes from the session data info! That's what I was missing to test things!

I do see that say, $12 is read as just 12 and not 12.00, is that a limitation with StreamElements or is there a way to include the decimals? Either way is fine with me, now I'm just asking for curiosity's sake

uneven oxideBOT
opaque wasp
radiant halo
stable anvil
#

I’m not sure where to ask this but how do I change my bank info for se pay?

uneven oxideBOT
surreal elm
#

Hi, I am having a problem with the credits roll widget. The widget works but it shows the last stream events and not the one I am finishing at the moment.

somber sentinel
#

Hey there, I'm sure if something is in the works but Streaming Games on TIKTOK Live is becoming a thing Faster and faster everyday. It would be GREAT if Stream Elements had some Integrations with Tiktok. like Overlays that communicates the followers, Dono, SUBs, polls and more. Right now. There is nothing for the streamer that using TIKTOK LIVE via Desktop

uneven oxideBOT
#

@somber sentinel ⤵️

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

rare canopy
#

hey, how can i change the css code of contest widget?

unknown.png
opaque wasp
flint sable
#

Hello, quick question, is there any way to easily share a custom widget with others, without having to manually copy/past the code, without submitting it to StreamElements?

cerulean sparrow
#

Hey guys! I would like to show profile picture on chat overlay. Can I get the picture somehow without fetching a link everytime? This "obj.detail.event.data" doesnt have avatar

hardy walrus
#

@flint sable Getting added added as a channel editor. Otherwise no.

flint sable
#

Ahh, okay. That's a shame.
Thanks

cerulean sparrow