Guide: Using ShareX to capture animated webp, automatically upload and output embeddable links

Gaunt King Ithan Rilph

"Sargon is probably the tastiest person" - Josh
True & Honest Fan
kiwifarms.net
Joined
Apr 16, 2022
ShareX is a screen recording tool that can capture things in various formats, from png to mp4 and even animated webp. I often use it to create animated webp's from streams the moment something happens, and have been asked a few times on how to set it up. Guide might look lengthy, but it's mostly to make it retard-proof, there aren't that many steps.

Purpose: Screen record > Automatically uploads > Clipboard gets filled with a direct link to the upload, including img tags for sneedchat. (Will work just as well for regular png captures, no additional setup required).

Demonstration:



1: Download ShareX, it's open source and uses ffmpeg for encoding.
2: Add a custom uploader (the default ones aren't ideal), I recommend imgbb for various reasons.
2.1: You can export the basic uploader settings from this repository (just copy the code).

2.2: Go to custom uploader settings and import from clipboard.
4566_UiWzmduMDt.png4568_ntcU4RAkv4.png

2.3: Make an account on imgbb (accepts temporary email services) and proceed to get your API key. (Optionally, set your account to private)
4585_gDoTJOGaVN.png

2.4: Delete the text in the Value bracket and paste your API key from the previous step.
4570_aqMFj4zcMA.png
(imgbb might limit API keys based on use to prevent botting, after ~2500 uploads mine stopped working, but you can simply go to step 2.3 and request a new API key without making a new account)

Now your file hosting is set up, next step is automating it.

3: Go to "After capture tasks" and select "Upload image to host".
4571_Q33KH2xtSH.png

3.1: Go to "After upload tasks" and select "Copy URL to clipboard".
4572_8bEhny7p4W.png

3.2: Go to Task settings... > Advanced and paste the following into "ClipboardContentFormat".
Code:
[url=$result][img]$result[/img][/url]
(This is mainly for sneedchat, and the url part is optional. If you leave it as "$result", you'll simply get a direct link)
4573_jjVrjLiKFy.png

3.3: Stay on the same page and click the square in ImageExtensions, add "webp" to the list that pops up.
4577_BvSFDJnf03.png

Almost done, time to set up a hotkey for animated webp recording. Default hotkeys for regular mp4 recording will already exist.

4: Go to Hotkey settings... > Add... > Screen record > Start/Stop screen recording.
4579_CmLlC9TWLo.png

4.1: Click the cog on your new hotkey and navigate to Capture and check the "Override capture settings" (this is so you can record in different formats depending on which hotkey you use).
4580_t2DRUchY53.png

4.2: Go to "Screen recorder" and click "Screen recording options...", click "Video encoder" and select webp. (You might need to click "Install recorder devices" just above and set video source to "screen-capture-recorder).
4581_C6qg3VulfH.png

Practically done, the rest are (recommended) quality of life additions.

5: Quality of life hotkeys! Go back to hotkeys and duplicate the hotkey you just finished setting up, change the new one to "Start/Stop screen recording using last region", you can also add an "Abort screen recording" hotkey.
4583_NxgSNnbCV6.png

5.1: Change file naming system to what suits you. Go to "Task settings..." > "File naming". I like having an incremental number at the start (easy 'sort by name' in folder) followed by randomized letters.
4584_HMqESywS0Y.png

5.2: Custom stickers! (screenshots only, don't work for recording). Create a folder and add pictures, when taking a screenshot, click the smiley in the toolbar and have your custom folder selected.
4586_6jFl5lFTuS.png4587_dz0b0geCnI.png


 
Last edited:
Thank you for sharing this incredibly useful app.
To make this one I had to use way too many apps , Adobe Premiere pro, and online background removed and then one other site... Hopefully I can make better ones with sharex
guunt_rekieta_lick.gif
 
Last edited:
Thank you for sharing this incredibly useful.
To make this one I had to use way too many apps , Adobe Premiere pro, and online background removed and then one other site... Hopefully I can make better ones with sharex
View attachment 5928842
ShareX is mainly a recording tool, though it can convert files. I use Shotcut (video editor) when I actually want to edit animated webp's, as it can export directly into that format. Also open source and uses ffmpeg for encoding.
 
explain to me the upsides and downsides of this process compared to how i do things

>OBS to record screen as .mp4
>webmconverter to trim, crop, convert into .webm file
>upload .webm

i guess the main upside of your method if that it embeds directly like a .gif image rather than behind an embedded video player with buffering and shit
 
explain to me the upsides and downsides of this process compared to how i do things

>OBS to record screen as .mp4
>webmconverter to trim, crop, convert into .webm file
>upload .webm

i guess the main upside of your method if that it embeds directly like a .gif image rather than behind an embedded video player with buffering and shit
>Hit hotkey and select area to record
>Stop recording
>Wait 2-10 seconds (finishes encoding and uploads in the background)
>Ctrl + V and Enter in chat and clip is already embedded

This is primarily for clipping things where sound doesn't matter and because animated webps can embed like any other image format in most chats etc. If I don't want to edit a clip (effects or infinite loops etc.) I can just screen record a VOD and immediately have a finished animated image.

I can record something funny happening live and immediately share it in chat. If I'm going to edit something, I use ShareX to record in high quality mp4 and then edit with Shotcut.
4593_CqDamOJyOq.png

Some things are just better as animated image rather than as a video, there's a reason people still use gifs (and animated webps are basically a better version). If you want to, you can use this same method and record as gif, but beware filesize bloat.
 
God I can't believe you winkike niggers need to depend on this useless proprietary piece of shit software that no one has ever heard about, how fucking technologically inept are you that you willingly suck Bill Gates' cock on the daily? I use real solutions that are free as in freedom, such as ffmpeg. All I need to do is to type out ffmpeg -video_size 1024x768 -framerate 25 -f x11grab -i :0.0+100,200 output.webp and I accomplished the same task infinitely times faster becuase I used a command line like a white man and not a GUI like a nigger and I get to keep my privacy so Bill Gates doesn't see the hentai I jack off to on the daily in my gooncave. God I hate you Winkikes so goddamn much it's unreal, complete useless nigger cattle that'll perish in the totalitarian regime of Microsoft, Google, RedHat, Sun and every other fascist corporation that you'll gladly let fuck your ass while crying for more. Fucking kill yourself useless niggers.
average arch user.jpg
I use Arch btw
 
This works really well. Can set it to use NVENC or Qsync and since I can specify a screen area I don't need to crop in Premiere. And I can specify the encoder parameters too.
Cheers!
 
  • Like
Reactions: |o|
Back