#developers | 7TV | Page 7

topaz crown Aug 12, 2024, 6:31 AM

#

if you're familiar with gql, you can modify the queries as you like

#

you can use a tool like postman or others to play with the schema to make requests

lyric cosmos Aug 12, 2024, 6:33 AM

#

topaz crown if you're familiar with gql, you can modify the queries as you like

I'm quite new to developing websites. Became a summer project for me - looking to fetch profile colors for people who login to my site, similar as you have done

topaz crown Aug 12, 2024, 6:34 AM

#

you'd have to get the paint ID from their user data, then load the paint from the query in the image above to know how to apply the css

lyric cosmos Aug 12, 2024, 6:35 AM

#

topaz crown you'd have to get the paint ID from their user data, then load the paint from th...

Where are the paint IDs linked to

#

Like is the paint ID stored through 7TV or is the actual ID what contains the patterns

topaz crown Aug 12, 2024, 6:37 AM

#

paint ID is stored in the user data

#

#

you would find where "selected": true and "kind": "PAINT"

lyric cosmos Aug 12, 2024, 6:40 AM

#

topaz crown you would find where "selected": true and "kind": "PAINT"

So through my script, can I use a Web request through something like axios or what

topaz crown Aug 12, 2024, 6:40 AM

#

yes

#

gql requests are always POST, and the query string/variables go in the body ``` fetch('https://7tv.io/v3/gql', {
method: 'POST',
body: JSON.stringify({
query: query UserByConnection...,
variables: { id: "some id" }
})

lyric cosmos Aug 12, 2024, 6:44 AM

#

Where can I find more information to fetch the paints through this method?

topaz crown Aug 12, 2024, 6:44 AM

#

if you use postman it has a gql introspection feature that will let you pick and choose the queries with a GUI

#

im sure theres other better options too

lyric cosmos Aug 12, 2024, 6:51 AM

#

topaz crown im sure theres other better options too

Possible with restapis?

topaz crown Aug 12, 2024, 6:53 AM

#

lyric cosmos Possible with restapis?

i only meant better options to work with GQL queries

#

im pretty sure the rest api doesn't return any paint data

lyric cosmos Aug 12, 2024, 6:53 AM

#

Lowkey might have just got chat gpt to do it NOWAYING

topaz crown Aug 12, 2024, 6:53 AM

#

elisPogu

lyric cosmos Aug 12, 2024, 6:55 AM

#

I love AI

#

const https = require('https');

// Define the username you want to query
const username = 'f1shk1do';

// Fetch the user's active 7TV paint and subscription badge
function fetch7TVUserDetails(username) {
    // Define the API endpoint URL
    const url = `https://7tv.app/v3/users/${username}`;

    // Make the HTTPS GET request
    https.get(url, (response) => {
        let data = '';

        // A chunk of data has been received
        response.on('data', (chunk) => {
            data += chunk;
        });

        // The whole response has been received
        response.on('end', () => {
            try {
                // Parse the JSON response
                const userData = JSON.parse(data);

                // Fetch active paint and subscription badge
                const activePaint = userData?.paint || 'No active paint';
                const subBadge = userData?.subscriber_badge || 'No subscription badge';

                // Log the results
                console.log(`User: ${username}`);
                console.log(`Active Paint: ${activePaint?.name || activePaint}`);
                console.log(`Subscription Badge: ${subBadge?.name || subBadge}`);
            } catch (error) {
                console.error('Error parsing JSON:', error.message);
            }
        });

    }).on('error', (error) => {
        console.error(`Error fetching details for user ${username}:`, error.message);
    });
}

// Execute the function
fetch7TVUserDetails(username);

#

@topaz crown does this look accurate

topaz crown Aug 12, 2024, 6:57 AM

#

no lol

vagrant lion Aug 12, 2024, 6:58 AM

#

lmao

lyric cosmos Aug 12, 2024, 6:59 AM

#

I tried 😪

topaz crown Aug 12, 2024, 7:02 AM

#

https://stepzen.com/docs/using-graphql/making-queries-with-fetch might want to start with the basics of how to make gql requests

Make GraphQL Queries with Fetch API

How to query a GraphQL API using JavaScript's Fetch API

plush kayak Aug 12, 2024, 7:03 AM

#

:comments:

lyric cosmos Aug 12, 2024, 7:06 AM

#

topaz crown https://stepzen.com/docs/using-graphql/making-queries-with-fetch might want to s...

I'm asking my smart asf dev friend, he does all this sorta stuff. What would I tell him he needs to do. Sorry to ask so much

#

You've probably already answered my question

topaz crown Aug 12, 2024, 7:09 AM

#

jsut tell him look at 7tv's gql schema to find what you need, https://7tv.io/v3/gql is the endpoint

lyric cosmos Aug 12, 2024, 7:11 AM

#

topaz crown jsut tell him look at 7tv's gql schema to find what you need, https://7tv.io/v3/...

Thanks so much for the help, I'll see what he replies with

#

CatChest

topaz crown Aug 12, 2024, 7:13 AM

#

elisYes

kindred flower Aug 12, 2024, 11:02 AM

#

Hey,
Is it okay to use the 7tv api for a rich-text editor extension that would allow users embedding the emotes? I'm not sure I understand the TOS correctly, just want to double check Clueless

Also not sure if this is the right place for such question

lyric cosmos Aug 12, 2024, 6:26 PM

#

@topaz crown I've tried to use some AI with your messages, it's gotten somewhere I guess.

fetch('https://7tv.io/v3/gql', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json'
    },
    body: JSON.stringify({
        query: `
        query UserByConnection($id: String!) {
          userByConnection(platform: TWITCH, id: $id) {
            cosmetics {
              id
              selected
              kind
            }
          }
        }
        `,
        variables: { id: "1003921362" } // Ensure this is the correct Twitch user ID
    })
})
.then(response => {
    if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json();
})
.then(data => {
    if (data.errors) {
        console.error('GraphQL errors:', data.errors);
        return;
    }

    const cosmetics = data.data.userByConnection.cosmetics;
    const selectedPaint = cosmetics.find(cosmetic => cosmetic.selected && cosmetic.kind === "PAINT");
    if (!selectedPaint) {
        throw new Error('No selected paint found');
    }

    // Step 2: Fetch the paint details using the paint ID
    fetchPaintDetails(selectedPaint.id);
})
.catch(error => console.error('Error fetching user data:', error));

function fetchPaintDetails(paintId) {
    fetch('https://7tv.io/v3/gql', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json'
        },
        body: JSON.stringify({
            query: `
            query GetCosmetic($id: String!) {
              cosmetic(id: $id) {
                id
                name
                function
                color
                image_url
                repeat
              }
            }
            `,
            variables: { id: paintId.toString() } // Ensure the paintId is passed as a String
        })
    })
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => {
        if (data.errors) {
            console.error('GraphQL errors:', data.errors);
            return;
        }

        const paint = data.data.cosmetic;
        if (!paint) {
            throw new Error('No paint details found');
        }

        applyPaintToPage(paint);
    })
    .catch(error => console.error('Error fetching paint details:', error));
}

function applyPaintToPage(paint) {
    if (paint.image_url) {
        document.body.style.backgroundImage = `url(${paint.image_url})`;
        document.body.style.backgroundSize = paint.repeat ? 'repeat' : 'cover';
        document.body.style.backgroundRepeat = paint.repeat ? 'repeat' : 'no-repeat';
        document.body.style.color = '#FFF';  // Adjust text color for readability
    } else {
        console.log('No background image found.');
    }
}

It's getting this error below

patent wing Aug 12, 2024, 7:06 PM

#

AI I love it

lyric cosmos Aug 12, 2024, 7:10 PM

#

patent wing AI I love it

Yup, It's so far working with the payload. Just trying to make it display now on a actual page

#

📎 message.txt

#

    "data": {
        "cosmetics": {
            "paints": [
                {
                    "id": "65459be4ed8a01cc905ecaf8",
                    "kind": "",
                    "name": "Firebrand",
                    "function": "RADIAL_GRADIENT",
                    "color": 0,
                    "angle": 90,
                    "stops": [
                        {
                            "at": 0.15,
                            "color": -589569,
                            "__typename": "CosmeticPaintStop"
                        },
                        {
                            "at": 0.3,
                            "color": -7012097,
                            "__typename": "CosmeticPaintStop"
                        },
                        {
                            "at": 1,
                            "color": -618852353,
                            "__typename": "CosmeticPaintStop"
                        }
                    ],
                    "__typename": "CosmeticPaint"
                }
            ],
            "badges": [
                {
                    "id": "62f97e19e46eb00e438a696c",
                    "kind": "",
                    "name": "7TV Subscriber - 3 Months",
                    "tooltip": "7TV Subscriber (3 Months)",
                    "tag": "sub3",
                    "__typename": "CosmeticBadge"
                }
            ],
            "__typename": "CosmeticsQuery"
        }
    }
}```

#

Outputting that which is correct

#

Just on the actual script now below, can't seem to get it to display on a HTML page

📎 message.txt

patent wing Aug 12, 2024, 7:12 PM

#

display what

lyric cosmos Aug 12, 2024, 7:14 PM

#

patent wing display what

I'm trying to make it display the paint that I currently have on, onto a HTML page. Basically going to add to my website

#

Will basically have whatever paint I have on, onto this fishkido text.

patent wing Aug 12, 2024, 7:19 PM

#

yea just use the paint cosmetic gradient stops and turn it into the gradient of the texts background

lyric cosmos Aug 12, 2024, 7:20 PM

#

patent wing yea just use the paint cosmetic gradient stops and turn it into the gradient of ...

Where do I view/fetch this

patent wing Aug 12, 2024, 7:21 PM

#

its in the cosmetic data, its the cosmeticpaintstop

#

each one is a gradient stop

lyric cosmos Aug 12, 2024, 7:21 PM

#

Ohh I see

rigid narwhal Aug 12, 2024, 7:23 PM

#

you can take a look at the paint tool in the extension settings and just play around with the options in there. This helps to understand how the paints work

lyric cosmos Aug 12, 2024, 7:31 PM

#

Current Script

#

📎 message.txt

#

Scripts showing this

#

Active paint is this

patent wing Aug 12, 2024, 7:33 PM

#

AI I love it

lyric cosmos Aug 12, 2024, 7:35 PM

#

patent wing AI I love it

Well when your an idiot like me that's the only option :))

solemn widget Aug 12, 2024, 7:37 PM

#

i think the color parsing logic is wrong

#

yep

#

there you go

📎 asdasd.html

lyric cosmos Aug 12, 2024, 8:16 PM

#

solemn widget there you go

Thanks dude, I'll give it a go

dark kite Aug 12, 2024, 10:38 PM

#

go to https://7tv.app/users/63d688c3a897cb667b7e601b and view network requests PEPW shits broken

#

self ddos

#

@south flare

south flare Aug 12, 2024, 10:40 PM

#

we are busy redoing the entire website

#

we know

#

#dev-news message

dark kite Aug 12, 2024, 10:42 PM

#

u think that wont exist on redesign?

south flare Aug 12, 2024, 10:44 PM

#

ah yes, its a feature so we are going to implement it the same way as before

lyric cosmos Aug 12, 2024, 11:12 PM

#

solemn widget there you go

Hey, I used your updated code. It's displaying like this now

#

Appreciate you helping me BOOPS

solemn widget Aug 12, 2024, 11:13 PM

#

hopefully looks better at a smaller size

lyric cosmos Aug 12, 2024, 11:13 PM

#

Oh I've seen. It's just not adding the effects or something like that, I think it's a glow or something

#

That's it in bigger form

topaz crown Aug 12, 2024, 11:15 PM

#

https://github.com/RyanPotat/potat-site-v2/blob/master/src/assets/applyPaint.ts#L47

mortal fossilBOT Aug 12, 2024, 11:15 PM

#

ryanpotat is no longer AFK: (no message) (23m, 55s ago)

topaz crown Aug 12, 2024, 11:15 PM

#

use that

lyric cosmos Aug 12, 2024, 11:15 PM

#

Oh hello Ryan

#

Let me try

lyric cosmos Aug 12, 2024, 11:29 PM

#

topaz crown https://github.com/RyanPotat/potat-site-v2/blob/master/src/assets/applyPaint.ts#...

Can't seem to get it to work... I'm probably doing something horribly wrong.

#

📎 message.txt

lyric cosmos Aug 12, 2024, 11:59 PM

#

Got it working

#

Thanks so much Ryan

lyric cosmos Aug 13, 2024, 12:44 AM

#

@topaz crown Sorry to bother again, This picture below is the scripts one.

#

This is my one

#

It looks a bit different

#

📎 message.txt

#

Some look normal though

topaz crown Aug 13, 2024, 12:49 AM

#

not sure

#

you could just replicate the extension's code https://github.com/SevenTV/Extension/blob/cc924cbf4483a5436732526418d16002a6e7a6d1/src/composable/useCosmetics.ts#L439

GitHub

Extension/src/composable/useCosmetics.ts at cc924cbf4483a5436732526...

The Web Extension for 7TV, bringing new features, emotes, vanity and performance to Twitch, Kick & YouTube - SevenTV/Extension

lyric cosmos Aug 13, 2024, 1:40 AM

#

topaz crown you could just replicate the extension's code https://github.com/SevenTV/Extensi...

Using this, I've used some of my old code. Still shows the same with the paints. Hmm

📎 message.txt

plush kayak Aug 13, 2024, 10:41 AM

#

isn't it just because of the size

dark kite Aug 13, 2024, 1:44 PM

#

south flare ah yes, its a feature so we are going to implement it the same way as before

oo sassy

pearl ore Aug 20, 2024, 1:11 PM

#

Username change on Twitch doesn't reflect in 7tv until user logs-in on 7tv website (?)
Fun minor bug if true. Affects Chatterino 7.5.1 and ChatIS - namepaint won't show after a Twitch username change until the moment the user logs-in on the 7tv websites. Screenshots show the entitlement.create events in the same session, second is after the user logs-in on the 7tv website (afaik)
I'm too lazy to reproduce, but seems true

mortal fossilBOT Aug 20, 2024, 1:11 PM

#

is2511, reminder(s) from: neomothdev - make chatis display name paints hehe (10h, 55m ago)

pearl ore Aug 20, 2024, 1:11 PM

#

@zinc aspen 🖕

vagrant lion Aug 20, 2024, 1:12 PM

#

yeah if u meant display name

#

need to relog on 7tv to update new twitch name

pearl ore Aug 20, 2024, 1:13 PM

#

vagrant lion yeah if u meant display name

Nope, the actual Twitch username I think

#

You can see the display_name is mostly cut out on the screenshots, but still changes too, yeah. But the main change is the username

zinc aspen Aug 20, 2024, 3:16 PM

#

pearl ore <@1134602054288015380> 🖕

my bad forgot it does that already, was chatting on mobile after changing paint and apparently it wont update the paint until i chat on the actual website with 7tv installed

#

so when i looked at chatis my paint wasnt showing

pearl ore Aug 20, 2024, 3:17 PM

#

zinc aspen my bad forgot it does that already, was chatting on mobile after changing paint ...

It only loads the paint after first message and doesn't retroactively apply it to previous messages. Don't think about why too much

zinc aspen Aug 20, 2024, 3:17 PM

#

correction: only loads paint after first message on a browser with 7tv installed

#

not after first message in general

pearl ore Aug 20, 2024, 3:17 PM

#

zinc aspen correction: only loads paint after first message on a browser with 7tv installed

That should be false 🤔

zinc aspen Aug 20, 2024, 3:17 PM

#

well idk how to explain it then

topaz crown Aug 20, 2024, 3:17 PM

#

you need to send your presence

#

extension/chatterino sends presence request

pearl ore Aug 20, 2024, 3:18 PM

#

topaz crown you need to send your presence

Sending a message is not enough? That's cringe

topaz crown Aug 20, 2024, 3:18 PM

#

chatsen doesn't

zinc aspen Aug 20, 2024, 3:18 PM

#

clearly frosty doesnt either

#

Shrugeg

topaz crown Aug 20, 2024, 3:18 PM

#

you could use zonian's or my bot to update presence if you're on mobile

pearl ore Aug 20, 2024, 3:18 PM

#

The problem is not on my end weestHapps

zinc aspen Aug 20, 2024, 3:19 PM

#

topaz crown you could use zonian's or my bot to update presence if you're on mobile

how about i just eat your flesh

topaz crown Aug 20, 2024, 3:19 PM

#

pearl ore The problem is not on my end <:weestHapps:1159341923438428190>

hesRight

zinc aspen Aug 20, 2024, 3:19 PM

#

Feast

topaz crown Aug 20, 2024, 3:19 PM

#

zinc aspen how about i just eat your flesh

hashta109Scared

zinc aspen Aug 20, 2024, 3:19 PM

#

yummy potato.....

frosty bronze Aug 20, 2024, 4:53 PM

#

what about after being baked or fried? OkaygeClap

topaz crown Aug 20, 2024, 10:10 PM

#

frosty bronze what about after being baked or fried? <a:OkaygeClap:1002682290926800957>

😳

plush kayak Aug 20, 2024, 11:03 PM

#

topaz crown 😳

hey ry

pulsar iris Aug 20, 2024, 11:07 PM

#

@plush kayak nice name

topaz crown Aug 21, 2024, 12:00 AM

#

plush kayak hey ry

https://media.discordapp.net/attachments/640447181169360899/1179429898100691014/out.gif

sullen edge Aug 21, 2024, 10:34 PM

#

@lone marsh @topaz crown ryan help pls catAsk

#

i am being asked dev questions and i have no clues

topaz crown Aug 21, 2024, 10:35 PM

#

the user query can return the paint id

#

but there is a seperate query to get the paint information/stops/shadows/image

#

im not sure the REST api even returns paint id

#

it doesn't

sullen edge Aug 21, 2024, 10:49 PM

#

@rigid narwhal @rugged perch might have found something on broken gifs

rigid narwhal Aug 21, 2024, 10:50 PM

#

PauseMan

rugged perch Aug 21, 2024, 10:50 PM

#

PauseMan

#

do I post it here? Pfftt

plush kayak Aug 21, 2024, 10:52 PM

#

rugged perch do I post it here? <a:Pfftt:1267559557572333600>

post it under there

rigid narwhal Aug 21, 2024, 10:53 PM

#

rugged perch do I post it here? <a:Pfftt:1267559557572333600>

PauseMan yes

rugged perch Aug 21, 2024, 10:53 PM

#

Ok well

#

looking up the webp info and comparing it will be useless

#

Since it's 2 different structures

#

But comparing the " working " gif and the " broken " gif

#

#

Working gif had a ton of info ( since it has been edited with seems like adobe

#

#

Old one has less info for sure

#

But what I want to focus on here is

#

Has Color Map
Transparent Color
Bits Per Pixel
Frame Count

#

Frame count on the old one is 57, new one is 42 ( don't know if that would be an issue anyway )

#

Color Map on the broken one doesn't exsist, Unlike the Working one

#

and I don't know why would the Transparent Color be 0 on the broken one, and on the new one is 255 ?

#

And I don't know if Bits Per Pixel Matter on your uploading structure on 7TV

#

But so far that's what I got

rigid narwhal Aug 21, 2024, 10:56 PM

#

forsenHmm damn, ok, that's super useful information

rugged perch Aug 21, 2024, 10:57 PM

#

It could be the Transparent Color

#

but don't know if frame count matter, Since you can manually cut frames on the broken one yet it works

#

Unless I test it out.

sullen edge Aug 21, 2024, 10:57 PM

#

i think frame count doesnt matter, we have gifs with more frames than that

#

pspHmm

rigid narwhal Aug 21, 2024, 10:57 PM

#

I did use Premiere back then to fix the broken gif, but unfortunately don't remember my settings or anything

#

frame count I also doubt

#

the also working one I created yesterday through EZ Gif I think has same frame count as the broken one

rugged perch Aug 21, 2024, 10:59 PM

#

so what I'm going to try to do is

Edit the 3 vaues i'm sus about, And see if they can be uploadable after

rigid narwhal Aug 21, 2024, 10:59 PM

#

if it helps here is another working version

#

I put that one through EZ Gif yesterday and let it optimize it with the lowest possible value

plush kayak Aug 21, 2024, 11:00 PM

#

rigid narwhal I put that one through EZ Gif yesterday and let it optimize it with the lowest p...

CHASE ➡️ CHA

rigid narwhal Aug 21, 2024, 11:02 PM

#

plush kayak <a:CHASE:1264749716063785051> ➡️ <a:CHA:1264951962575704228>

LELU yea, I also tried to change nothing, just upload and download, but that didn't help, it was still not uploadable after that. So I had to adjsut something slightly

#

docHmm it would probably be interesting what the original creator used to create that gif

#

Maybe they are still on the server, let me check

#

they are PagMan

rugged perch Aug 21, 2024, 11:09 PM

#

as expected, It's the transparent color

rigid narwhal Aug 21, 2024, 11:10 PM

#

docHmm huh, interesting

rugged perch Aug 21, 2024, 11:10 PM

#

not confirmed yet

#

My code made it a gif but it's in an img

rigid narwhal Aug 21, 2024, 11:12 PM

#

I guess the transparent color must probably be automatically set by the software, because I don't think there is a setting anywhere to set this value

rugged perch Aug 21, 2024, 11:12 PM

#

yea sometimes usiong PIL in pythoin gives an error that it has a None Palette, So getting the Palette using PIL again gives a error which means incomplete or corrup[ted gif

rigid narwhal Aug 21, 2024, 11:16 PM

#

pepeW I unfortunately have to go to bed since it's already 1am here, but I'd appreciate if you just share any findings you get in here. Tomorrow I can assist with finding the problem again as well

#

DonkHug thank you for you help @rugged perch

rugged perch Aug 21, 2024, 11:17 PM

#

No problem at all, I found the main issue and now trying alternative fixes to see what could be the actual problem

#

Goodnight legend hugsmiley

misty olive Aug 21, 2024, 11:18 PM

#

ftk pspL

rugged perch Aug 21, 2024, 11:19 PM

#

@misty olive catKiss

#

#

Yes I can fully confirm it's one of those 3 values:

Has Color Map
Transparent Color
Bits Per Pixel

and MOST LIKELY

Transparent Color

#

#

yea unscreen fixes it by making the frames overlaps ( draws last frame in the next frame )

#

I think I'm wrong? I uploaded the unscreen version and it worked ( with the overlapping frames ), But checking the meta data, the only value that changed is the Color Resolution Depth
broken was 8 and fixed is 1 which matches with Bits Per Pixel's value

#

yea I think I'm wrong, it seems like fixed ones have the Bits Per Pixel and Color Resolution Depthand Has Color Map different, the Transparent Color remained the same on some gif's.

lone marsh Aug 21, 2024, 11:28 PM

#

sullen edge <@703639905691238490> <@541856065310949387> ryan help pls <a:catAsk:126679879831...

xdd

rugged perch Aug 21, 2024, 11:45 PM

#

rigid narwhal if it helps here is another working version

#

So transparent Color changed there, And the Bits Per Pixel changed

#

So I guess we know where to look now pspHappy

paper token Aug 22, 2024, 1:56 AM

#

For gifs at least but what about avif?

rugged perch Aug 22, 2024, 2:13 AM

#

I can try and convert this gif to avif

#

well converting to AVIF works, And the data it spits is simmilar to mp4 basically

#

Meaning it's completly different to GIF's meta data ( Which is the where the issue is )

paper token Aug 22, 2024, 3:03 AM

#

rugged perch Meaning it's completly different to GIF's meta data ( Which is the where the iss...

well yes, but avifs haven't been uploading for me

#

at least ones created with ffmpeg piped into avifenc

#

@rugged perch

#

uploading this to 7tv doesn't work

rigid narwhal Aug 22, 2024, 8:14 AM

#

rugged perch yea I think I'm wrong, it seems like fixed ones have the `Bits Per Pixel` and `C...

LELU I know that feeling. I tried to change the bit depths 2 days ago and it constantly changed to some completely different value than what I set it to

#

forsenHmm I'm unfortunately barely worked with avif, so I'm no expert there, but I imagine they probably have similar attributes to gifs?

#

Definitely gonna try to play around with the gifs after work today

rugged perch Aug 22, 2024, 1:50 PM

#

Ok well we at least know the issue in the GIF

rugged perch Aug 22, 2024, 1:50 PM

#

paper token <@817064857769082890>

I'll test this now

rugged perch Aug 22, 2024, 1:53 PM

#

paper token <@817064857769082890>

this one is corrupted

#

the Average Bitrate on that is 0 according to it's meta data

#

Avg Bitrate : 0 bps

paper token Aug 22, 2024, 1:54 PM

#

meta data shouldn't prevent it from being converted though, no?

#

browsers can play it just fine

rugged perch Aug 22, 2024, 1:54 PM

#

they can play it

#

But 7TV uploader has some set of rules I assume

#

( or whatever package/method you guys use to convert gifs/AVIF's to webp etc... )

#

yea the bitrate being 0 breaks it in the 7TV Uploader

#

Converting the AVIF to AVIF using CloudConvert , It works now

#

Track Duration : 7116799411153 days 9:02:08 Pfftt

#

This is your AVIF duration

paper token Aug 22, 2024, 1:59 PM

#

how come browsers play it just fine?

rugged perch Aug 22, 2024, 1:59 PM

#

I don't think browsers care about the meta data

#

Unlike 7TV's uploader

#

Maybe there's some specific structure 7TV Uploader follows

rigid narwhal Aug 22, 2024, 2:00 PM

#

I guess it must be something in the image processor of 7TV

rugged perch Aug 22, 2024, 2:00 PM

#

yes

paper token Aug 22, 2024, 2:00 PM

#

rugged perch Maybe there's some specific structure 7TV Uploader follows

it's on github if you want to look

rugged perch Aug 22, 2024, 2:00 PM

#

correct

#

Where?

#

how can I find it?

paper token Aug 22, 2024, 2:00 PM

#

https://github.com/SevenTV/image-processor

GitHub

GitHub - SevenTV/image-processor: The image processor which handles...

The image processor which handles emote uploads. Contribute to SevenTV/image-processor development by creating an account on GitHub.

#

I think this

rugged perch Aug 22, 2024, 2:00 PM

#

I might look and see what could prevent such issues and why would it give that error into those 2 specific GIF and AVIF

#

the same one? ( even though it's an archive ) ?

paper token Aug 22, 2024, 2:01 PM

#

 If neither duration nor timescale are set, avifenc will attempt to use the framerate stored in a y4m header, if present.```

#

I'm not specifying either to avifenc

#

it seems to get it from ffmpeg just fine

#

but maybe that's part of the problem

#

avif isn't writing metadata for implicit framerates

#

which could explain the weird duration

rugged perch Aug 22, 2024, 2:02 PM

#

https://github.com/SevenTV/image-processor/blob/dev/go/internal/image_processor/task.go

paper token Aug 22, 2024, 2:02 PM

#

and the 0 bitrate as a result

rugged perch Aug 22, 2024, 2:02 PM

#

Hmm

#

can't access files?

#

maybe wrong format

#

yea the documetnation leads to non-exsistant files sorry

paper token Aug 22, 2024, 2:03 PM

#

Could've moved somewhere else

#

I don't keep up with this side of things

#

let me try making a new avif tho

#

the only reason I'm piping into avifenc to make them is because ffmpeg can't natively make avifs with alpha

#

(or at least couldn't the last time I checked)

rugged perch Aug 22, 2024, 2:06 PM

#

#

Well 7TV API just returns null

#

even though it returns the emote ID, but it's not exsistant on the cdn meaning the image processor had an error mid-way

rugged perch Aug 22, 2024, 2:07 PM

#

paper token let me try making a new avif tho

try it out

#

lemme compare the data and see what's different ( if it works on image processor first )

#

yea wtf...

#

#

#

So I'm guessing for GIF's they use ffprobe to get the GIF's information

#

using that manuially on broken/fixed GIF:

Fixed: 228,128,42
Broken: 228,128,57

#

the last value is the number of packets from that "video" stream or something

#

nmvm it's the frame count basically xdd

#

I still don't know what's the issue inside the image processor of 7TV thinking

rigid narwhal Aug 22, 2024, 2:39 PM

#

I think at this point we can also inform Troy and Lennart in here about the findings, they should probably have an idea, what the issue inside the image processor could be

rugged perch Aug 22, 2024, 2:39 PM

#

yea they can check the logs maybe and do a local test and see what goes on

#

FeelsOkayMan

sullen edge Aug 22, 2024, 2:41 PM

#

ftk chris anson GOAT

rigid narwhal Aug 22, 2024, 2:43 PM

#

@south flare @sudden gust lots of new insights in here regarding problems with the image upload/processing by @rugged perch. Maybe you have an idea what could be going on with the image processor in these cases

rugged perch Aug 22, 2024, 2:44 PM

#

rugged perch Yes I can fully confirm it's one of those 3 values: - Has Color Map - Transparen...

this part will be the most important on testing for you guys ⏫ .

misty olive Aug 22, 2024, 2:44 PM

#

rugged perch this part will be the most important on testing for you guys ⏫ .

give this man contributor too

#

https://tenor.com/view/star-citizen-aurora-get-this-man-an-aurora-get-this-man-a-shield-spaceship-gif-13229558

Tenor

rugged perch Aug 22, 2024, 2:45 PM

#

owo

#

I didn't do much

rigid narwhal Aug 22, 2024, 2:48 PM

#

rugged perch I didn't do much

FeelsOkayMan you did. Without you we would have probably just accepted at some point that some images/gifs are broken without analyzing further

south flare Aug 22, 2024, 2:50 PM

#

rigid narwhal <@383195095610163200> <@285406838348972042> lots of new insights in here regardi...

@sudden gust can u just try whatever image they are failing with on the new image processor and see if this problem is actually something worth investigating

rugged perch Aug 22, 2024, 2:50 PM

#

rigid narwhal <:FeelsOkayMan:1057372397289885797> you did. Without you we would have probably ...

I only do whatever that can help in any chance that involves development/coding or techinical stuff

#

pspHappie

south flare Aug 22, 2024, 2:51 PM

#

we chnaged the image processor a lot

rugged perch Aug 22, 2024, 2:51 PM

#

Oh you guys have a new one, Makes sesne

south flare Aug 22, 2024, 2:51 PM

#

we no longer use ffprobe

sudden gust Aug 22, 2024, 2:51 PM

#

south flare <@285406838348972042> can u just try whatever image they are failing with on the...

I can't do it right now, not home

rugged perch Aug 22, 2024, 2:52 PM

#

ok well can you try one of the broken gifs on your side and check the new image processing logs of what it gives? Cuz it fails

south flare Aug 22, 2024, 2:52 PM

#

can u send a broken image again ill try it rn

rugged perch Aug 22, 2024, 2:52 PM

#

yes

#

this is a GIF

#

and this is the AVIF

#

south flare Aug 22, 2024, 2:52 PM

#

both fail?

rugged perch Aug 22, 2024, 2:52 PM

#

yes

south flare Aug 22, 2024, 2:52 PM

#

oka

rugged perch Aug 22, 2024, 2:53 PM

#

and after exploring, 3 values on the gif itself could interfere with the new image processor

#

Yes I can fully confirm it's one of those 3 values:

Has Color Map

Transparent Color

Bits Per Pixel

and MOST LIKELY

Transparent Color

rugged perch Aug 22, 2024, 2:53 PM

#

rugged perch > Yes I can fully confirm it's one of those 3 values: > - Has Color Map > - Tran...

This only applies to GIF's

#

oh sorry and:
Color Resolution Depth,

south flare Aug 22, 2024, 3:06 PM

#

📎 output.json

#

processing the gif u supplied works fine

#

avif failed

#

{"id":"66c7543b995a0b878d43bd5b","timestamp":"1724339260","fail":{"error":{"message":"encoder: avif: encode color failed","code":"ErrorCodeEncode"}}}

rugged perch Aug 22, 2024, 3:11 PM

#

south flare

Front-end says " this emote is no longer available "

south flare Aug 22, 2024, 3:11 PM

#

the current website does not use the new processor

rugged perch Aug 22, 2024, 3:11 PM

#

#

Ohh I see

south flare Aug 22, 2024, 3:11 PM

#

the avif is interesting i am looking at it

#

whats the bitdepth on that image

rugged perch Aug 22, 2024, 3:11 PM

#

so the AVIF has come ecnoding color error?

#

AVIF? Lemme check

#

Image Pixel Depth : 8 8 8

#

this?

#

maybe these can help:

Color Primaries                 : BT.709```

south flare Aug 22, 2024, 3:13 PM

#

can u show the full stats

rugged perch Aug 22, 2024, 3:13 PM

#

yes

south flare Aug 22, 2024, 3:13 PM

#

thanks

rugged perch Aug 22, 2024, 3:13 PM

#

📎 message.txt

#

I don't understand the Avr Bitrate being 0 though

south flare Aug 22, 2024, 3:14 PM

#

sec

#

rugged perch Aug 22, 2024, 3:16 PM

#

So Color Primaries is correct...

south flare Aug 22, 2024, 3:16 PM

#

im trying to see if its an issue with libavif or us

rugged perch Aug 22, 2024, 3:16 PM

#

it could be libavif though since online websites can process the file and execute it fine...

south flare Aug 22, 2024, 3:21 PM

#

📎 08-22-2024-11-21-13_files_list.zip

#

this is what it made with avif encoding disabled

#

something is wrong with either libavif encoder or our impl

rugged perch Aug 22, 2024, 3:21 PM

#

want me to check the data of each one of these?

south flare Aug 22, 2024, 3:21 PM

#

nah just check they look fine

#

and that the timings are correct

#

{"id":"66c7574435b1cfad7f1a37a4","timestamp":"1724340037","success":{"drive":"seventv-cdn","files":[{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/32x10_static.png"},"contentType":"image/png","width":32,"height":10,"frameCount":1,"size":724,"format":"PngStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/64x20_static.png"},"contentType":"image/png","width":64,"height":20,"frameCount":1,"size":1583,"format":"PngStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/96x30_static.png"},"contentType":"image/png","width":96,"height":30,"frameCount":1,"size":2757,"format":"PngStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/128x40_static.png"},"contentType":"image/png","width":128,"height":40,"frameCount":1,"size":4217,"format":"PngStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/32x10_static.webp"},"contentType":"image/webp","width":32,"height":10,"frameCount":1,"size":138,"format":"WebpStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/64x20_static.webp"},"contentType":"image/webp","width":64,"height":20,"frameCount":1,"size":202,"format":"WebpStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/96x30_static.webp"},"contentType":"image/webp","width":96,"height":30,"frameCount":1,"size":206,"format":"WebpStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/128x40_static.webp"},"contentType":"image/webp","width":128,"height":40,"frameCount":1,"size":262,"format":"WebpStatic","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/32x10.webp"},"contentType":"image/webp","width":32,"height":10,"frameCount":150,"durationMs":4918,"size":21416,"loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/64x20.webp"},"contentType":"image/webp","width":64,"height":20,"frameCount":150,"durationMs":4918,"size":37296,"loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/96x30.webp"},"contentType":"image/webp","width":96,"height":30,"frameCount":150,"durationMs":4918,"size":39674,"loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/128x40.webp"},"contentType":"image/webp","width":128,"height":40,"frameCount":150,"durationMs":4918,"size":47820,"loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/32x10.gif"},"contentType":"image/gif","width":32,"height":10,"frameCount":150,"durationMs":4918,"size":57292,"format":"GifAnim","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/64x20.gif"},"contentType":"image/gif","width":64,"height":20,"frameCount":150,"durationMs":4918,"size":178999,"format":"GifAnim","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/96x30.gif"},"contentType":"image/gif","width":96,"height":30,"frameCount":150,"durationMs":4918,"size":244961,"format":"GifAnim","loopCount":-1},{"path":{"drive":"seventv-cdn","path":"66c7574435b1cfad7f1a37a4/128x40.gif"},"contentType":"image/gif","width":128,"height":40,"frameCount":150,"durationMs":4918,"size":320259,"format":"GifAnim","loopCount":-1}],"inputMetadata":{"path":{"drive":"seventv-cdn-private","path":"66c7574435b1cfad7f1a37a4"},"contentType":"image/avif-sequence","width":768,"height":256,"frameCount":150,"durationMs":5000,"size":22220,"loopCount":-1}}}

#

was the payload result

rugged perch Aug 22, 2024, 3:22 PM

#

So...

#

Something on your end?

south flare Aug 22, 2024, 3:22 PM

#

still not clear

#

something wrong in the AVIF encoding section

rugged perch Aug 22, 2024, 3:23 PM

#

Try to local test your AVIF encoder locally

south flare Aug 22, 2024, 3:23 PM

#

unsure if its our impl or libavif

#

are the images correct?

rugged perch Aug 22, 2024, 3:24 PM

#

they all work

#

Although animated webp versions have some weird artifact on the colors

#

could be heavy comrpession

#

This one specifically, You can see the compression on that

sullen edge Aug 22, 2024, 3:25 PM

#

rugged perch Aug 22, 2024, 3:25 PM

#

Nice even discord can't process it? Pfftt

sullen edge Aug 22, 2024, 3:25 PM

#

yea

rugged perch Aug 22, 2024, 3:25 PM

#

No wayyy

south flare Aug 22, 2024, 3:25 PM

#

its not embedding

rugged perch Aug 22, 2024, 3:25 PM

#

south flare Aug 22, 2024, 3:25 PM

#

it failed to upload

rugged perch Aug 22, 2024, 3:25 PM

#

Yea even discord

sullen edge Aug 22, 2024, 3:25 PM

#

in brwoser also

rugged perch Aug 22, 2024, 3:25 PM

#

interesting

stuck oasis Aug 22, 2024, 3:25 PM

#

Pfftt

rugged perch Aug 22, 2024, 3:25 PM

#

lemme probe that

south flare Aug 22, 2024, 3:25 PM

#

#

i see

rugged perch Aug 22, 2024, 3:25 PM

#

yep that's what i Mean

south flare Aug 22, 2024, 3:26 PM

#

we havent tuned it correctly it seems

rugged perch Aug 22, 2024, 3:26 PM

#

umm

#

Background Color : 0 0 0 0

#

is this normal? since no transparency

south flare Aug 22, 2024, 3:27 PM

#

r g b a

#

for which one is this

rugged perch Aug 22, 2024, 3:27 PM

#

yea probing it doesn't give any odd values

south flare Aug 22, 2024, 3:27 PM

#

is this the webp?

rugged perch Aug 22, 2024, 3:27 PM

#

yes

#

#

This is gif

#

works with discord

#

and no artifacts

south flare Aug 22, 2024, 3:28 PM

#

discord does not work with animated webp

rugged perch Aug 22, 2024, 3:28 PM

#

oh really?

south flare Aug 22, 2024, 3:28 PM

#

yes

rugged perch Aug 22, 2024, 3:28 PM

#

yea you're right

#

ok well the artifacts on that webP is bad regardless of discord issue

paper token Aug 22, 2024, 3:37 PM

#

rugged perch try it out

ok so turns out that I actually WAS specifying the fps to avifenc

sullen edge Aug 22, 2024, 3:38 PM

#

@rigid narwhal so the issue with pngs was bit depth right? different from gif/avif?

paper token Aug 22, 2024, 3:39 PM

#

south flare

classic webp "compression"

#

It doesn't like soft moving edges. Hard edges don't have as much of a problem, because it can detect the color change

#

but yes this is a particularly poignant example of how bad webp can look after going through 7tv

rugged perch Aug 22, 2024, 3:41 PM

#

But it shouldn't be this bad though

#

usually on the current image processor it should be okay

#

Also why does it fail on the new image processor, that's the real question

paper token Aug 22, 2024, 3:46 PM

#

ok so

#

omitting the --fps flag for avifenc makes avifs that DO work

#

does the image processor still snap the fps to gif timings?

rugged perch Aug 22, 2024, 3:47 PM

#

so without passing the --fps flag, What's the default fps

#

;lemme check that

#

send me the AVIF that works

paper token Aug 22, 2024, 3:48 PM

#

after 7tv takes 2 years to process the emote, it ends up being twice as large

#

which is weird and ick

rugged perch Aug 22, 2024, 3:48 PM

#

make 2 copies of that AVIF, 1 with the fps flag, And 1 without

#

lemme compare them

paper token Aug 22, 2024, 3:48 PM

#

way ahead of you

rugged perch Aug 22, 2024, 3:48 PM

#

amazing

paper token Aug 22, 2024, 3:48 PM

#

that's what I did

#

the fps one fails

rugged perch Aug 22, 2024, 3:49 PM

#

paper token

this one without the --fps flag correct?

paper token Aug 22, 2024, 3:49 PM

#

the one with "FPS" in the name is the one that passed the fps flag

#

maybe if I omitted the fps flag from ffmpeg, and ONLY passed it to avifenc, it would also work

#

I can try

rugged perch Aug 22, 2024, 3:50 PM

#

paper token

so this one if broken on 7TV?

paper token Aug 22, 2024, 3:50 PM

#

rugged perch so this one if broken on 7TV?

no, the one WITH the fps flag is the one that's broken

rugged perch Aug 22, 2024, 3:50 PM

#

ok

paper token Aug 22, 2024, 3:50 PM

#

possibly because it has 2 fps flags

#

ffmpeg is passing its fps info to avifenc

#

but ideally the avifenc flag should override it

#

(expected behavior)

rugged perch Aug 22, 2024, 3:51 PM

#

So the MothyFPS one gives this:
Time Scale : 30

#

Unlike the other oine which gives 25

paper token Aug 22, 2024, 3:51 PM

#

that's weird

#

I used 30 for both

rugged perch Aug 22, 2024, 3:51 PM

#

apperantly not?

#

MothSanityCheck.avif is longer than MothFPS.avif

paper token Aug 22, 2024, 3:52 PM

#

so 25 fps is the default fps

rugged perch Aug 22, 2024, 3:52 PM

#

📎 message.txt

#

which one of these that fails?

paper token Aug 22, 2024, 3:53 PM

#

FPS

#

not sanity check

rugged perch Aug 22, 2024, 3:53 PM

#

so ther FPS one is shorter, Yet the media scale is 30

#

unlike SanityCheck which has 25

#

and longer by 1 second

#

the other values are pretty much the same

#

so it's fps?

paper token Aug 22, 2024, 3:55 PM

#

checking a few more things

rigid narwhal Aug 22, 2024, 3:55 PM

#

sullen edge <@157199528674459648> so the issue with pngs was bit depth right? different from...

It at least seemed so, yes

paper token Aug 22, 2024, 3:58 PM

#

rugged perch

how are you viewing the time scale?

#

7tv website being frustrating 😂

rugged perch Aug 22, 2024, 3:59 PM

#

ExifTool

#

most of the time it's helpful

paper token Aug 22, 2024, 4:00 PM

#

which one?

#

there appear to be multiple by that name

#

@rugged perch

#

check this one

rugged perch Aug 22, 2024, 4:01 PM

#

Time Scale : 100

#

100 fps?

#

idk if that's 100 fps

#

but timeScale is 100 so i guess it is ? 4Shrug

paper token Aug 22, 2024, 4:03 PM

#

https://7tv.app/emotes/66c7604e176d823265a4f068

7TV.APP - It's like a third party thing

33_ffmpeg_-r_only by AnsonX10 (0 Channels)

uploaded by AnsonX10

rotund pivot Aug 22, 2024, 4:03 PM

#

https://tenor.com/view/1984-gif-19260546

Tenor

#

no dark colors

paper token Aug 22, 2024, 4:03 PM

#

apparently no avif was able to be generated for that

#

but gif and webp did

rugged perch Aug 22, 2024, 4:05 PM

#

interesting . . . I wonder why

#

idk if fps would be the issue 4Shrug

rotund pivot Aug 22, 2024, 4:07 PM

#

just make all the emotes mp4

#

with a button to play them

paper token Aug 22, 2024, 4:07 PM

#

oh nevermind the avif did generate, but it just wasn't ready as early as the webp

paper token Aug 22, 2024, 4:08 PM

#

rotund pivot with a button to play them

you wouldn't even need a button

#

it can be done properly

rotund pivot Aug 22, 2024, 4:08 PM

#

nah the button has to stay

#

for comedic effect

paper token Aug 22, 2024, 4:08 PM

#

but mp4 just means h.264 generally, which is less efficient than avif for this application

#

@rugged perch ok so the "ffmpeg -r only" one was actually still specifying fps to both ffmpeg and avifenc

south flare Aug 22, 2024, 4:15 PM

#

i dont understand

rugged perch Aug 22, 2024, 4:17 PM

#

so could it be the fps?

south flare Aug 22, 2024, 4:17 PM

#

[image-processor/src/worker/process/encoder/libwebp.rs:57:3] &config = WebPConfig {
    lossless: 1,
    quality: 100.0,
    method: 6,
    image_hint: 0,
    target_size: 0,
    target_PSNR: 0.0,
    segments: 4,
    sns_strength: 50,
    filter_strength: 60,
    filter_sharpness: 0,
    filter_type: 1,
    autofilter: 0,
    alpha_compression: 1,
    alpha_filtering: 2,
    alpha_quality: 100,
    pass: 100,
    show_compressed: 0,
    preprocessing: 1,
    partitions: 0,
    partition_limit: 0,
    emulate_jpeg_size: 0,
    thread_level: 1,
    low_memory: 0,
    near_lossless: 100,
    exact: 1,
    use_delta_palette: 0,
    use_sharp_yuv: 0,
    qmin: 0,
    qmax: 100,
}

rugged perch Aug 22, 2024, 4:17 PM

#

I'm not sure as well

south flare Aug 22, 2024, 4:17 PM

#

this is the config we use for the webp encoding

rugged perch Aug 22, 2024, 4:17 PM

#

I see no problem in that

#

thinking

#

but I don't see you guys defining any type of fps

south flare Aug 22, 2024, 4:18 PM

#

because fps isnt a thing

rugged perch Aug 22, 2024, 4:18 PM

#

do you detect the fps for the AVIF files? And extract frames?

south flare Aug 22, 2024, 4:18 PM

#

fps isnt a thing

#

fps is a way we look at images

#

but in reality each frame has a duration

rugged perch Aug 22, 2024, 4:18 PM

#

Media time then?

south flare Aug 22, 2024, 4:18 PM

#

its more like a slide show

#

where each frame is shown for a specific duration

#

and fps is the average of that

rugged perch Aug 22, 2024, 4:19 PM

#

well yea I understand that. But then why does it fail to be processed on your end? no error logs from the libavif at least?

south flare Aug 22, 2024, 4:19 PM

#

this is webp

#

ill look at avif later

rugged perch Aug 22, 2024, 4:20 PM

#

oh you're fixing the compression artifact I'm guessing

south flare Aug 22, 2024, 4:21 PM

#

yes

paper token Aug 22, 2024, 4:25 PM

#

south flare ``` [image-processor/src/worker/process/encoder/libwebp.rs:57:3] &config = WebPC...

lossless = 1?

#

no shot

rugged perch Aug 22, 2024, 4:25 PM

#

isn't that good?

#

you want a lossy webp?

paper token Aug 22, 2024, 4:26 PM

#

lossless webps are massive

#

and they don't have any visual artifacts

#

(because they're lossless)

rugged perch Aug 22, 2024, 4:26 PM

#

well yea even with loseless = 1 config, It get's artifacts still

#

that's the issue I think

paper token Aug 22, 2024, 4:27 PM

#

it's clearly not lossless

rotund pivot Aug 22, 2024, 4:27 PM

#

paper token (because they're lossless)

~~:.|:;~~

paper token Aug 22, 2024, 4:28 PM

#

my guess would be that the lossless setting is being overridden by all the lossy parameters being specified

south flare Aug 22, 2024, 4:28 PM

#

i set the thing to lossless to test

paper token Aug 22, 2024, 4:29 PM

#

new information unveiled!

#

so specifying the fps/rate to

avif = extremely long duration with exiftool, and 7tv fails to process, but plays at expected speed in browser
ffmpeg = defaults to 25 fps
both = correct frame rate

south flare Aug 22, 2024, 4:36 PM

#

but

#

i am almost sure this is a libwebp bug

rugged perch Aug 22, 2024, 4:39 PM

#

static right?

#

expected, Tried it yesterday

south flare Aug 22, 2024, 4:39 PM

#

discord does not embed

#

open it in the browser

rugged perch Aug 22, 2024, 4:40 PM

#

oh ok nvm

#

but this is better than the old artifact compression

#

wayy better

#

report it to libwebp then pspHappy

paper token Aug 22, 2024, 4:41 PM

#

this is a tiny version though

south flare Aug 22, 2024, 4:41 PM

#

this is lossless

paper token Aug 22, 2024, 4:41 PM

#

which is less affected by the artifacts in question

south flare Aug 22, 2024, 4:41 PM

#

and every single frame is a keyframe

#

when i do lossless without every frame being a keyframe we get artifacts

#

this is 100% a libwebp bug

paper token Aug 22, 2024, 4:42 PM

#

hmm

south flare Aug 22, 2024, 4:42 PM

#

https://github.com/webmproject/libwebp/blob/233e86b91f4e0af7833d50013e3b978f825f73f5/src/webp/mux.h#L439

GitHub

libwebp/src/webp/mux.h at 233e86b91f4e0af7833d50013e3b978f825f73f5 ...

Mirror only. Please do not send pull requests. See https://chromium.googlesource.com/webm/libwebp/+/HEAD/CONTRIBUTING.md. - webmproject/libwebp

#

setting this value to 1 solves the issue

paper token Aug 22, 2024, 4:43 PM

#

which value?

south flare Aug 22, 2024, 4:43 PM

#

the value on the line i linked

#

kmax

paper token Aug 22, 2024, 4:43 PM

#

ah

#

it didn't take me to a line

#

well yes I would expect that to fix it, but the files will also be much bigger

south flare Aug 22, 2024, 4:44 PM

#

this is a libwebp issue

paper token Aug 22, 2024, 4:44 PM

#

I'm not sure about that

#

it might be something that is tuned poorly, but I think it's functioning as intended

#

webp is meant for much larger images

#

emotes are not a good use case for them

#

and paints with moving soft edges are the worst case

#

avif handles them like a champ though

south flare Aug 22, 2024, 4:46 PM

#

our settings are

anim.allowed_mixed = 1;
anim.kmax = 1; // fixes the bug but makes much bigger files.

picture.use_argb = 1;

config.lossless = 1; // doesnt matter;
config.quality = 100; // doesnt seem to matter with the bug;
config.method = 6; // doesnt seem to matter witht he bug.
config.thread_level = 1; // doesnt seem to matter with the bug.

paper token Aug 22, 2024, 4:46 PM

#

I assume "method" is "compression level"

south flare Aug 22, 2024, 4:46 PM

#

actually

paper token Aug 22, 2024, 4:46 PM

#

since they both max out at 6

south flare Aug 22, 2024, 4:47 PM

#

https://github.com/webmproject/libwebp/blob/233e86b91f4e0af7833d50013e3b978f825f73f5/src/webp/encode.h#L102

GitHub

libwebp/src/webp/encode.h at 233e86b91f4e0af7833d50013e3b978f825f73...

Mirror only. Please do not send pull requests. See https://chromium.googlesource.com/webm/libwebp/+/HEAD/CONTRIBUTING.md. - webmproject/libwebp

#

no method is method

zinc aspen Aug 22, 2024, 4:47 PM

#

south flare our settings are ``` anim.allowed_mixed = 1; anim.kmax = 1; // fixes the bug but...

explain what these values actually mean

south flare Aug 22, 2024, 4:47 PM

#

https://github.com/webmproject/libwebp/blob/233e86b91f4e0af7833d50013e3b978f825f73f5/src/webp/encode.h#L95

GitHub

libwebp/src/webp/encode.h at 233e86b91f4e0af7833d50013e3b978f825f73...

Mirror only. Please do not send pull requests. See https://chromium.googlesource.com/webm/libwebp/+/HEAD/CONTRIBUTING.md. - webmproject/libwebp

paper token Aug 22, 2024, 4:47 PM

#

setting kmax to like 5 should also reduce the severity of the artifacts without TOO drastically increasing file size

south flare Aug 22, 2024, 4:47 PM

#

actually

zinc aspen Aug 22, 2024, 4:47 PM

#

zinc aspen explain what these values actually mean

no i mean the values assigned to them

south flare Aug 22, 2024, 4:47 PM

#

setting kmax to 1 in that image

#

causes it to be smaller

#

than if i set it to 5

paper token Aug 22, 2024, 4:48 PM

#

that's very weird

#

what about 2

zinc aspen Aug 22, 2024, 4:48 PM

#

set it to 200 this will totally work !
Clueless

paper token Aug 22, 2024, 4:49 PM

#

maybe it's not working like typical keyframes

south flare Aug 22, 2024, 4:50 PM

#

infact

#

📎 webp.zip

#

here

paper token Aug 22, 2024, 4:50 PM

#

"contains errors" maaaaan

south flare Aug 22, 2024, 4:51 PM

#

it seems libwebp is making bad images

zinc aspen Aug 22, 2024, 4:51 PM

#

computer opens it in krita

south flare Aug 22, 2024, 4:51 PM

#

this is a libwebp bug for sure

zinc aspen Aug 22, 2024, 4:51 PM

#

south flare it seems libwebp is making bad images

so what you need a new library or

#

FeelsDankMan

south flare Aug 22, 2024, 4:51 PM

#

xd

#

there are none

rugged perch Aug 22, 2024, 4:51 PM

#

PAUSE library makers

zinc aspen Aug 22, 2024, 4:51 PM

#

oh Dies

rugged perch Aug 22, 2024, 4:52 PM

#

7WebP

zinc aspen Aug 22, 2024, 4:52 PM

#

thats unfortunate

paper token Aug 22, 2024, 4:52 PM

#

chrome plays kmax5 but firefox says it contains errors

south flare Aug 22, 2024, 4:52 PM

#

this is kmax2

#

doesnt upload either

rugged perch Aug 22, 2024, 4:52 PM

#

yep

south flare Aug 22, 2024, 4:52 PM

#

📎 webp.zip

zinc aspen Aug 22, 2024, 4:52 PM

#

if i knew literally fucking anything about manipulating image data i'd try to make one but i dont FeelsDankMan

south flare Aug 22, 2024, 4:52 PM

#

so this is a webp bug

#

we should make an issue reporting it

zinc aspen Aug 22, 2024, 4:52 PM

#

what causes the bug exactly

south flare Aug 22, 2024, 4:52 PM

#

this image

zinc aspen Aug 22, 2024, 4:52 PM

#

oh this one in specific??

#

why the fuck lmao

#

LULE

south flare Aug 22, 2024, 4:53 PM

#

okay so im going to ignore the artifacts

#

now back to avif

zinc aspen Aug 22, 2024, 4:53 PM

#

is this for a paint or

south flare Aug 22, 2024, 4:53 PM

#

i suspect there is something special with this image

#

that causes avif to fail too

zinc aspen Aug 22, 2024, 4:54 PM

#

south flare that causes avif to fail too

wait really? uuh

#

so its not just webp that breaks

#

strange..

#

worlds most cursed fucking image ig

rugged perch Aug 22, 2024, 4:56 PM

#

south flare that causes avif to fail too

Report it to them with the broken samples

#

In the hope they respond with something

south flare Aug 22, 2024, 4:56 PM

#

they are fast when its a bug with encoding

#

because virtually everything depends on this

rugged perch Aug 22, 2024, 4:57 PM

#

hesRight

zinc aspen Aug 22, 2024, 4:57 PM

#

Mhmm i'd be SHOCKED if there wasn't a fast response

south flare Aug 22, 2024, 4:57 PM

#

avif also passes Susge

zinc aspen Aug 22, 2024, 4:57 PM

#

hmmGe

south flare Aug 22, 2024, 4:58 PM

#

Susge perhaps the docker image we have for the image processor is old

#

they might have already fixed the issue with avif

zinc aspen Aug 22, 2024, 4:58 PM

#

generate a new one..? uuh

#

just to test?

#

(tbh i have zero fucking clue how docker actually works i need to do research cuz every time i have to use docker i'm basically just winging it)

south flare Aug 22, 2024, 4:59 PM

#

xd

#

i know what it is

#

avif has a width/height multiple requirement

#

2024-08-22T17:01:16.485615995+00:00  INFO ThreadId(56) ProcessJob::process{job_id=66c76edcfe1bd0ac3bd2f145}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:115: starting job
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.width() = 32
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.height() = 10
2024-08-22T17:01:16.490963040+00:00 ERROR ThreadId(56) ProcessJob::process{job_id=66c76edcfe1bd0ac3bd2f145}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:167: failed to process job: encoder: avif: encode color failed

#

if i had to guess its multiples of 4

#

2024-08-22T17:01:16.452807214+00:00  INFO ThreadId(03) process_image:process_image: scuffle_image_processor::management: image-processor/src/management/mod.rs:33: new process image request
2024-08-22T17:01:16.485615995+00:00  INFO ThreadId(56) ProcessJob::process{job_id=66c76edcfe1bd0ac3bd2f145}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:115: starting job
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.width() = 32
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.height() = 10
2024-08-22T17:01:16.490963040+00:00 ERROR ThreadId(56) ProcessJob::process{job_id=66c76edcfe1bd0ac3bd2f145}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:167: failed to process job: encoder: avif: encode color failed
2024-08-22T17:01:45.805677064+00:00  INFO ThreadId(03) process_image:process_image: scuffle_image_processor::management: image-processor/src/management/mod.rs:33: new process image request
2024-08-22T17:01:46.561961161+00:00  INFO ThreadId(56) ProcessJob::process{job_id=66c76ef9fe1bd0ac3bd2f146}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:115: starting job
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.width() = 64
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.height() = 20
2024-08-22T17:01:46.975251092+00:00  INFO ThreadId(56) ProcessJob::process{job_id=66c76ef9fe1bd0ac3bd2f146}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:163: job completed in 413.24328ms
2024-08-22T17:01:53.776022865+00:00  INFO ThreadId(03) process_image:process_image: scuffle_image_processor::management: image-processor/src/management/mod.rs:33: new process image request
2024-08-22T17:01:54.595982504+00:00  INFO ThreadId(56) ProcessJob::process{job_id=66c76f01fe1bd0ac3bd2f147}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:115: starting job
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.width() = 96
[image-processor/src/worker/process/encoder/libavif.rs:104:4] frame.image.height() = 30
2024-08-22T17:01:55.023856008+00:00  INFO ThreadId(56) ProcessJob::process{job_id=66c76f01fe1bd0ac3bd2f147}: scuffle_image_processor::worker::process: image-processor/src/worker/process/mod.rs:163: job completed in 427.826163ms

#

Susge

#

it fails to encode the image when its 32x10 but succeeds when its 64x20

zinc aspen Aug 22, 2024, 5:02 PM

#

south flare avif has a width/height multiple requirement

what why

rugged perch Aug 22, 2024, 5:02 PM

#

So a fix for this would be a resize before process?

south flare Aug 22, 2024, 5:02 PM

#

no we resize

#

but we resize it to 32x10

#

the input is bigge

rugged perch Aug 22, 2024, 5:03 PM

#

damn

#

well if that works then why not MUGA

south flare Aug 22, 2024, 5:06 PM

#

idk why the small image does not work

zinc aspen Aug 22, 2024, 5:10 PM

#

ApuThink

south flare Aug 22, 2024, 5:11 PM

#

also only an issue on the animation encoder

paper token Aug 22, 2024, 5:26 PM

#

@south flare how is framerate determined?

#

it's still snapped to 25 fps and 33.333 fps right?

#

but is it rounded up/down/nearest?

south flare Aug 22, 2024, 5:27 PM

#

no

#

frame rate does not exist

#

its per frame timings

paper token Aug 22, 2024, 5:27 PM

#

I know

#

but I'm using words that make it easy to understand

zinc aspen Aug 22, 2024, 5:28 PM

#

paper token

i just scrolled up and what OMEGALUL

paper token Aug 22, 2024, 5:28 PM

#

zinc aspen i just scrolled up and what <:OMEGALUL:661013426604343298>

yes. Do you like it?

zinc aspen Aug 22, 2024, 5:28 PM

#

how even

paper token Aug 22, 2024, 5:28 PM

#

the timing of each frame is how the effective frame rate is determined

#

and vice versa, when encoding

zinc aspen Aug 22, 2024, 5:28 PM

#

how do you even go about making something like that

paper token Aug 22, 2024, 5:28 PM

#

zinc aspen how do you even go about making something like that

skill

zinc aspen Aug 22, 2024, 5:28 PM

#

fair ig pepla

#

still crazy tho

south flare Aug 22, 2024, 5:29 PM

#

okay wait what is ur question

#

how do we calculate the frame timings?

#

directly from the input image we do not change them

zinc aspen Aug 22, 2024, 5:29 PM

#

my question is how the actual animation is made FeelsDankMan

#

like how you go from nothing to cool moving blobs of color like in that file

#

was a question for anson

south flare Aug 22, 2024, 5:30 PM

#

that image u linked anson

#

took 8s to process

#

📎 08-22-2024-13-31-20_files_list.zip

#

this is the result

south flare Aug 22, 2024, 5:32 PM

#

zinc aspen like how you go from nothing to cool moving blobs of color like in that file

idk abt that that isnt a dev thing

zinc aspen Aug 22, 2024, 5:32 PM

#

fair enough Okay

south flare Aug 22, 2024, 5:33 PM

#

#

it seems

#

i got the resize right this time

#

and it results in a smaller file

#

#

the gif is big

#

but actually looks okay

rugged perch Aug 22, 2024, 5:37 PM

#

cool

#

that's wicked

south flare Aug 22, 2024, 5:38 PM

#

ill investigate why libavif doesnt like files with small width/height

zinc aspen Aug 22, 2024, 5:38 PM

#

looks sick af

paper token Aug 22, 2024, 5:38 PM

#

south flare directly from the input image we do not change them

so only gifs will be snapped to gif timings?

#

10 ms intervals

south flare Aug 22, 2024, 5:39 PM

#

we drop frames

#

to make the duration the same

paper token Aug 22, 2024, 5:39 PM

#

drop frames from the gifs?

south flare Aug 22, 2024, 5:39 PM

#

yes

paper token Aug 22, 2024, 5:39 PM

#

so the avif and webp can be 60 fps?

south flare Aug 22, 2024, 5:39 PM

#

for webp/avif we do not

#

yes

paper token Aug 22, 2024, 5:39 PM

#

sick

#

could the dropped frames also be responsible for the glitchy rendering in discord?

#

missing frames of changed pixels

#

probably not tbh

#

because discord-encoded gifs have that same problem

#

GIGACHAD

south flare Aug 22, 2024, 5:40 PM

#

no

#

that is the old processor

#

the new processor is not deployed

#

and that is just becasue discord engineers are retards

paper token Aug 22, 2024, 5:40 PM

#

sick sick

south flare Aug 22, 2024, 5:40 PM

#

and dont know how to implement gif encoding / decoding correctly

zinc aspen Aug 22, 2024, 5:41 PM

#

i still hate that webp and avif dont fucking embed on discord

paper token Aug 22, 2024, 5:41 PM

#

it's dumb

zinc aspen Aug 22, 2024, 5:41 PM

#

madashell

paper token Aug 22, 2024, 5:41 PM

#

same for opus files not being able to be previewed in-line

#

and other file types

#

even though voice messages are just opus files

south flare Aug 22, 2024, 5:41 PM

#

They use electron

zinc aspen Aug 22, 2024, 5:41 PM

#

zinc aspen i still hate that webp and avif dont fucking embed on discord

oh and h.265 encoded videos don't embed either

south flare Aug 22, 2024, 5:41 PM

#

They removed the feature

paper token Aug 22, 2024, 5:42 PM

#

I know people that have switched to Revolt entirely

#

no more discord

#

it's not perfect, but it's surprisingly good

#

can be self-hosted

#

@south flare so why are 7tv's avifs twice the size of mine?

south flare Aug 22, 2024, 5:44 PM

#

paper token <@383195095610163200> so why are 7tv's avifs twice the size of mine?

Wym which one s

paper token Aug 22, 2024, 5:44 PM

#

the ones I uploaded

#

the originals are like 100 kb

#

7tv are 200

south flare Aug 22, 2024, 5:44 PM

#

I told u the new image processor is not deployed

#

so the old one is very old

#

the encoders have likely improved and thats why when i reencoded it for u just now i got 50kb

paper token Aug 22, 2024, 5:47 PM

#

I know it's not deployed yet

#

50 kb is good

zinc aspen Aug 22, 2024, 5:47 PM

#

isnt that like amazing or

paper token Aug 22, 2024, 5:48 PM

#

well it's probably losing some quality

#

I'm using the latest version of libavif

south flare Aug 22, 2024, 5:48 PM

#

so do we

zinc aspen Aug 22, 2024, 5:48 PM

#

well yeah but its at least very small file

paper token Aug 22, 2024, 5:48 PM

#

yes

zinc aspen Aug 22, 2024, 5:48 PM

#

paper token well it's probably losing some quality

plus thats like a name paint gif its not like you're ever supposed to see that in full quality so who cares

south flare Aug 22, 2024, 5:48 PM

#

webp is 345kb

paper token Aug 22, 2024, 5:49 PM

#

zinc aspen plus thats like a name paint gif its not like you're ever supposed to see that i...

sorta true

#

ideally paints could have different qualities load based on the needed size, like emotes

zinc aspen Aug 22, 2024, 5:49 PM

#

but when are names ever large enough for that to matter
even then most of the image is being obscured and is only visible through the letters

#

the only way you'd notice the quality loss in the image is opening the image itself really

paper token Aug 22, 2024, 5:50 PM

#

right

rotund pivot Aug 22, 2024, 5:50 PM

#

every paint usually uses the 1x emote size anyway

zinc aspen Aug 22, 2024, 5:51 PM

#

Shrugeg

paper token Aug 22, 2024, 5:51 PM

#

rotund pivot every paint usually uses the 1x emote size anyway

that's why they look so bad OMEGALUL

rotund pivot Aug 22, 2024, 5:52 PM

#

mf watches twitch on 400% zoom

zinc aspen Aug 22, 2024, 5:52 PM

#

anson with his browser zoomed in to 500x

paper token Aug 22, 2024, 5:52 PM

#

same joke

zinc aspen Aug 22, 2024, 5:52 PM

#

PepeLaugh

#

the fuck else conclusion do you expect us to make

rotund pivot Aug 22, 2024, 5:53 PM

#

also chatterino wont even load the paints if the file is too big

zinc aspen Aug 22, 2024, 5:53 PM

#

really?

#

FeelsDankMan

#

interesting..

paper token Aug 22, 2024, 5:53 PM

#

the twitchcon paris paint looks like white noise

rotund pivot Aug 22, 2024, 5:53 PM

#

same thing happens with emote preview

zinc aspen Aug 22, 2024, 5:53 PM

#

honestly i never noticed Shrugeg

#

didn't expect chatterino had a limit like that

rotund pivot Aug 22, 2024, 5:53 PM

#

it just gives you 2x preview at most

south flare Aug 22, 2024, 5:54 PM

#

okay

#

so the bug with avif

#

is actually a big with rav1e

#

it seems that if i use libaom it works

zinc aspen Aug 22, 2024, 5:55 PM

#

monkaHmm

rotund pivot Aug 22, 2024, 5:55 PM

#

here is an example of an emote https://7tv.app/emotes/66b631194ced7335aac1c84a

7TV.APP - It's like a third party thing

yabbeShow by ayyybubu (0 Channels)

uploaded by ayyybubu

#

the 4x size is 1.2mb

zinc aspen Aug 22, 2024, 5:55 PM

#

so it'll display the 3x one only?

rotund pivot Aug 22, 2024, 5:55 PM

#

chatterino just shows the 2x

zinc aspen Aug 22, 2024, 5:55 PM

#

o

rotund pivot Aug 22, 2024, 5:55 PM

#

zinc aspen Aug 22, 2024, 5:55 PM

#

interesting FeelsDankMan

#

whats the actual file size cap for that

#

1mb?

rotund pivot Aug 22, 2024, 5:56 PM

#

even less

south flare Aug 22, 2024, 5:56 PM

#

curious

#

wtf

#

okay

rotund pivot Aug 22, 2024, 5:56 PM

#

cause the 3x is 887

south flare Aug 22, 2024, 5:56 PM

#

rav1e is dogshit

#

it seems

#

lule

#

@paper token

zinc aspen Aug 22, 2024, 5:56 PM

#

rotund pivot cause the 3x is 887

ApuThink

south flare Aug 22, 2024, 5:56 PM

#

that image

zinc aspen Aug 22, 2024, 5:56 PM

#

512kb??

south flare Aug 22, 2024, 5:56 PM

#

the super complex one

paper token Aug 22, 2024, 5:57 PM

#

south flare rav1e is dogshit

why?

rotund pivot Aug 22, 2024, 5:57 PM

#

zinc aspen 512kb??

would need some testing i guess ApuShrug

zinc aspen Aug 22, 2024, 5:58 PM

#

rotund pivot

wait a minute this is the 7tv version of chatterino right? cuz it doesn't show name paints on normal chatterino?

rotund pivot Aug 22, 2024, 5:58 PM

#

yes

paper token Aug 22, 2024, 5:58 PM

#

@rotund pivot do you use webp for all paints?

#

or is avif allowed?

zinc aspen Aug 22, 2024, 5:58 PM

#

i wonder if i can find the file limit in the sorce code pepoNotes

rotund pivot Aug 22, 2024, 5:58 PM

#

we dont use avifs for anything

paper token Aug 22, 2024, 5:58 PM

#

L

zinc aspen Aug 22, 2024, 5:58 PM

#

why render them then

#

if they're virtually useless why make them

rotund pivot Aug 22, 2024, 5:59 PM

#

ffz has an option to show the avif files now for 7tv

#

ayyybuLULE

zinc aspen Aug 22, 2024, 5:59 PM

#

Pfftt

rotund pivot Aug 22, 2024, 5:59 PM

#

paper token Aug 22, 2024, 5:59 PM

#

but not even 7tv shows avif?

#

my disappointment is immeasurable

rotund pivot Aug 22, 2024, 6:00 PM

#

the extension probably does? idk

#

https://cdn.7tv.app/emote/63f678370588a70e9a8d6da8/3x.gif

south flare Aug 22, 2024, 6:01 PM

#

using libaom is faster + doesnt have the issue with the sizing

#

job completed in 2.71011696s

#

📎 08-22-2024-14-02-04_files_list.zip

#

the file is bigger tho

#

but it encodes much faster

zinc aspen Aug 22, 2024, 6:03 PM

#

hmm

#

trying to figure out where in the chatterino7 source it mentions anything about emote/paint sizes to know when to fallback to smaller FeelsDankMan

#

if its even handled there in the first place

rotund pivot Aug 22, 2024, 6:04 PM

#

why would it be a c7 issue only

#

or maybe nvm

zinc aspen Aug 22, 2024, 6:04 PM

#

rotund pivot why would it be a c7 issue only

not saying its a c7 issue specifically its just that its the one you were using in screenshot

#

since namepaint is visible

#

hesRight

rotund pivot Aug 22, 2024, 6:05 PM

#

i guess paints are just a side effect

#

i assume it was mostly made for emotes

zinc aspen Aug 22, 2024, 6:05 PM

#

i wonder if its actually something that happens on the 7tv api when passing the emotes/paints to chatterino or whatever FeelsDankMan

rotund pivot Aug 22, 2024, 6:06 PM

#

also they dont even show up there

#

nymnMhm

zinc aspen Aug 22, 2024, 6:06 PM

#

FeelsDankMan

#

weird considering the fact that from the looks of it, chatterino DOES try to get up to 4x

#

so like what the fuck happens to 4x and 3x

rotund pivot Aug 22, 2024, 6:23 PM

#

#

#

even less

zinc aspen Aug 22, 2024, 6:23 PM

#

huh

#

odd

rotund pivot Aug 22, 2024, 6:24 PM

#

okay its completely random

zinc aspen Aug 22, 2024, 6:24 PM

#

OMEGALUL

rotund pivot Aug 22, 2024, 6:24 PM

#

cause this one displays correctly for example

#

https://7tv.app/emotes/62ade8f1880eebb2ceae3c19

7TV.APP - It's like a third party thing

fak by drunkwen (427 Channels)

uploaded by drunkwen

#

but it never fixes itself

#

if an emote is fucked it just stays at 2x preview

zinc aspen Aug 22, 2024, 6:25 PM

#

fucking weird

rotund pivot Aug 22, 2024, 6:31 PM

#

still bigger file size seems to fail more often

zinc aspen Aug 22, 2024, 6:31 PM

#

https://tenor.com/view/hmm-meeting-gif-26837833

Tenor

rotund pivot Aug 22, 2024, 6:44 PM

#

https://cdn.7tv.app/emote/66410ab8a7bb6ade963563c4/4x.gif

#

now that i pointed it out i see more of them

zinc aspen Aug 22, 2024, 6:44 PM

#

pepelaugh

south flare Aug 22, 2024, 6:55 PM

#

@strange owl @rigid narwhal

sullen edge Aug 22, 2024, 7:49 PM

#

@rugged perch btw https://7tv.app/emotes/66c6739cc66164d0fc0c3cc8

7TV.APP - It's like a third party thing

final_modified_image by ftk789 (0 Channels)

uploaded by ftk789

#

this aint moving
can I delete it already?

#

actually I'll unlist and you can delete when not needed

#

cause there are multiple

rugged perch Aug 22, 2024, 7:58 PM

#

sullen edge <@817064857769082890> btw https://7tv.app/emotes/66c6739cc66164d0fc0c3cc8

yes

#

OOOO MY BADGE

#

Yes if you see any of these test ones you can delete them MUGA

rigid narwhal Aug 22, 2024, 8:40 PM

#

PagMan holy shit, you guys found out so much stuff regarding the avif problem while I was away

#

also congrats on contributor ftk FeelsStrongMan

misty olive Aug 22, 2024, 8:46 PM

#

rugged perch <a:OOOO:1187194447281258636> MY BADGE

FINALLY

rugged perch Aug 22, 2024, 9:07 PM

#

rigid narwhal also congrats on contributor ftk <:FeelsStrongMan:870429736801800192>

Thank you FeelsStrongMan I feel the same

rugged perch Aug 22, 2024, 9:07 PM

#

misty olive <a:FINALLY:1271595608146186332>

FeelsStrongMan

rugged perch Aug 22, 2024, 9:08 PM

#

rigid narwhal <:PagMan:1176333658366431322> holy shit, you guys found out so much stuff regard...

yea it wasn't a big issue apperantly since it was just a matter of resizing the AVIF file i guess

sullen edge Aug 22, 2024, 10:23 PM

#

did you guys sort out the avif issue only or those broken gifs as well?

#

because I just remembered this exists

paper token Aug 22, 2024, 10:24 PM

#

sullen edge because I just remembered this exists

we can't fix the gif format

#

kek

#

1 bit alpha, basically

paper token Aug 22, 2024, 10:24 PM

#

south flare

these appear to have a stutter right as they loop, that wasn't there in the original

rigid narwhal Aug 22, 2024, 10:25 PM

#

hesBB true, the transparency is a gif limitation in general

sullen edge Aug 22, 2024, 10:25 PM

#

so those broken gifs were because of variable transparency which we don't support?

#

LULE

paper token Aug 22, 2024, 10:25 PM

#

sullen edge so those broken gifs were because of variable transparency which we don't suppor...

no

#

"variable transparency" is just a way to try to explain the fact that gifs don't have an alpha channel

#

not a limitation of 7tv's implementation

sullen edge Aug 22, 2024, 10:27 PM

#

so it's not even that we dont support it, it just doesnt exist?

paper token Aug 22, 2024, 10:27 PM

#

right

#

gifs can have a maximum of 256 colors in their palette, and one of them can be designated as transparent

#

so it's either a color, or transparent

rigid narwhal Aug 22, 2024, 10:27 PM

#

LELU and just like that we also have another emote that couldn't be uploaded, this time an animated png https://gachi.gay/BTqUh (sharing through that link, because discord breaks the file)

south flare Aug 22, 2024, 10:28 PM

#

paper token these appear to have a stutter right as they loop, that wasn't there in the orig...

true think

south flare Aug 22, 2024, 10:30 PM

#

paper token

what are the frame timings

#

📎 message.txt

paper token Aug 22, 2024, 10:31 PM

#

south flare what are the frame timings

I think that one was 30 fps

south flare Aug 22, 2024, 10:31 PM

#

but for each frame

paper token Aug 22, 2024, 10:34 PM

#

south flare but for each frame

I don't specify frame timings

#

I give it a sequence of images and specify a frame rate

#

because I'm not insane

#

(not THAT insane)

south flare Aug 22, 2024, 10:34 PM

#

but can u use a probe tool to show what it did

#

i dont have one for avif

paper token Aug 22, 2024, 10:35 PM

#

I can run it through avifdec

#

it shows duration 0.03 (1 timescales)

#

weirdness discovered

#

your converted versions have 150 frames, each set to 0.04 (40 timescales)

#

except the first frame, which is 1 timescales

#

on MothSanityCheck (assuming that's the one that these came from) it's 150 frames, each at 0.04 duration and 1 timescales

rugged perch Aug 22, 2024, 10:38 PM

#

here's the data I can find if it helps :

File Name                       : ezgif.com-resize 2 (1).png
Directory                       : .
File Size                       : 1859 kB
Zone Identifier                 : Exists
File Modification Date/Time     : 2024:08:23 01:36:33+03:00
File Access Date/Time           : 2024:08:23 01:37:44+03:00
File Creation Date/Time         : 2024:08:23 01:37:37+03:00
File Permissions                : -rw-rw-rw-
File Type                       : APNG
File Type Extension             : png
MIME Type                       : image/apng
Image Width                     : 127
Image Height                    : 127
Bit Depth                       : 8
Color Type                      : RGB with Alpha
Compression                     : Deflate/Inflate
Filter                          : Adaptive
Interlace                       : Noninterlaced
Animation Frames                : 112
Animation Plays                 : inf
Software                        : ezgif.com
Comment                         : PNG edited with https://ezgif.com/resize
Image Size                      : 127x127
Megapixels                      : 0.016

paper token Aug 22, 2024, 10:41 PM

#

I'm checking other ones

#

because I have one that says it has 180 frames

#

and I can't figure out why

#

I think it's the one that I tried 33.333333 fps

#

which I guess makes sense

#

I guess it's resampling frames to get a specific framerate

#

avifdec -i {file} tells me everything I need, I think

rigid narwhal Aug 22, 2024, 10:47 PM

#

rugged perch here's the data I can find if it helps : ``` File Name : e...

LETMEOUT I hate working with APNG files. They work in barely any software and are way too big

rugged perch Aug 22, 2024, 10:47 PM

#

Pfftt I remember when discord accepted them as the default sticker's file type

rigid narwhal Aug 22, 2024, 10:48 PM

#

Interestingly enough windows also shows it's bit depth as 32 bit, but I'm not trusting that LELU

paper token Aug 22, 2024, 10:55 PM

#

encoding with only ffmpeg (no avifenc) does weird things too

#

180 frames

#

man, webp is just such an awful format for this

#

vp8 ahh codec

#

why does exiftool say 150 frames = 5 seconds

#

for a gif

#

that shouldn't be possible

#

the gif plays slightly slower than the avif

#

so it's not being rounded up to 33.3333

rugged perch Aug 22, 2024, 11:11 PM

#

that's soo weird

#

I didn't even know 7TV accepts aPNG's ngl

paper token Aug 22, 2024, 11:12 PM

#

I tried avifenc's keyframe feature as well, and it does make larger files

#

which is odd

#

just like the webp one

#

ALTHOUGH it does seem to INCREASE the visual quality

#

by having keyframes enabled

#

I put -k 100

#

which means at least one keyframe every 100 frames

#

so a slight file size increase but also filesize increase

#

ok I made a 25 fps gif and it's WAY slower than the "30 fps" gif

#

I've always wondered if gifski might be swapping between 30 ms and 20 ms frame timings to achieve the given frame rate

#

it looks like it does

#

very cool

#

@south flare you use gifski too right?

#

Do you quantize the framerates or allow it to do this form of "dithering"?

#

because it's kinda based

#

I'm so confused

#

I can't create an avif with normal duration in exiftool anymore

#

they're all many millions of days

paper token Aug 24, 2024, 12:22 PM

#

Ok so a 30 FPS webp file has a frame duration in the pattern of 33, 33, 34 (repeating), and when uploaded to 7TV, the processor converts them all to a frame duration of 30, which is 33.3333 FPS. This applies to the webp, avif, and gif outputs.

I still can't figure out how I made an avif that uploads, but the working files still work when uploaded. The only difference I can see is that they're 25 FPS. But when I try to make a new 25 FPS avif, they won't upload.

mortal fossilBOT Aug 24, 2024, 12:22 PM

#

ansonx10 feels rested: 🛏 💤 (7h, 34m ago)

paper token Aug 24, 2024, 1:11 PM

#

Uploading as a gif preserves the exact frame timings for all 3 converted formats

rugged perch Aug 24, 2024, 6:06 PM

#

paper token Ok so a 30 FPS webp file has a frame duration in the pattern of 33, 33, 34 (repe...

try another fps

#

could that work?

#

for the AVIF at least

paper token Aug 24, 2024, 6:06 PM

#

rugged perch try another fps

I've tried 25, 30, and 33.33333

#

What else should I try?

rugged perch Aug 24, 2024, 6:06 PM

#

60?

#

15?

paper token Aug 24, 2024, 6:06 PM

#

I did try 60 but I forget the result

rugged perch Aug 24, 2024, 6:06 PM

#

Pfftt

#

probably a fail if you don't remember

paper token Aug 24, 2024, 6:10 PM

#

doesn't work

rugged perch Aug 24, 2024, 6:10 PM

#

sadge

paper token Aug 24, 2024, 6:10 PM

#

I tried ffmpeg -r, and avifenc --fps, and both

#

nothing worked

rugged perch Aug 24, 2024, 6:10 PM

#

So AVIF's in general don't work?

#

of just specifically generating it with ffmpeg ?

paper token Aug 24, 2024, 6:11 PM

#

the sanity check one still works

rugged perch Aug 24, 2024, 6:11 PM

#

So that's the only way?

#

pretty odd

paper token Aug 24, 2024, 6:11 PM

#

I don't even know what the "way" is though

#

I do not know the way

#

Knuckles

rugged perch Aug 24, 2024, 6:24 PM

#

like

#

what did you do with the sanity check?

rugged perch Aug 24, 2024, 6:24 PM

#

paper token I do not know the way

I will show you da way

paper token Aug 24, 2024, 6:25 PM

#

rugged perch what did you do with the sanity check?

pretty sure the only thing I did was remove the --fps flag from avif

#

leaving only the ffmpeg -r flag

#

but I can't replicate it

rugged perch Aug 24, 2024, 6:25 PM

#

ok

#

now removing the fos glag

#

fps flag*

#

what fps would be the AVIF at?

paper token Aug 24, 2024, 6:26 PM

#

it seemed to default to 25 fps

rugged perch Aug 24, 2024, 6:26 PM

#

but you setting the flag to 25 fps doesn't work

#

tf....

#

@paper token ok send me 2 files

#

Send me the sanity check without the --fps flag, and send me the one where you add the fps to be 25

paper token Aug 24, 2024, 6:29 PM

#

rugged perch Aug 24, 2024, 6:29 PM

#

lemme check them on my side an dsee

#

Waiting

paper token Aug 24, 2024, 6:32 PM

#

well

rugged perch Aug 24, 2024, 6:32 PM

#

send me the AVIF that has the --fps flag with it beind 25 fps

paper token Aug 24, 2024, 6:32 PM

#

I made one just now

#

I tried setting it back to what I remembered it was, which was yuva444p

rugged perch Aug 24, 2024, 6:33 PM

#

PAUSE

paper token Aug 24, 2024, 6:33 PM

#

I had been experimenting with yuv444p, because I don't need an alpha channel

rugged perch Aug 24, 2024, 6:33 PM

#

i wanna compare both

paper token Aug 24, 2024, 6:40 PM

#

latex25 uploads, latex30 does not

#

actually wait

#

this one uploads

native robin Aug 25, 2024, 10:22 PM

#

for what is this channel?

stuck oasis Aug 25, 2024, 10:37 PM

#

for developers

#

4HEad

plush kayak Aug 25, 2024, 10:49 PM

#

4HEad

topaz crown Aug 25, 2024, 10:49 PM

#

4HEad

vagrant lion Aug 26, 2024, 8:16 AM

#

4HeadAndShoulders 4HEad

rancid tulip Aug 26, 2024, 9:17 PM

#

6Head

open mason Aug 29, 2024, 6:59 AM

#

does 7tv got some documentation? I would like to integrate 7tv with an account to our site

civic quest Aug 29, 2024, 9:45 AM

#

open mason does 7tv got some documentation? I would like to integrate 7tv with an account t...

7tv.io

open mason Aug 29, 2024, 12:55 PM

#

civic quest 7tv.io

Noted, ty

astral saddle Sep 1, 2024, 5:20 PM

#

elisLookUp

tulip atlas Sep 8, 2024, 10:47 AM

#

Hello, how I display the 7tv colors on my website? I have the color "-5635841" from the api but I don't know how I display this. Can anyone help me?

rotund pivot Sep 8, 2024, 11:01 AM

#

tulip atlas Hello, how I display the 7tv colors on my website? I have the color "-5635841" f...

#developers message

plush kayak Sep 8, 2024, 11:02 AM

#

https://github.com/RyanPotat/potat-site-v2/blob/master/src/assets/applyPaint.ts

GitHub

potat-site-v2/src/assets/applyPaint.ts at master · RyanPotat/potat-...

frontend for chatbot PotatBotat. Contribute to RyanPotat/potat-site-v2 development by creating an account on GitHub.

#

I suggest using this!! Okayge

tulip atlas Sep 8, 2024, 11:04 AM

#

Thank you!

lyric cosmos Sep 8, 2024, 9:45 PM

#

https://7tv.fishkido.tv/ if anyone needs to fetch their paint madashell

stuck oasis Sep 8, 2024, 11:01 PM

#

add a way to use twitch id AA_Vanilla_Pray

lyric cosmos Sep 8, 2024, 11:07 PM

#

stuck oasis add a way to use twitch id <:AA_Vanilla_Pray:905177543953498112>

Thanks for the feedback. I'll look into doing this

stuck oasis Sep 8, 2024, 11:37 PM

#

PagBounce

#

also that's a little mistake others have made before, some radial paints like tie-dye and strawberry creme have the repeat flag enabled which means you have to use repeating-radial-gradient() instead of just radial-gradient() for their gradient.

#

if you dont do that rthe paint gets rendered wrong

#

#

left is how its currently being rendered with just radial-gradient

#

and right with repeating

#

oh i guess there are also linear paints with it but you have that implemented already

lyric cosmos Sep 8, 2024, 11:48 PM

#

stuck oasis also that's a little mistake others have made before, some radial paints like `t...

Hmm ok ill look into this aswell, thanks for your awesome feedback

#

If you recommend anything else please share and @ me

tulip atlas Sep 9, 2024, 2:56 PM

#

How I get a 7tv user by the twitch user id?

plush kayak Sep 9, 2024, 3:03 PM

#

u can just use /users/twitch/<twitch id>

lyric cosmos Sep 9, 2024, 3:03 PM

#

tulip atlas How I get a 7tv user by the twitch user id?

I'm planning to add that to my website today

plush kayak Sep 9, 2024, 3:04 PM

#

https://7tv.io/v3/users/twitch/424140030

tulip atlas Sep 9, 2024, 3:05 PM

#

work it for every user or just for registered channels?

plush kayak Sep 9, 2024, 3:06 PM

#

this is so easy to test but I will spoonfeed either way

#

https://7tv.io/v3/users/twitch/99999

stuck oasis Sep 9, 2024, 8:35 PM

#

tulip atlas work it for every user or just for registered channels?

if there is a twitch channel connected to a 7tv user

#

it works

topaz crown Sep 10, 2024, 5:46 PM

#

tulip atlas How I get a 7tv user by the twitch user id?

const query = {
  operationName: 'GetUserByConnection',
  query: `query GetUserByConnection($platform: ConnectionPlatform! $id: String!) {
    userByConnection (platform: $platform id: $id) {
        id
        type
        username
        style {
          paint { name id }
          badge { name id }
        }
        cosmetics {
          id
          kind
          selected
        }
    }
}`,
  variables: {
    platform,
    id: twitchID
  }
};

gets paint by platform id (twitch) so you dont need to make two requests

iron monolith Sep 11, 2024, 4:18 PM

#

any updates on the new website / api v4?

sullen edge Sep 11, 2024, 4:41 PM

#

it's being finalized

#

the API, website will take some more time

rugged perch Sep 11, 2024, 6:18 PM

#

the new kick site sucks ass

#

They made it so hard to modify elements on that site, I suppose 7TV Will be a pain in the ass to be fixed on their new site

#

Like the devs are just trying so hard to now allow other devs to do whatever, it's so lame

sullen edge Sep 11, 2024, 6:21 PM

#

rugged perch the new kick site sucks ass

is it live yet?

#

or just the preview version

paper token Sep 11, 2024, 6:21 PM

#

live

#

rolled out yesterday

rugged perch Sep 11, 2024, 6:22 PM

#

sullen edge is it live yet?

it is