AVIF/WebP Animation Helper

[User39042]

View File

AVIF/WebP Animation Helper

---

Description:

 

  So, do you like showing off your character in video games on websites? Are you tired of using 40 year old technology? Do you want to have looping animations that are high quality and have a full color range? Do you want to use significantly less bandwidth than GIF images to spam animations of your waifu on every forum?

 Look no further friend. Here it is. An AVIF animated image helper. What's AVIF you say? AVIF is an animated image like GIF, but it uses AV1 video codec to compress it. AVIF is supported by all popular browsers and it supports all color ranges. It's great, because the file sizes are significantly less than GIFS, but the quality is significantly better in every way. The only catch is, there's not a lot of good software out there to make AVIFs. Most of it's clunky or overly complicated. That's why I present to you today, the AVIF HELPER! Now does WEBP animations too!!

 

 This nifty little batch file will automatically do 99% of the work for you. Just drag and drop your video recording onto this bat, answer a few simple questions, and BINGO you have yourself an AVIF that you can frolic around on the forums! But why tell you, when I can show you. Here are some examples.

 

(Note: I've updated the recordings to use the proper color format in v1.02. If you want to do the same, use my screenshots as examples. Also, you don't need to use 10bit with bt709 and you don't need to use 8bit with bt601. I just use it as an example. Most modern high end monitors support HDR. Most modern monitors support 10bit or 10bit FSR. However, as it may look nice for you, it may not look nice for those who view it on their trusty CRT monitor from 1992.)

 

 

Standard Color Range 8bit Limited - Low Quality 60 fps (Updated color accuracy v1.02):

 

Standard.avif

 

sRGB Color Range 10bit Full - Low Quality 60 fps (Updated color accuracy v1.02):

 

sRGB.avif

 

HDR Color Range 10bit Full - Low Quality 60 fps (Updated color accuracy v1.02):

 - HDR may appear dark in unsupported browsers -

HDR.avif

 

 

Requirements:

 

OBS - To capture video from your game. Although, ShadowPlay or FRAPS are fine, OBS is the leading app in the category. [ Tutorial on how to use ]

FFMPEG - An insanely powerful, lightweight video editing tool that is command line only. This BAT file utilizes FFMPEG. [ Tutorial on how to install ]

 

Instructions:

 

Place your video in the same folder as the Anim_Helper.bat
Drag the video onto the .bat

Answer the questions on the CMD prompt.

It'll kick out an output.avif or output.webp.

 

Sidenote#1: Your video name can't have dashes or illegal characters. I'm too newb with scripting to fix your file. Use my OBS screenshots as a good filename recording format to use.

Sidenote#2: 12bit works, but I don't use it in my example because OBS doesn't record in 12bit.

Sidenote#3: If you want full compatibility, use Record in limited color range at bt601 (yuv420pxfmt), use standard color range in the anim helper.

 

FAQ:

 

But LL doesn't support AVIF? - Not yet.

But LL doesn't support WebP Animation? - Not yet.

Which is better AVIF or WEBP? - AVIF but WEBP is google's baby so that's what's used the most.

How do I use the LoopTool? - Drag a folder with png files in it or webp files in and then answer the questions. Or drag a video on it and follow the directions.

What is the LoopTool? - It creates an artificial loop by doubling your video, reversing it and adding it to the end of your video.

 

---

• Submitter
  User39042
• Submitted
  02/15/2024
• Category
  Regular Mods
• Requires
• Regular Edition Compatible

 

[Neyri LL]

Thank you so much! This is amazing! 🥰

[User39042]

A few updates I need to do for release version 1.01:

First: I fucked up with the color space. I'm not sure what happened, but now it's not wanting to do 10bit or 12 bit. It was earlier. FFMPEG is so touchy.

Second: I have a function that computes max frames, but the user doesn't know what max frames are, so I'll put that into the video info section.

Third: Adding a crop to top and bottom function.

 

Fixed with 1.01

 

I accidentally didn't include the filename in the prompt, so if your filename isn't video.mkv, it doesn't recognize it.

My demo was recorded in sRGB, Rerecording in HDR.

 

Fixed with 1.02

 

Whew, I think I'm done for now. However, I might add an option for color range option next version. Personally, if compatibility is what you're after, you should be using bt601.

 

FYI - Firefox I don't believe supports HDR but Edge does. Someone can report here if chromium does.

Edited February 17 by User39042

[slizer40000]

Excellent work. I was struggling with making gifs from OBS videos.

 

Is AVIF pronounced AV-eye-F or AV-ee-F though?

[User39042]

19 hours ago, slizer40000 said:

Excellent work. I was struggling with making gifs from OBS videos.

 

Is AVIF pronounced AV-eye-F or AV-ee-F though?

Haha thanks! As I continue to use it and find out things that I need to add or remove, ie, I forgot to put a quality setting in for AMD and NVidia processors. But, one day it may even have a GUI. Anyways, who knows, I never go outside, so vocalized sound waves elude me. Also, don't use this to make GIFs just yet. Photoshop and GIMP can do it way better, I need to figure out how to do it similar with FFMPEG but there's not a whole lot of documentation because who the fuck uses FFMPEG to make GIFS other than me?