#dev-chat

1 messages · Page 21 of 1

warm lark
#

OMG

viral patrol
#

28 pages of results? By pasting what @cinder lintel wrote to search box I've got exactly one result.

warm lark
#

I failed to put the word boss so i found i artlcle

dusk trench
#

why doesnt this work?

warm lark
#

Dating back to June 15th

dusk trench
#

${customapi.twitch.center/customapi/math?expr=log(2)}

charred shale
#

Is it possible to make a custom event listen for a keystroke to play an audio clip?

cinder lintel
#

@charred shale that is more client side than overlay side

charred shale
#

Yeah, didn't know if it was possible in the overlay. I tried and it didn't work so just wanted to check.

dusk trench
#

@viral patrol what is the proper syntax for this? i want this command to resolve as the log(2):

${customapi.twitch.center/customapi/math?expr=log(2)}

It should be pretty simple

viral patrol
#

Oh I thought you wanted to escape user input

dusk trench
#

I want to go to a math api and use a preloaded equation

warm lark
#

After looking at the battleboss code i am somewhat lost do i use the html portion or the css portion of the code? or either works. Please clarify

viral patrol
#

${customapi.twitch.center/customapi/math?expr=log%282%29}

#

Try this

dusk trench
#

which portion of that are the parenthesis?

viral patrol
#

%28 and %29

dusk trench
#

ty

floral fable
#

@warm lark you paste the code into the respective tab in the custom event list widget

#

html goes into html tab, css in the css tab, and js in the js tab

viral patrol
#

@warm lark You need to use every section of that code pasted to corresponding section in custom code, nothing can be skipped

warm lark
#

Ok i see two sets of codes do i need them both or one will be enough

#

Oh ok

floral fable
#

there are 3 sections of code actually, one for each tab

warm lark
#

Yep i think i follow now

#

Set keyXYZ value in your JS tab to "a182a2c0" what does this mean?

cinder lintel
#

open your js tab, and put that code in where it says keyXYZ=false

#

make sure to include the "

#

replace just the word false

warm lark
#

ok

#

Now it says undefined undefined .. is that normal?

floral fable
#

replay an event, or emulate an event

#

if that does not replace the name and value for the HP, check your keyXYZ value

#

keyXYZ="a182a2c0" is how it will need to look

warm lark
#

It's working yay nice

#

Thanks guys

floral fable
warm lark
#

Very trick scale 10/10

merry plume
#

yo guys

#

is it possibile to have the IP address of the servers that perform the API requests for commands?

livid lotus
#

explain why 😃

#

maybe they will have a different solution

merry plume
#

i'm not doing anything suspicious: basically i manage 5 twitch channels of a league of legends team. in order to have commands that reply always the same stuff

#

i have on my server a simple api
such as
https://enkk.me/sehelper/api.php?type=timer&category=mor&name=rbf
so i call this api from a command in each of the twitch channels in order to have always the same response
BUT, for some reason today my server is giving me requests timeout
so the tech guy from my hosting sever asked me for the ip that is sending this requests

viral patrol
#

@merry plume you can just send a test request to your server and check REMOTE_ADDR

merry plume
#

uhm, i'm not sure where i can find that information sadly

#

oh wait

#

i know

viral patrol
#

${customapi.https://api.ipify.org} will give you IP Addresse.

livid lotus
#

@low sierra might be able to help as well

merry plume
#

found it somewhere in the cp panel

#

ofcourse if you have a smarter solution for my original problem

#

it would be even better 😄

viral patrol
#

Oh. So maybe SE IP address got banned because of hammering your hosting account 😉 Just check via this command and then provide IP to your admin. Beware that this IP can change

merry plume
#

@viral patrol could be something to look into, ye

#

nope, apparently there is no ip ban

#

Any other ideas on how to have commands for different channels syncronized?

viral patrol
#

Create CSV file and replace commands via import tool? Unfortunately I don't know CSV syntax for that

merry plume
#

uh, interesting

#

i need to be admin tho, right?

#

not only editor

mortal wagon
#

and according to the Dev of the alert... The JS is broken

#

So iv litterally no clue on how to fix it.

viral patrol
#

@merry plume never imported so I have no clue. I just know that there is such option

merry plume
#

it's seems like a very specific problem, depending on the library. the size of the bubble doesn't look at the size of the text properly

#

or just doesn't count properly

#

search for that function

viral patrol
#

@mortal wagon seems like there is something external needed, maybe jQuery or something?

mortal wagon
#

I dont know JS... So iv no idea what the heck im looking for lol and the alerts imported from StreamLabs

viral patrol
#

Can you give me that package zip on dm?

mortal wagon
#

o.O

cinder lintel
#

lx is a JS god

viral patrol
#

Does god stand for general obesity disorder?

mortal wagon
viral patrol
#

@mortal wagon once you bought this package there should be download of full zip package, this is what I need

mortal wagon
#

Sent @viral patrol

viral patrol
#

It is something with obs browser source. It works flawlessly in chrome (but firefox has issues too - even without StreamElements stuff around it)

viral patrol
#

How can I reach a guy from Nerd or die? This script seems to be broken. I made a small change (so I don't have to use SE overlay editor) and this script seems to be broken. Only first attempt works nice

#

But... Each alert should have new CSS/JS...

#

But mostly - obs is caching it somehow

mortal wagon
#

Check DM's @viral patrol

viral patrol
#

I have no clue atm... This is so weird:

  • it displays properly in overlay editor
  • it displays properly in chrome
  • it is totally screwed in chrome when I want to use local file and trigger second animate() by console call
  • it is screwed in firefox from beginning
  • it is screwed in obs
viral patrol
#

I love this code. Example:


        if(-40 > 0){
            lettersFrom = 10;
        } else {
            lettersFrom = -10;
        }
cinder lintel
#

lmao

#

hard coded maths

viral patrol
#

It is not a math. It is comparison. Imagine a situation where -40 is bigger than 0. Then world collapses... and lettersFrom=10 PepeLaugh

#

Whoa. I am 2 hours on that now...

#

And I have one missing issue.

cinder lintel
#

heh, I still see it as math. side effect of studying math for too much of my life

viral patrol
#

OK. Look. I managed to display it properly, but... animation of top block starts in other place than needed

#

@mortal wagon ⤴

#

If you see those drops flying away in weird direction - I know that... But let assume there is a F#$@# wind and blows it away

lean harbor
#

I was looking into Henctic Last Events Rotator and wonder if it posible to rotate to top donation? i really suck when it comes to JS

viral patrol
#

It needs some rework to do so (and it was not hectics, it was mine rotator 😉 )

lean harbor
#

i have been trying for a year to find out how to make rotator that rotate between latest and top donation

#

i don't remember the first streamer that i saw that had that x.x

viral patrol
#

Oh. Just those two events?

lean harbor
#

well he/she had like it rotate between top donation, latest donations and top bits

viral patrol
#

Give me some time mate.

#

Gonna do that for you

lean harbor
#

cheers mate 😃

viral patrol
#

Want top donator or top donation?

#

Top donation is a single event, top donator is an aggregate of all user tips

lean harbor
#

top donation

viral patrol
#

Great! On my way!

#

Gonna bring it to you in 30 minutes I think.

viral patrol
#

@lean harbor replace JS tab with that:

/*
ReadMe:
1) create Custom Event list within your layer on StreamElements
2) replace content of each section with code provided below
3) Click done
5) You can adjust html/css
5) If you feel happy about it, you can buy me a beer at http://paypal.me/ThisIsLex
*/

let userCurrency;
let arr=['','',''];
let counter=0;
let topTip=0;
let topCheer=0;
let len = arr.length;
window.addEventListener('onEventReceived', function(obj) {
  const listener = obj.detail.listener;
    const data = obj.detail.event;
    if (listener === 'cheer-latest') {
    if (data["amount"] > topCheer){
        arr[0]='Top Cheer: '+data["name"]+' ('+data["amount"]+')';
        }
    } else if (listener === 'tip-latest') {
      arr[1]='Last Donate: '+data["name"]+' ('+data["amount"]+')';
      if (data["amount"]>topTip){
      arr[2]='Top Donate: '+data["name"]+' ('+data["amount"]+')';
      topTip=data["amount"];
      }
    }
});

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

  arr[0]='Top Cheer: '+data["cheer-alltime-top-donation"]["name"]+ ' (' + data["cheer-alltime-top-donation"]["amount"] +')';
  arr[1]='Last Donate: '+data["tip-latest"]["name"]+' ('+data["tip-latest"]["amount"]+')';
  arr[2]='Top Donate: '+data["tip-alltime-top-donation"]["name"]+' ('+data["tip-alltime-top-donation"]["amount"]+')';
});

let i = 0, // Start Index
$el = $('#action-rotate'),
$temp = $('<span />');
$temp.hide().appendTo( $el.parent() ); // Setup Helper
(function loop() {
  let w = $temp.text( arr[i%=len] ).width(); // set text + get width
  $el.fadeTo(600,0).animate({width: w}, 300, function(){
    $el.text( arr[i++] ).fadeTo(600, 1);
  });
  setTimeout(loop, 3000);
}());
lean harbor
#

Thank you for the help Ix 😄

viral patrol
#

Oh. Point #5 in readme is twice...

lean harbor
#

question @viral patrol is it posible to att a image insted having the text "last donate:"?

viral patrol
#

just replace phrase 'Last donate:' with <img src="url_to_image"/>

lean harbor
#

that simple. now i feel dum 🤦

cinder lintel
#

haha, don't worry. What is easy for one doesn't mean it is easy for another, its just knowledge we haven't gained yet

lean harbor
#

yeah i did webdesing and programming in highschool. but the school kinda was bad so they did not have time to get into JS that much

viral patrol
#

Oh. And replace $el.text with $el.html

#

So it will work

noble girder
#

So whos ready to solve my issue that ive had for months now

#

I have this html code in streamlabs that i want to convert to streamelements

 <script>
    var vid = document.getElementById("webm-video");
    vid.volume = 30*.05;
</script>
<div id="alert-image-wrap">
  <div id="alert-image">
      <video autoplay="" loop="" id="webm-video" src="{{image}}" muted></video>
  </div>
</div>

<!-- main alert box window -->
<div id="alert-text-wrap">

  <!-- alert text -->
  <div id="alert-text">

    <!-- alert message -->
    <!-- messageTemplate will be replaced with your message template -->
    <!-- for example : {{name}} is now following! or {{name}} donated {{amount}} -->

    <div id="alert-message">{{messageTemplate}}</div>
    <div id="alert-user-message">{{userMessage}}</div>

  </div>

</div>```

instead of doing my follower notif, it just plays the audio and says

```{{messageTemplate}}
{{userMessage}}```

any ideas?
indigo flume
#

Check the pinned messages for the variables. If the file doesn't help, poke LX

noble girder
#

Thank you that solved my first issue. Now i just need this to work

    position: relative;
}
body,
html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#wrap {
    position: relative;
    height: 100%;
    width: 100%;
}
#alert-box {
    height: 100%;
    width: 100%;
    position: absolute;
}
#alert-box.hidden,
.hidden {
    opacity: 0;
}
#alert-text {
    padding: 20px;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000;
}
#alert-message,
#alert-user-message {
    text-align: center;
}
#alert-user-message img {
    vertical-align: middle;
    height: 1em;
}
#alert-image {
    position: relative;
}
#alert-image video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#alert-message > span > span {
    display: inline-block;
}
#alert-image {
    z-index: 6;
    position: relative;
}
#alert-text {
    z-index: 6;
    position: relative;
}
#alert-text-wrap {
    z-index: 6;
    position: relative;
}```
#

thats css btw

ripe garden
#

@hushed hazel @viral patrol I was told you two are certified API wizards that might be able to help a talentless pleb in setting up a new set of commands in stream elements.

Specifically I'm looking for a way to implement a command that raises the songrequest volume by x% and costs loyalty points, as well as a counter command, lowering the volume by x% for loyalty points.

I can't use the !volume command because I don't want users to be able to just set the volume to whatever number they want, I want them to be able to have a volume "bidding war" fighting to raise or lower the volume incrementally.

Sadly I'm completely devoid of programming/coding talent so looking at the API is just a confusing mess to me.

There is a conversation I had with KeiZar in #helpdesk-twitch for reference if you want to take a look.

viral patrol
#

Unfortunately I don't see volume in API documentation

noble girder
#

@viral patrol can u help with my issue above?

ripe garden
#

Ah damn. Thanks for taking a look. Pipe dreams gonna pipe dream.

viral patrol
#

@noble girder is there JS too?

noble girder
#

nope @viral patrol

#

theres html and css

indigo flume
#

Unless I'm missing something while looking at the API

viral patrol
#

Those endpoints are to manage commands, not invoke them

indigo flume
#

Aah, ok.

noble girder
#

if any ideas for my thing pls help. I never learned css... only html

viral patrol
#

Took a look at it. What is an issue you have?

#

The first thing I saw was incorrect video tag, which should look like:

<video id="video" playsinline autoplay muted>
      <source id="webm-video" src="{{image}}" type="video/webm">
</video>
noble girder
#

it doesnt display my video at all

noble girder
#

@viral patrol

viral patrol
#

Try to take my piece of code, replace your current video tag and provide proper URL in {{image}}

#

I have to go now. Work and stuff. I like helping you, but I like not dying from starvation more 😉

noble girder
#

Thats fair. BTW its a webm file not a link

#

so its set as my video

viral patrol
#

Go to video selection, and copy url there after rmb clicking on file

#

Huh {{image}} should work too

#

OK. Gotta go.

#

Cheers

noble girder
#

cya

#

if anyone else knows, is there a {{video}}?

viral patrol
#

{{image}} will give URL to selected image/video. So don't worry about this part.

noble girder
#

Yeah it didnt work tho :(

merry plume
#

Yo guys, i think there is a bug in the timers api

#

it always returns me not authorized

#

but if I perform the exact same call with /commands it works

#

also the /commands in POST and DELETE are giving me auth issues

indigo flume
#

I think you need to auth your JWT token cohhHmm

#

not sure where in the code though

merry plume
#

Oh wow, the GET with /commands works even without a token

#

this is baaad 😄

#

i'm not coding right now, just using an external tool for calling apis

#

i'm using the channel that is in the example

livid lotus
#

@static wigeon can you help here?

static wigeon
#

What's the problem again?

#

commands is supposed to be public domain.

merry plume
#

but timers is not?

static wigeon
#

correct

merry plume
#

so i guess it's just my jwt token that it's not working, lemme check

#

k, i'm stupid as hell.

static wigeon
merry plume
#

i was sending "Bearer" as the key into the header

static wigeon
#

ahh

merry plume
#

didn't work on this stuff for a while, totally forgot everything

#

lol, sorry.

static wigeon
#

Yeah do Authorization: Bearer <token>

merry plume
#

yeye now it works

static wigeon
#

cool

merry plume
#

and the public thing throw me off

#

thank you, and sorry.

static wigeon
#

no worries peepoNeat

merry plume
#

anyway: i'm building a java app that will upload all commands and timers provided as json into a list of channels of which you must have the JWT token

#

if decent i will share it

radiant surge
#

@viral patrol Can youtube widget access Twitch event through the JavaScript ?

honest bone
#

@noble girder don't worry, @viral patrol is a pro helper and he'll get around to it 😃

noble girder
#

:) thanks for your help as well @honest bone

viral patrol
#

@noble girder can you please give me:

  1. URL of your video (copy as on screenshot I gave you)
  2. streamable URL of that alert in action (how should it look)
    I think I will have to write it from scratch
stiff rock
#

hey how is my api not printing out bot, it works with nightbot but not stream elements

#

works on site and doesnt on bot just i wondering why not doing with my API i made

📎 unknown.png
indigo flume
#

You need to use ${customapi.YOURLINKHERE} in response

stiff rock
#

i did that

#

i used this layout

#

${customapi.chisdealhdapi.000webhostapp.com/NB/fortnite.php??user=${1}&plat=${2}}

#

and still didnt came threw

#

doesnt print out

#

i tryed several formats

viral patrol
#

${customapi.http://chisdealhdapi.000webhostapp.com/NB/fortnite.php?user=${1}&plat=${2}}

stiff rock
#

i tryed that too

#

i fixed format

#

come my stream see self, like doenst achelly prints out

#

if dont mind?

viral patrol
#

I will be back in 3hrs I think

viral patrol
stiff rock
#

so why didnt work for me?

#

never worked on my channel @viral patrol

#

and same format you send me too

#

see woudnt come out my chat

#

but yours do?

#

see

#

so wiered at all

viral patrol
#

set response to: ${customapi.http://chisdealhdapi.000webhostapp.com/NB/fortnite.php?user=${1}&plat=${2}}

cinder lintel
#

oh

#

I know what it is

#

maybe

stiff rock
#

ooof partly disabled self

#

was disabled

#

now works

viral patrol
#

😉

stiff rock
#

but what ya think that API 😛

#

i liget made that home coded

#

by pull out fortnite tracker then put in as .json file

viral patrol
#

With that you can do amazing stuff.

stiff rock
#

yeh ik

#

but that site is website where all cool apis at

#

thats my project really

#

inbed for stream bots and site php

viral patrol
#

Two examples from my playground: spotify song request or lightbulb color change

stiff rock
#

i can easy do spotify from lastfm 😛

#

ik how get info there too

viral patrol
#

I know how to add a song to playlist, wanna script for that?

stiff rock
#

what for bot

#

i can make that for ya want

#

just need add username in php file like .php?user=namehere

#

if want me inbed that too make sure have lastfm account sync

viral patrol
#

If you want to play with it. If not - just ignore that

stiff rock
#

already got it

cinder lintel
#

I saw that fingerguns

stiff rock
#

see

#

already made stuff like that

viral patrol
#

But my is !songrequest song title and this puts song title in your playlist 😉

stiff rock
#

yeh true, but this only for spotify thaw with lastfm

viral patrol
#

However - nice you did that 😉

stiff rock
#

well coding what i been doing over 2 years make stuff like that

#

just talent small PHP coding

stiff rock
#

Mixer data, Warframe Data and Fortnite, Lastfm NP

#

so if need anythign for bot just hit me up i can make it for ya if like and make public so nightbot and SE will work and gonna be public api for them 2 bots use.

#

less use like scrorpbot and etc not SE

viral patrol
#

You should also add a command for pizza delivery

cinder lintel
#

YES

#

DO THAT

#

PL0X

#

I feel like that guy that is sitting at the window, hears something he likes, and is through the window akwardly trying to get into the coversation

#

lol

viral patrol
#

😉

stiff rock
#

xD

viral patrol
#

@cinder lintel I've already took a look into food delivery API.

stiff rock
#

Pizza Delivery

#

wow

cinder lintel
#

I remember you mentioning it, I think it would be an awesome thing. People could pitch in to buy a meal or something for the streamer

stiff rock
#

im making dir inside NB folder like this @viral patrol so makes easy copy format 😛

📎 unknown.png
#

gonna chnage in a bit doe

#

so ahs several formats bot

#

has*

floral fable
#

I think grubhub has api KiwiThink

stiff rock
#

not sure looks ok

#

grubhub?

#

what is dat

floral fable
#

its a food delivery service in the US

cinder lintel
#

its a company that lists all the places you can order from

#

and get delivered

#

college kids best friend

stiff rock
#

https://www.programmableweb.com/api/grubhub mean this

ProgrammableWeb
GrubHub

GrubHub is a web app that allows a user to search for food delivery options from local restaurants. Users can search by type of food to discover convenient local bites. Their semi-open API can be used by providers to update restaurant information such as addresses, hours, and...

floral fable
#

and lazy coworkers

viral patrol
cinder lintel
#

that too

stiff rock
#

im might inbed that too 😛

#

something i can work on

#

what i could do too is make steam community api too

#

like finds how many players playing ingame like top 10

#

partly grubhub doesnt have api no more

#

so i thinkign thy api is private now

stiff rock
#

there ago @viral patrol all setup

#

but TY for ya help thaw

#

even i never notice was disabled

viral patrol
#

And about 1GB monthly transfer - remember, this is just a text, so 1000 calls will make about 0.5MB 😉

stiff rock
#

yeh

#

more cooldown should be ok

#

but yeh i need better hosting when i get funding

viral patrol
#

The best money can buy is I think ovh atm. it is about $40 a year.

stiff rock
#

but planning do is get somewhere started then i can move on funding side

#

then i can move all stuff there aka OVH

#

just people need get know me more what i do PHP and stuff

#

keep ya on mind is i never coded in PHP till 2 years past 4 years i been coding life with nodejs

viral patrol
#

I want to learn nodejs

#

The only thing I've done in it was remaking some software for website scraping

#

Good 'ol times

stiff rock
#

xD

#

well long time i made discord bot all myself in discord js 8.10

#

thats when i learned nodejs at

#

and now discord js like 11.2 and i still know how 😛

#

just i need put more efort on projects what can be used over and over. thats only issue with me

#

in few years or months then no one doesnt use it anymore

viral patrol
#

OK. Gotta call it a day. Cheers guys

stiff rock
#

me too so cya all

noble girder
#

@viral patrol not home right now. I'll Dm you all the info u need later though!

merry plume
#

Ok, i've been working with the timer and commands apis, i've got some peculiar behaviours to report

#

in the timer api, if you don't add the online or the offline fields, you get a 500 instead of a 400

#

i suppose 400 should be the good one, because it's the one that I get when i don't send required fields.

#

In my opinion tho, they should take default values and not be required

mortal wagon
#

@stiff rock could i get a copy of those API's out of curiosity but for Ps4

#

I'll throw my glyph your way for doing so ;)

stiff rock
#

@mortal wagon what 1?

#

Warframe 1? or somethign else

mortal wagon
#

Warframe ones

#

@stiff rock

magic sandal
#

its just Warframe

stiff rock
#

k

#

what platform?

#

PS4?

magic sandal
#

PC, PS4 and Xbox one

stiff rock
#

k

#

gimmi sec

mortal wagon
#

Im after PS4

stiff rock
#

i do after my stream remind me thaw

magic sandal
mortal wagon
#

but were talking about API's

#

o.O

stiff rock
#

hold on you askign want API even i got scedule for stuff thats why i sid remind me, and not taking ouut anyone but you asked it too

#

i have scedule do and after i done i make API

magic sandal
#

allright then, just disregard what i said then okspinner

stiff rock
#

@magic sandal and @mortal wagon HERE! make sure if Path correct for ya if Path not Correct then feel free Fix it up and Grammar, because my Grammar bad of it. so all yours.

📎 WarframeAPI_Public.zip
#

make sure give credits to Tobah for making warframe API because him made API site cleaner then other main 1 and bit for me for making this PHP self

#

that hosting his aka API im pulling

merry plume
#

@static wigeon i've noticed some inconsistent behaviour with APIs calls on commands and timer, can i report them to you?

viral patrol
#

@merry plume to make them not burried under wall of text i suggest you to write it on boards

merry plume
#

good idea, will do

merry plume
radiant surge
#

how can I find the right template to get GIF in custom css for alertbox ?

cinder lintel
#

@radiant surge check out the pinned messages, there is a very good walkthrough on the custom css/html/js widgets

radiant surge
#

I know but dont find any gif template word :/

cinder lintel
#

if you find where the original image is referenced, just host the gif on an external site, and paste the url for that image

radiant surge
#

I'm talking about stuff like {{gif} or {{img}}

#

If you let us select a image in custom CSS ... We can use use it normally, right ?

viral patrol
#

@radiant surge If there is image/gif/video assigned to widget/variation you can use {{image}} tag like <img src="{{image}}" /> If it is not assigned you can make it <img src="https//URL.to/image.gif" />

radiant surge
#

Thx u so much ... That is what I was looking for without hax...

merry plume
#

@cinder lintel u there mate?

cinder lintel
merry plume
#

Can I contact you in private?

cinder lintel
#

always

pulsar willow
#

hello

#

can i please talk with an admin ?

cinder lintel
#

@pulsar willow What can we help you with?

pulsar willow
#

can we go private please?

cinder lintel
#

DM away, they are wide open

pulsar willow
#

Im on the voice support

#

what's DM stands for ? 😃

floral fable
#

direct message

mortal wagon
#

as i get like 35 hosts a stream :/

cinder lintel
#

If you have a custom event list, just do an if/else check on the amount

#

if >5, do thing. else don't do thing

merry plume
#

yo, is there any api to activate the hosting?

lost holly
#

@viral patrol so i've been using your math api for the follower thing, and it works great. I even made it do custom equations which the user can just put in the same message as the command. I have 1 problem though, which is that it doesn't add up. It does subtraction, division and multiplication but no addition. I'm not sure if this is a limitation of the api or if I'm doing something wrong, but your help would be much appreciated

cinder lintel
#

its likely because the "+" is something that is used for spacing in HTML. have you tried the escape characters? (I don't know what it is, but something to look up)

indigo flume
#
  • signs are not used in HTML cohhLUL or at least afaik...the math equation is mostly in JS, right? Is yes, can you DM the equation algorithm? @lost holly
#

and I'll take a look and add whats missing

lost holly
#

so what character should i use then?

rain dagger
#

Hey I asked in #helpdesk-twitch and was redirected to you guys!
I want to share this donation goal on social media like twitter and discord (&more) in a way that people who donate will be able to see the progress towards the goal!

Is there an option to do that somehow? Sharing the widget url I know will reveal my stream key so that's a big no I guess.

📎 goal.png
harsh mortar
#

is there anyway to covert alerts from nerd or die thats animated too stream elements?

cinder lintel
#

@harsh mortar NoD should be making compatible versions for it

viral patrol
#

@lost holly Hi! You should use %2B instead of + character.

lost holly
#

thanks

mortal wagon
mortal wagon
#

ok this is driving me nuts why is this constantly resetting to these 3 events.... WHy doesnt it hold events from the previous stream
http://chrisis.live/s/1532525317_4.png
is this a bug or naw ?? coz its stupid that its not holding and maintaining events and defalts to these when the scenes restarted

If its not a bug can somone help me by fixing the JS 😦

stiff rock
#

@mortal wagon thats why i was planning make my own version of it by using donation system as streamlabs and Followers from playerme API but issue is APIs are very slow now and then

#

and people doesnt like slow API

#

slow api = dalay lot for alerts

cinder lintel
#

I actually think that isn't the case here, because I have seen other people's event lists, and they do not hold them the way Chris's do

stiff rock
#

hm

cinder lintel
#

They still show the previous events, or show nothing

stiff rock
#

streamlabs donation fast response but followers and stuff dalayed lot

#

but might be Twitch api slow aka thy changeing new API in

cinder lintel
#

Our followers from twitch are about .5 seconds

#

so not twitch

#

As for payments through us, they are as fast as SL, since we both use Paypal

stiff rock
#

well i wish one of them can do bitcoins ik Streamlabs can but problem is 100% hate Coinbase system

cinder lintel
#

We can, but again, coinbase. If you can find a crypto wallet that has an API, we can set up alerts for it

#

that is one good thing for the CSS/JS/HTML widget

stiff rock
#

when create account thy want dentify stuff but problem is cant dentify birth ctific but paypal can so idk theres way for bitcoin donations what not required coinbase

#

donation-tracker 1 does need walet then thy get send by address

#

but that side broken aka all stuff broken

cinder lintel
#

I believe we have had this discussion before. If you find any other site that has an API that is usable, there could be a way to get alerts from them using the CSS/JS/HTML widgets, just let us know and maybe one our our experts can have a look at it

stiff rock
#

will thy be Bitcoin intergration for Stream elments what not coinbase

#

just general question

cinder lintel
#

like I have said 2 times previously: IF there is a place that offers an API connection, then yes, it is possible. We just need a company that provides that

stiff rock
#

hold on does altcoins have API

#

aka https://shapeshift.io

ShapeShift.io is the leading instant digital asset exchange, supporting dozens of blockchain tokens including Bitcoin, Ethereum, Monero, Zcash, Dash, Dogecoin and many more!

#

bulleye

#

has api

#

thats api doc

cinder lintel
#

I will have a look at it, and see if it would be something that is possible at this time

stiff rock
#

yeh np

#

and apikey public not private 1

#

private 1 called something else

#

what does donate any crypto then after confirm gets converted bitcoins USD or EURO or what ever curency

#

but will see if accessable thaw

#

give heads up

viral patrol
#

http://jsfiddle.net/xu5bto8w/
Customized custom event list (I know how does it sound):
changes over original one:

  1. No text on right
  2. 100% width of box (so you can make it wider/shorter)
  3. Ability to disable/enable events by type (just change true/false in JS tab) - so you can have just latest subs/hosts/tips and so on.
  4. Ability to set minimum host value to be added to list
Edit fiddle - JSFiddle

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

#

This remake is kinda small, so no 'widget-share' post for it

mortal wagon
quartz gull
#

@mortal wagon you need to change the variable checks on the onWidgetLoad to event.amount instead of data.amount

mortal wagon
#

works fine as it is @quartz gull

quartz gull
#

yes but dont load old events on widget start

mortal wagon
#

thanks for the heads up ❤ ya beautiful man

#

Been bugging me that

quartz gull
#

np 😃

mortal wagon
cinder lintel
#

sheart gasm Love seeing people work together to create awesome things

mortal wagon
#

well @cinder lintel me and @quartz gull have a big triggering issue right now with my current code not loading the "events list" properly and the code looks right 😦

cinder lintel
#

I wish I could help, but I am not smart enough for that, lol. I just know that when I loaded the default custom event list widget, it loaded your recent events, not the ones you sent a screenie of before

sturdy socket
#

hey @viral patrol was just wondering if you were available for a sec

#

wanted to try implementing a new light command for the php thing you helped me make

#

was just wondering if it was possible to run the same php command a set number of times

#

or like a sequence of commands

#

or if anyone else in here knows php

dull furnace
#

@viral patrol what about the pop in/out widget?

stiff rock
#

i wish i was help making bitcoin system for SE but far is new people like this lot are nice and friendly. more then mixer because thy devs not friendly of me :/

reef granite
#

Is there any documentation for the custom CSS of the alert box widget? Enabling it gives you a blank HTML/CSS/JS but no real clues on what to customize.

indigo flume
#

Check pinned messages for custom CSS+JS variables for the overlay editor

reef granite
#

Thanks! New to discord. Always forget pinned messages exist.

livid lotus
#

@radiant surge see the pinned msgs here

#

the 1st one

radiant surge
#

So only cheers/host/raid doesnt seems to work :/

#

Yeah doc

livid lotus
#

thats due to wrong tags i believe

radiant surge
#

mhhh

#

you mean templating tag ?

#

like {{user}}?

livid lotus
#

yeah

radiant surge
#

I tried without it

#

and It doesnt work too

livid lotus
#

its just written differently

#

dont remove it

radiant surge
#

Yes I see

#

but even if I remove it.. It should work, right ?

livid lotus
#

the question is what doesnt work, you dont see anything?

radiant surge
#

Well

#

All my other alertbox are working (only cheer/host/raid doesnt work)

#

and there are all based on same css/js/html

#

So I tried to removed the HTML

livid lotus
#

when you emulate them, what do you see?

radiant surge
#

cause nothing appeared

#

And just wrote "host"

#

and it displayed

#

So It can be due to the html ...

#

but dont know how to resolve it

livid lotus
#

can I take a look or you already deleted it?

radiant surge
#

On what ?

#

HTML ?

#

sure

# 
<div id="object-wrapper">
    <div id="notification">
        <div id="notification-header">
            <svg viewBox="0 0 24 24" id="icon">
                <path fill="#0D47A1" d="M8.16,3L6.75,4.41L9.34,7H4C2.89,7 2,7.89 2,9V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V9C22,7.89 21.11,7 20,7H14.66L17.25,4.41L15.84,3L12,6.84L8.16,3M4,9H17V19H4V9M19.5,9A1,1 0 0,1 20.5,10A1,1 0 0,1 19.5,11A1,1 0 0,1 18.5,10A1,1 0 0,1 19.5,9M19.5,12A1,1 0 0,1 20.5,13A1,1 0 0,1 19.5,14A1,1 0 0,1 18.5,13A1,1 0 0,1 19.5,12Z"  />
            </svg>
            <div style="align-self: center;">LE BOT</div>
        </div>
        <div id="notification-title">{{name}} me host avec {{amount}} spectateur !</div>
        <div id="notification-subtitle">Beaucoup de générosité <3</div>
    </div>
  <div id="gif-wrapper"></div>
</div>
#

that is for host

#

well

#

I can see console log

#

with error

#

on this event

#

and this one too

#

vendor.js:171184 TypeError: e.replace is not a function

livid lotus
#

and we said this alert has only HTML, no CSS and JS?

radiant surge
#

there is CSS and JS

livid lotus
#

ok im logging to your account to take a look

radiant surge
#

but the CSS and JS working on other alert

#

okay 😃

#

seems to not like setTimeout(init, 1000);

#

at the end of my JS

livid lotus
#

you tried to remove it?

#

there is no video/gif on hosts?

radiant surge
#

Removing JS error

#

but still no display

livid lotus
#

are you referring to custom fields by any chance?

radiant surge
#

Yes there is one

#

the default one

#

the shark

#

I changed to an other

livid lotus
#

ok im clueless here, we need a dev to help

radiant surge
#

Okay :p

livid lotus
#

we will wait for @viral patrol

#

he should be able to help you later today

radiant surge
#

I'm trying to watch the console log to understand what is happening

#

Okay thx you very much @livid lotus

livid lotus
#

np, sorry I couldnt help more but my knowledge is minimal

radiant surge
#

no problem I do understand 😃

viral patrol
#

Ping me in 3 hrs. As I am preparing BBQ now

#

Priorities. Food > JS

livid lotus
#

very weird priorities kappa

radiant surge
#

Enjoy your meal @viral patrol

livid lotus
#

lol, I like you already @radiant surge

viral patrol
#

Pfff.

livid lotus
#

i love your polish wiener @viral patrol

viral patrol
#

There are also pierogis waiting

radiant surge
#

Can you ... show your arm in front of those sausages :3 Need to compare the size ... 🤐

viral patrol
#

( this is not offtopic. Those are REST API sausages)

radiant surge
#

Full SAS "Sausage As a Service" 👌

#

Well it's bigger than mine :/

vapid iron
radiant surge
#

Ping 👉 @viral patrol

viral patrol
#

Oh. A ping. So can you give me jsfiddle so I can look at it?

radiant surge
#

yes

viral patrol
#

This is host alert. right?

radiant surge
#

yes

viral patrol
#

omw

radiant surge
#

YEAH 😮

#

How ?

viral patrol
#

@radiant surge if yes - remove everything in JS tab, and in CSS tab find:

#object-wrapper {
    padding-top: 32px;
    width: 60vw;
    position: absolute;
    background: #eee; /*eeeeeeeeeeeeeeeeeeeeeeee*/
    top: -500px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
    border-radius: 0 0 4px 4px;
}

and change top:-500px; to top:0px

radiant surge
#

That normal

#

I dont want to place it visible at the beginning

#

The purpose is to display the alert as a android notification 😃

#

like this :

#

and for information other alert is working :/

#

only Host/raid/cheer doesnt work

viral patrol
#

Oh. I get it

radiant surge
#

I had some js error if needed

viral patrol
#

Try that setting. It would bring it down as desired

radiant surge
#

I'm using JS to let noitification bouncing in up

#

so no need animation

viral patrol
#

I just removed part with checking alertUserMessage

#

As there is no any

#

you removed HTML, but no logic behind it

radiant surge
#

It doesnt crash on youtubve Sub/ twitch follow .. dont think it will patch

#

No it dont

#

weird

#

I'm trying to fix some stuff on JS

#

I'll be back ASAP

#

Okay got it

#

My entire mistake ! @viral patrol and @livid lotus

#

I had 2 differents version of my JS

viral patrol
#

Great!

radiant surge
#

sorry for any inconveniences :3

#

and thanks for your time !

livid lotus
#

thanks @viral patrol

radiant surge
#

To switch subject, I saw 1 problem with webm video RGB+A. Some time the alpha mask appeared black on a dashboard 😃

floral fable
#

are you using firefox? some browsers dont render the alpha properly

radiant surge
#

I'm using OBS (maybe using chromium) and Chrome to manage the overlay and on both it randomly failed on rendering alpha

floral fable
#

thinkingOHNO Yeah, it should be fine in those unless there is something with the file itself causing it

radiant surge
#

I had no problem before on OBS

#

It's a 5 minutes video (20 second at the beginning usefull) and looped is enabled

whole patio
#

thats pretty cool

#

if only I knew how to do that stuff lmao

sturdy socket
#

hey @viral patrol you here atm

reef granite
#

I ran into an issue with the custom events box this morning. I noticed when I first loaded it, it was not displaying the most recent events at all. Kind of just picking 3 of the same type of events. After playing around and printing out some debugging stuff I noticed that 4 of my events in "recents" had an undefined createdAt. I filtered them out of the recents array before sorting and everything appears to be working again. Just a heads up if someone wants to look into undefined event times.

finite heath
#

@reef granite
@viral patrol worked on that widget yesterday and this is the new code he wrote for it:
http://jsfiddle.net/cuxg98n6/
mind testing it out as well ?

Edit fiddle - JSFiddle

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

mortal wagon
viral patrol
#

addEvent('sub', Sub X${event.amount}, event.name); - there

mortal wagon
#

❤

#

Also @viral patrol, @quartz gull figured out what was breaking the onWidgetLoad not loading previous events

  if (totalEvents > eventsLimit) {
        removeEvent(totalEvents - eventsLimit);
    }

Was breaking it

cinder lintel
#

yay

mortal wagon
#

😃

snow summit
#

Small question: Is there anyway to get the custom CSS elements to work with Transparent PNG or GIFs? For some reason everytime I upload an image I wanted to use, it keeps coming up with a white background. Is there a work around to this or did I screw up.

cinder lintel
#

What browser are you using to view it? @snow summit

#

(I might be able to help with this one, lol)

snow summit
#

Chrome.

cinder lintel
#

hmmm

#

The thing I would recommend using then is uploading to a site like imgur, and just calling the link for it

snow summit
#

You know what I'll go with that then.

#

I'm sure that will work. Thank you.

cinder lintel
reef granite
#

@finite heath, @viral patrol The new custom alert widget code looks great so far. I'll let you know if I notice anything weird again. Thanks!

#

Oh ya. Another small issue with it is if a sub is gifted, the event.amount is "gift" so it's displayed as Xgift on the right side. I just add a check if the amount is "gift" and change the wording appropriately. Not sure if it's something you want to add to the default widget or anything.

sturdy socket
sturdy socket
#

anyway to do custom css etc on the cup atm 🤔

honest bone
#

not right now

fickle venture
#

Is there a way to access the chatstats from the API? For instance, total messages by a user, etc.

#

Nevermind, I just noticed the new api documentation mehdiA thanks for being awesome you guys 😄

viral patrol
zenith isle
#

Hi 👋 everyone! My first time here and glad to see all the support. I recently noticed a change in the response headers from the site when loading overlays locally on my machine. It’s definitely good to see them added but it has blocked a nice effect I had integrated into my stream. I’m hoping to find another way to accomplish the same effect.

#

The effect is to apply css over the top of an overlay so that it changes color dynamically

low sierra
zenith isle
#

That’s a clip to show what I’m trying to do

low sierra
#

You've got a permit for links now 👍🏽

#

if you need to link anything else

cinder lintel
#

ok, that is epic

zenith isle
#

Oh whoops didn’t realize it might be restricted. Thanks for that

#

I have a bulb that connects to chat to change colors from commands and want my overlay to do the same essentially

#

Thanks @cinder lintel

#

My hacky solution before was to load the overlay in an iframe on my local server but totally understand the need for the security header

#

I’m wondering if there could be a custom widget that would let me apply css dynamically over the top somehow

viral patrol
#

Hi! To achieve that each of your element have to be a custom event list with JS changing class of elements (for example $("#container").addClass("red"); on event received

#

There is no way to add something on top of that as each widget is separate iframe

gaunt shard
#

Greetings. I had reported an issue yesterday in the #helpdesk-twitch channel and figured this may be a better spot to follow up on it. Stream Elements recently (within the last couple days) made a change to your servers that now prevents your overlays from being loaded into iframes or other HTML containers. This is a serious concern as it means myself and many others who use your overlays as part of a more complex custom overlay are no longer able to use Stream Elements at all. Here is the error being returned: "Refused to display 'https://streamelements.com/overlay/xxx/xxx' in a frame because it set 'X-Frame-Options' to 'sameorigin'." Please address this ASAP since it means no alerts, goal tracking, etc for my stream, which may mean needing to find an alternative, which I don't want to do as I truly love and back Stream Elements 100% If there is anything I can do on my end to help you test a resolution, please don't hesitate to ask.

StreamElements
StreamElements - The ultimate tools for live streaming

The Ultimate All in One Platform for Streamers

finite heath
#

We recently added a series of security headers that is necessary for security reasons. This is to prevent users getting their tokens stolen.

gaunt shard
#

So you don't plan on opening up the same origin headers? Because that's a deal breaker for a lot of implementations

#

In my HTML overlay I'm implementing other widgets from 3rd parties, none of which have that issue, and up until recently SE was working fine as well. This is not an uncommon implementation.

#

Things like bit boss battles, Discord voice chat display, etc.

finite heath
#

can you explain what you're doing exactly?

gaunt shard
#

Sure

#

I have an HTML overlay that I use to contain a collection of 3rd party elements all in a single container. This allows me to control (via chat commands and other means) which elements are active at various times during my stream, how they position in relation to eachother, etc. This gives me more control over how everything on my stream displays, since most overlays are static on their own and don't respond to change etc.

#

So it's a single overlay.html file that contains iframes for things like StreamElements, Bit Boss Battle, Discord, etc.

#

I then implemented a sockets chat connection so I can send commands to my overlay via chat to turn on and off elements, change display states based on if I'm gaming, doing special effects creative, playing D&D, etc, all of which have different display needs. And it allows the overlay to respond to sub/mod/viewer commands as well.

#

It also allows my overlay to communicate bidirectionally with phantombot

#

All of that is not what I would call a common implementation, but I know others that use a single overlay with iframes to house collections of 3rd party content.

finite heath
#

First of all that's a freaking impressive setup!
Unfortunately I'm not sure if there's a workaround that I can offer you, perhaps there are other more technical people that will chime in...

gaunt shard
#

The only option at this point is to open up the headers, which is normally not a security issue unless there are other problems.

zenith isle
#

Hey @gaunt shard I've experienced the same for my setup though it's just the sockets part and applying some css over the overlay. Hoping to find a solution too

gaunt shard
#

due to browser same origin policies, if that header setting is defined StreamElements just can't be used.

zenith isle
#

One option I'm thinking of doing is setting up a proxy and stripping the headers since this all just runs locally on my machine

#

It's the X-Frame-Options header with a value of SAMEORIGIN

gaunt shard
#

I could still implement StreamElements in OBS, but that means losing a lot of valuable functionality that my stream depends on. My other option, which I really don't want to do, would be to go back to Stream Labs, but I love SE too much to do that.

#

@zenith isle , yeah, in my case I'm running the overlay on my webserver rather than locally, so I can't get around that

zenith isle
#

@viral patrol could you elaborate a bit on what you're suggesting? The scenario I have is the app is listening to the chat waiting for a specific command when that command is received it will update the overlay color

#

I really want to stick with SE for my stream

#

Wait there's a Custom Events List widget I just stumbled upon for the first time. Is that what you're referring to @viral patrol ?

finite heath
#

yes

#

that's the widget that people can use to create everything you see in #widget-share

#

it's a custom widget, we just called it the custom event list originally because that's what we put in its code, but we're changing the name..

zenith isle
#

Awesome. I'll hack on that. Thanks!

viral patrol
#

There is a pinned message with documentation

#

It will help you finding data without debugging

zenith isle
#

Yea I spotted that as well. This is great I think I can hack something together to still accomplish what I want. Thanks

viral patrol
#

Also you can include tmijs to read chat

sacred mason
#

Hey, silly question, but the documentation doesn't describe a way to change the volume of either the media request or the channel. Is that something that will be supported?

indigo flume
#

The documentation in the pinned messages?

sacred mason
#

Correct, that is the documentation I looked at @indigo flume.

finite heath
quartz gull
#

nice ty

static wigeon
#

@zenith isle @gaunt shard We have decided to remove the iframe restriction for overlays. let us know if you are having issues with it.

floral fable
zenith isle
#

@static wigeon I appreciate that. Does this sacrifice the security though? I'm willing to work out another solution so that the security of the service stays high

static wigeon
#

We have come to the conclusion that it won't risk the security of our overlays.
The restrictive header will still remain present on all other pages tho.

#

X-Frame-Options Is used to prevent click jacking via iframes. And considering our overlays aren't very clickable it should be fine.

finite heath
#

@next siren take a look at the above convo ^ , I understand you were also facing a problem due to this restriction.

zenith isle
#

Gotcha @static wigeon thanks for sharing your thoughts around that and for helping with the issue

static wigeon
#

Of course, we are here to help pepeFix

finite heath
#

!disablepepes

sacred mason
#

Another question: Are webhooks on the roadmap? Pitch: In create a "super custom command" which takes the normal command arguments, but instead of telling streamelements what to do, I give it a webhook url and they send over a payload. This would allow me to receive (via the bot) commands and then fire off API requests in response.

viral patrol
#

@sacred mason If you want to create command (for example) !math 2+2 which will go over HTTP to your endpoint, where equation is made and response is 4, thrown back to bot and then to channel from bot, you can do it 😉

#

${customapi.http://api.mathjs.org/v4/?expr=${pathescape ${1:}}}

#

This is an example: stack of that ${1:} takes parameter from command (!command [PARAMETER]), ${pathescape} urlencodes that parameter, so if there is space, it is converted to %20, and ${customapi} basicaly returns value received from provided URL

#

Remember: you won't be able to send other requests than GET.

sacred mason
#

Okay, so basically a more primitive webhook. I'm good with that!

#

Thanks so much @viral patrol

ripe blade
#

I need help making a loyalty system for my youtube live?

finite heath
#

There's no way to do that yet

radiant surge
#

Hello ! :D
Any ETA to fix webm black background ? I have to refresh every switch scene :/

fathom folio
#

Hey there, Bro's and flo's, coudlnt i call upon someone for some assistance please. I have a custom eventlist that i bought throughh Nerd Or Die. how do i copy the coding from SL into SE?
I did a direct copy from SL, Coppy the HTML, CSS and JS but then the box just goes blank.

radiant surge
#

Screenshots ?

#

En maybe show us the CSS

#

:)

dry plover
#

Hi, I just came in here to ask about the API. I understand it's very early in development and the documentation is still a WIP. But I cannot find any resource at all on how to actually obtain an authorization key? How does one go about having their app authorised by a streamer in order to use this API?

cinder lintel
#

@dry plover right now, the authorization key is the JWT token. The streamer would need to provide that to the application in some way

dry plover
#

Ah okay, thanks. I'll let him know :)

radiant surge
#

Is there a way to get the game label in overlay ?

radiant surge
#

ping @livid lotus @viral patrol :3

viral patrol
#

It is possible. I have something like that on my list, but I am on my vacation now for 10 more days

#

This is not an easy one

pale mountain
#

anyone able to help troubleshoot some custom css? I imported alerts from StreamLabs, but the image/video isn't showing up if custom css is turned on.

viral patrol
#

If you have custom CSS you have to call this image/video directly within Custom CSS editor. For example there should be something like:
<img src="{{image}}"/> or HTML5 video tag

#

{{image}} gives you URL of that resource, so you need to place it in src attribute either of img or video tag.

dense brook
#

As somebody who doesn't understand coding well enough to write it from scratch. Where is a cood place for me to rip code from and adjust it accordingly?

#

W3?

viral patrol
#

@dense brook the best idea is to take one of the simple widgets from #widget-share and do stuff with it with help of stackoverflow

dense brook
#

I don't even know what stackoverflow is!

cinder lintel
#

its the best place to go for coding questions. Someone has likely had your questions before 😃

#

I made it through college because of that site, lmao

dense brook
#

aaaah

#

I'm already stuck trying to reverse engineer this damn module

vapid iron
#

I never messed with stuff either. Seems interesting to try out when I get home.

dense brook
#

Is this really the best way to stroke text?

    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black; ```
mortal wagon
#

What's the file "pull" for sub count ?

For example pulling a latest follower is

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

I want to add Sub Goal: (amount)/(goal) to the Events Cycle developed by @viral patrol Not really sure how to achieve it though.

indigo flume
# 
if (listener === 'subscriber-latest') {
//Do stuff here
}```
mortal wagon
#

ty beautiful ❤

indigo flume
mortal wagon
#

nvm thats not what i was after that pulls there name, Im after a Number...

indigo flume
#

You want to increase a number upon a sub/resub?

mortal wagon
indigo flume
#

cracks fingers hold my coffee

mortal wagon
#

❤

indigo flume
#

ok you want a bit too much from me with connecting it to the sessions

mortal wagon
#

I want the "session" function of that widget

indigo flume
#

let me see if I can connect it

mortal wagon
#

ye 😦

#

❤

#

Id normally ask lx butt he's on holiday so dont want to bother him 😄

indigo flume
#

just so you know, if you update the session, you will have to reload the widget

#

at the current moment I can't find a dynamic check, as I don't have much time to look into it

mortal wagon
#

Well a OBS reboot will do that 😛

indigo flume
#

reload overlays will work better

#

then OBS reboot

#

or hide/show overlay in OBS

mortal wagon
#

or that but thats not in what i use atm 😛

indigo flume
#

Also since this is a sub counter

#

I can't guarantee its working as intended, because this does not trigger properly for emulated alert....I THINK

#

let me check

#

actually it works as intended

#

with simulated alerts

#

have fun with CSS and modifying it as you want

mortal wagon
#

iv got to now add this with the existing code 😄

indigo flume
#

added some commented shizzness to help

mortal wagon
#

This sould be fun

indigo flume
#

I hope you don't scuff it too much when adding it to your own thing

#

if you do, give me a jsfiddle of your thing and I'll add it

#

also this line on top of the JS: var currentGoal = 0; is not needed you can delete it

mortal wagon
#

oka 😄

#

Man the CSS Box in SE need to be expandable, that tiny box is irritating 😢

indigo flume
#

I don't know what you are talking about

mortal wagon
#

Is that sublime ?

indigo flume
#

@mortal wagon Also to point out something in the HTML - you need to set your goal MANUALLY

#

while the session resets it self

mortal wagon
#

I noticed that 😃

indigo flume
#

its Visual Studio Code

mortal wagon
#

Ah

#

May end up changing your "HTML Code" to a arr though

indigo flume
#

what ever floats your boat, but this is needed: <a id="countContainer">{count}</a>

#

else the JS won't update the current number

#

although..session resets it self after you finish streaming so I'm not sure you need the "onWidgetLoad" cohhHmm

#

unless you manually reset it back to 0 while streaming or to a bigger number while streaming

#

then you will need to reload the overlay/widget

#

I'll leave it there really just in case you want to reset that during stream

#

or session doesn't reset automatically after you stream(which it shouldn't)

mortal wagon
#

Your codes different to this one so adding it is confusing me lol

#

😄

indigo flume
#

OK so add all your code to jsfiddle and toss me that link

#

I'll spend part of my lunch time adjusting it

mortal wagon
#

.< Im a newb fiddling with code lol

indigo flume
#

I added like 2 lines of code and the new function

mortal wagon
#

So most of what i did was right ?

indigo flume
#

I don't know. I didn't see what I gave you added PepeShrug

#

this is what I added and they were missing from the code you gave me

mortal wagon
indigo flume
#

aah to the event cycle

#

easy fix

mortal wagon
#

.<

#

How can i add it to the event cycle then @indigo flume ❤

indigo flume
#

I'm doing it

#

hold your blobby pants

mortal wagon
#

I haz no pants

indigo flume
#

I'm trying to optimize some algorithm here

mortal wagon
#

I am blob

#

😄

indigo flume
#

to make it more clean

mortal wagon
#

oki

indigo flume
mortal wagon
indigo flume
#

this should work perfectly

#

I forgot to add a comment section\

#

one moment

#

here - so if you want to set a higher subgoal, there are 2 LOCATIONS you need to change in the JS

#

fuck me I though of a better idea to update that goal..brb

mortal wagon
#

😄

indigo flume
#

For the love of my lunch, let this be the last update to the code NotLikeThis

mortal wagon
#

Now i gotta fix a overflow issue >.<

#

Ok now im confused... after a few cycles it fixes it self... chrisisWut

indigo flume
#

what overflow issue?

mortal wagon
#

I can fix the "Host" issue

#

but the text overflow issue is puzzling 😛

#

i'll figure it tho

indigo flume
#

2nd time you say "overflow" and it triggers a "stackoverflow" or "indexOutOfBounds" NotLikeThis

#

in my mind

mortal wagon
indigo flume
#

Ok, so for longer names, just extend the widget to the side

#

the widget it self

mortal wagon
indigo flume
#

ooh wait

#

it actually went down for me as well

#

thats a html/css thing

#

let me take a look

mortal wagon
#

All this is for a overlay im going to design 😄

indigo flume
#

Ok, so the thing that makes it go next line is, while actually resizing the widget

#

but it fixes it self on next cycle regardless, I'll try to fix that with a word-wrap

mortal wagon
indigo flume
#

ooh lol @viral patrol f'ed up LOLface

mortal wagon
indigo flume
#

make it look like this

mortal wagon
#

i was looking back at the oriiginal code to see if it was something i broke, But NOPE... Its in there lol

indigo flume
#

looking into why the names go down one line when resizing widget

#

no wonder when i reload the overlay editor, or the widget after a code change, I could not see latest follower then it showed up cohhHmm

mortal wagon
#

😛

indigo flume
# 
p span {
    color: white;
    font-weight:bold;
    vertical-align: top;
    width: 250px;
  }
#

add this or just add

# 
width: 250px;
#

to the css p span bracket

floral scroll
#

hello?

indigo flume
#

Yes, hello, this is dog.

floral scroll
#

could you help me

indigo flume
#

Do you need assistance in writing CSS or javascript?

floral scroll
#

no just how to get overlays into obs

indigo flume
#

Wrong channel my friend 😉

floral scroll
#

ok thanks anyway

indigo flume
floral scroll
#

i cant find the overlay urlls

indigo flume
#

Mind not writing in two different channels? This channel is used for a lot more complicated stuff and its best to keep it clean. Thanks. Wait for me or someone else to provide you with assistance in #helpdesk-youtube

mortal wagon
#

Was making cuppa tea whu dew i miss

indigo flume
#

check above for the fix to the name going to next line

mortal wagon
#

ty

#

So for top cheer / tip what would they be under
Im asuming

tip-highest or something like that

#

or no ?

#

@indigo flume

indigo flume
#

What do you mean?

#

You want to cycle top stuff?

mortal wagon
#

To get the Top Tip / Cheer of the session ect

indigo flume
#

ooh that needs something more then a simple 2-3 lines of code

#

I think you would need a function that tracks old and new ones and current top ones

#

I don't have time to make that for you, I got my own work to go back to

#

I can give you the variables you need and quick and dirty pseudo code you can try and make your self

mortal wagon
#

Things i'm after for the cycle since it will be 2 separate cycles (2 widgets)

Cycle 1
Top Tip (Weekly) (Reset at 00:01 Monday morning since i don't like the 7 days cycle SE has)
Latest Sub (Session)

Cycle 2
Top Cheer (Weekly) (Reset at 00:01 Monday morning since i don't like the 7 days cycle SE has)
Sub Goal

indigo flume
#

If you so want this made, but can't wait for LX, I can try my self, but only when I get back home

mortal wagon
#

Sure <£

#

❤

#

better than be fucking it up lol

indigo flume
#

because this will need testing and I don't have time atm for that

mortal wagon
#

oki ❤

#

When i get paid at the end of the month ill throw some $$ your way for the help 2

indigo flume
#

No thank you

mortal wagon
#

😦 why not

#

buy you a beer

#

or coffee

indigo flume
#

I'm good on coffee thanks PepeShrug

#

don't drink often as well

#

so you don't have to give me money

#

gimmie a huge coding project to work on and then lets talk money

mortal wagon
#

I would but i dont have the cash for those kinda projects 😛

#

as my kinda projects go into the $1000's lol

dense brook
#

any good idea is just extremely expensive

mortal wagon
#

yupd

viral patrol
#

About that host-latest and tip-latest typo: It should look like that:
arr[4]='Host: '+data["host-latest"]["name"]+'('+data["host-latest"]["amount"]+')';

#

So it will display how many viewers came in with that host

mortal wagon
#

yeah i figured it bud ❤ enjoy the holiday @viral patrol

oak moth
#

Is there an video tutorial on how to call for data with js ?

cinder lintel
#

I bet there is, but not one we have put out. There is also a nice info sheet pinned here

mortal wagon
#

and there keyframes and everything are the same 😦

indigo flume
#

@mortal wagon one way is to have them be in one widget....i think but it really depends on how fast you load them.

mortal wagon
#

iv no idea how id get them in 1 widget 😦

indigo flume
#

html+css magic

remote viper
#

Hi! I play a lot of games and I tend to die a lot in those games. Setting up a different commands for each game is getting confusing... "what did I call this command??"
So I'm looking for a way to use ${game} as a variable for a counter. Where I would only need to use !death+ or !death- to increase or decrease the value for the game that is set in ${game}
Is this possible?

indigo flume
#

Unfortunately, the counter variables for the chat commands don't support incrementation, but hard numbering. The only thing that is incrementing is the ${count} variable.

#

Here are 2 ideas you can use to solve this problem, as there is easy way to set this up:

  1. Keep a spreadsheet(on google or on your PC) of each game and your deaths if you are switching games so much
  2. Make script or ask a friend to make a script which takes in ${game} variable and keeps track of deaths from each game on its own logic. The 2 problems with this is, making the script/finding the friend to make the script and HOSTING said script. Anything else is easy to setup via the ${customapi} variable
remote viper
#

Thanks for the quick reply! I'll ask around a bit 😃

silent night
#

Can we store custom data alongside the latest host/tip/etc information?

indigo flume
#

@silent night You can store custom data as long as the widget is not refreshed(this happens every time you save the new changes to the custom css or reloading the overlay). I think there is a way to make it store for a longer period, but not sure how it works as I still haven't taken a look at it, but https://keyvalue.xyz/ should be able to help store custom data for longer periods.

Unless I'm sleepy, what kind of custom data are you referring to?

mortal wagon
#

for the coding nerds, Does Go require a server ?

#

im asking because iv found a nice chat system i like and want to use it but unsure if i need a backend server or if just regular webhosting server is fine 😃

indigo flume
#

From what I can tell just by going to here https://golang.org/ its just like javascript or C# or C++ or Java where its used mainly to build backend stuff and don't require a server of any type, but actually wants a COMPILER

snow summit
#

Also is there a way to reference the image I uploaded into the StreamElements CSS panel? Nevermind this, I just used {{image}} and it worked

vague citrus
#

Hello, I have a question and when can I increase the upload to 75MB? My overlay is 72MB in size. It would be really nice if the thing.

#

Sorry for my english 😄

snow summit
#

Question in Custom CSS, is there a way to retrieve what kind of resub it is? For example if someone resubscribes at Twitch Prime level or Tier 1, can I a message or use a widget to pull that up?

indigo flume
#

Prime and tier 1 are the same

snow summit
#

No no. I mean to break it down further.

indigo flume
#

but you can make a specific check to see if its tier1/2/3 - if its neighter then its a prime or gift sub

snow summit
#

That's what I mean. How do I make that specific check?

indigo flume
# 
if (listener === 'subscriber-latest') {
            if((Math.floor(data.tier / 1000)) == 1){
                countdown(tierOneSubSeconds)
              } else if((Math.floor(data.tier / 1000)) == 2){
                  countdown(tierTwoSubSeconds)
              } else if((Math.floor(data.tier / 1000)) == 3){
                  countdown(tierThreeSubSeconds)
              } else {
                  countdown(primeSubSeconds)
              }```
snow summit
#

Oh I would have to create a listener evening for it?

indigo flume
#

but in the end this does not check if its a gifted sub

snow summit
#

Got ya.

indigo flume
#

check pinned messages

#

for the variables

#

but the above you can place in the listener

#

this one checks tiers 1 2 nad 3

#

if non match, then its something else

#

I've not made it to check further if its a prime or a gifted sub, as I'm using it for something else that doesn't care about that really

mortal wagon
cinder lintel
#

It could, yes

mortal wagon
#

Are there ID's for images i can reference to or no on SE (So for example i can upload all my images needed onto SE, then get a reference ID for them to link them in code) as right now it looks hard as fuck to use images uploaded on SE, unless you dig through and scrub the background code to get the exact image link that SE uses in reference.

#

really want to avoid having to scrub code in HTML viewer to find a image for "Custom Events" ect

#

or use a external source like Imgur to provide image links.

indigo flume
#

@mortal wagon There is an easy way. Get a fresh alert box, set the image/video you want to use as its follower alert. Open chrome dev console, go to network tab - show all and play alert. Here is an example after playing 2 alerts:

📎 unknown.png
#

get the link you are done

mortal wagon
#

Yh that was my point, Scrubbing that everytime you want a link for a image ect is a little annoying.

indigo flume
gloomy stump
#

Hey this has happened to me 2 times so far. I'm using OBS with Stream Elements and it's made my computer crash mid-stream, only to have an update when I restarted my computer. Can you not have this happen? I'd like to be able to finish my stream before I have to update OBS.

indigo flume
#

@gloomy stump Wrong place to ask, but usually OBS has logs that can show what happened or Windows event viewer as well.

mortal wagon
#

@gloomy stump also check any drivers for capture cards there normally the issue

pine bough
#

HI I was wondering if there is mixer support on streamelement? if not will there be any in the near future?

green yarrow
pine bough
#

ok is there anyway to use streamelement on mixer without an API?

cinder lintel
#

Anyway? yes. There is one way

#

you are able to use the tipping page, and keep the alertbox just for tips running, but that is all I can think of right now (plus the text weidgets for tips)

pine bough
#

ok perfect thank you

hollow wind
#

I would appreciate some custom command help. I am trying to get the api of icanhazdadjoke.com/api to return a plain text response but so far no success. Can anyone offer some direction, please?

fierce frigate
#

FWIW @hollow wind i have an easy one setup w/ a different api but very similar (if not where they get their data from).
Dad Joke? I got one for you: $(customapi.http://api.scorpstuff.com/dadjokes.php)

#

and afaik... icanhazdadjoke doesn't have a plain text output; only JSON which you'd need to parse before SE bot's customapi function could read it.
Unless there's something i'm missing and i'm totally open to learning better way 😃

#

been considering learning some more google cloud functions to get that json and convert it to txt but my javascript is rusty AF.

hollow wind
#

@fierce frigate Thank you for your help! :)

barren fiber
#

Hi @finite heath , i'm try change the widget roll credits for end the stream to add the events host and raid but can't do functional, you can help me? Cumps

#

Anything know how change the widget credits roll for end the stream to the add the events host and raid? I try change and add the event host and raid but the widget don't run

cinder lintel
#

@viral patrol

viral patrol
#

Hi @barren fiber - We are remaking this Credits Roll right now (so it shall be released pretty soon)

mild cipher
#

Any chance I can get some clarification for the keys in the subscription event? The keys seem to vary between events:test and the actual event and it makes it hard to know what to expect :(

For instance, in all the test events, the username is given as username but when it actually happens it comes through as name. For test redemptions, the item name appears as item but in real events it shows as redemption.

For the sub event I'm wondering if number of months will appear as amount (like in tests) or maybe months like Streamlabs has.

indigo flume
#

@mild cipher have you checked out the overlay variables in the pinned messages?

#

There is a doc that has them all working properly for test and real cases

viral patrol
#

@indigo flume AFAIK it is way beyond "overlay", I think he is referring to "THE API" 😉

#

So only somebody above us can relate to it (I was not playing with API at all now) - also I haven't seen events scope in documentation

indigo flume
#

Aaah i see

mild cipher
#

Ah, sorry, should have clarified I was referring to the socket. I managed to get some real data and got it though!

For a callback called event, event.type is subscriber (tripped me up, I thought it would be subscription lol), and event.data.username is the subscriber, event.data.amount is the months, and if a message exists, it'll be event.data.message.

viral patrol
#

@mild cipher So it seems like variables in overlay. In that case you might have event.data.currency event.data.sender (if sub was a gift that is a person who purchased sub)

zinc shell
#

Hi all, I am trying to build a mini game based off of points users gain for watching the stream.
I kind of had the idea that users could grant access through oath, if the user is new to streamlements then they would would have to grant acess to streamelements to access twitch.

#

However the documentation is completely blank when it comes to the oath2 section, is this still a WIP?

#

Nvm, think I figured it out.

dense brook
#

So I see that custom event list widget one can change. to remove certain options. is there a way to turn them off or do I just rove the whole piece of code?

indigo flume
#

To turn off certain parts and as long as they are not tightly connected you can just comment out the js function with double forward slash ''//''

stiff rock
#

does SE have gamewisp compactability just woundering thats all because im looking for bot do on YT and Mixer with gamewisp with overlays triggers

fierce frigate
#

Hey guys - Is there a way to customize the messaging that comes w/ the !followage default command? OR, alternatively if we turn that off and add our own command... do you guys have an endpoint for the {customapi.api} fetch?

fierce frigate
#

...i now see this "idea" exists... update 7mo ago? any updated SITREP?
https://streamelements.helprace.com/i191-allow-more-customization-to-default-commands

muted dagger
#

Guys, anyone here know to convert a CSS code from SL to put on SE? I'm trying to migrate my overlay that I bought my they 'auto-setup' it for me on SL D:

indigo flume
#

@fierce frigate there is a site where i think you can call it via the custom ali variable for the follow age but not sure on that. Also what the {custom.api} is allowing you to call outside sites/scripts. Unless im mistaken as to what you are asking for endpoint on the variable.

#

@muted dagger the css should be the same its the js that may need changing. I would suggest to look into thr pinned messages and just replace the variables. If not, have you tried the import tool from SL? Not sure if it configures the custom event listeners for you.

muted dagger
#

@indigo flume I tried to import but just import the tips and alerts, I'm gonna try to see if I can change the js by myself, and see what happens haha

indigo flume
#

@muted dagger make sure to use a text editor like sublime or notepad++ or jafiddle instead of the overlay css editor to make it a bit more easier

muted dagger
#

Oh sure, i have notepad++ with me, thank you for the tip <3

mild cipher
#

@fierce frigate You probably already found one, but in case you haven't, I tend to use https://api.crunchprank.net/twitch/followage/CHANNEL/USER?precision=6. You can also edit the precision (any number from 1-6) depending on how precise you want the age to be.

Quick copypasta: $(sender) has been following for $(customapi.https://api.crunchprank.net/twitch/followage/$(channel)/$(sender)?precision=4)!

buoyant bear
#

anyone can help me? i'm trying to change streamlabs to streamElements but one part of my codes on custom event list don't work: <script type="text/template" id="id of script">

#

can i change this to work in StreamElements?

livid lotus
#

@viral patrol ⏫

viral patrol
#

Can you give me full code on DM? (pastebin or jsfiddle)?

buoyant bear
#

of html?

floral fable
#

full code should be html, css, and js

muted dagger
#

Guys, just to know, SE recognize Titillium Web as a font?

#

Titillium Web is a Google font

floral fable
#

are you having a problem using it somewhere?

muted dagger
#

I'm with Rodrigo trying to migrate that code that i was talking about yesterday, he knows some java, and i don't know nothing haha

#

He did it nicely at the momment

#

Almost done the code by himself XD

floral fable
#

font is usually defined in the HTML and CSS

muted dagger
#

You're right, that's why we are having some problems haha

#

But we're getting some progress :D

floral fable
# 
<link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
<div class="main-container"></div>
# 
font-family: 'Titillium Web', sans-serif;
#

top is html, bottom is css, google fonts page gives you the syntax if you select the font

muted dagger
#

Oh, thank you Kite <3

#

That helps alot :D

floral fable
muted dagger
#

Kite, i don't know if you know a easy way to do this, but i have an event list that have a glitch, before we changed the code it should glich each name on the event list at a random time a random one, before we change it, the code was like this

# 
.messageGlitch {
  animation: glitchText 3s steps(50) 1;
}
#

And nothing happens with this, but when we changed to this:

# 
.messageGlitch {
  animation: glitchText;
  animation-delay: 3s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#

now all the names have the effect, all the time

#

anything that we couldd add to the code to make it random to the names, and to the glitch effect?

floral fable
#

I am not entirely sure, but my guess would be its related to animation-iteration-count: infinite;

#

I dont really know much CSS, just some dabbling, and trial and error

muted dagger
#

Haha no problem, we did this because we thought that we can't make it loop without any command, right? That's why we putted on infinite XD

sour yew
#

Is there a way to mute the sound of a browser source in the css in OBS ?

#

or the alert sound in the css fields ?

viral patrol
#

You can disable all sounds of EVERY external source in OBS - just mute OBS in system volume mixer

mild cipher
#

@muted dagger Do you mean only one name glitching at a time, for a random amount of time?

muted dagger
#

@mild cipher i already fixed, it was o JS the command, not on CSS