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 based on ffmpeg capable of outputting various formats, such as png, gif, mp4 and even animated webp (think gifs but better). I often use it to create animated webps 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:


Important: Do you simply want an easy way to record content for thread posts? You can skip steps 3 and 4 in their entirety if you do not care about automatically uploading your content.

Another guide focusing more on video recording and clipping, using ShareX and other programs.

1.0 Download ShareX. It's open source and uses ffmpeg for encoding.

2.0. Setting up a hotkey for animated webp recording. (Default hotkeys for regular mp4 recording will already exist.)
2.1. Go to Hotkey settings... > Add... > Screen record > Start/Stop screen recording.
4579_CmLlC9TWLo.png

2.2. 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

2.3. 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

3.0 Adding a custom uploader.
3.1. Make an account on imgbb (accepts temporary email services) and proceed to get your API key. (Optionally, set your account to private, direct links to images can still be viewed by anyone.)
4585_gDoTJOGaVN.png

3.2. Go to "Destinations" and set your "Image uploader" to custom.
26507_xo5JxMJqPR.png

3.3. Go to "Custom uploader settings" and after copying the code below, click "Import from clipboard".
Code:
{
  "Version": "15.0.0",
  "Name": "imgbb.com",
  "DestinationType": "ImageUploader",
  "RequestMethod": "POST",
  "RequestURL": "https://api.imgbb.com/1/upload",
  "Parameters": {
    "key": "your API key"
  },
  "Body": "MultipartFormData",
  "FileFormName": "image",
  "URL": "{json:data.url}",
  "ThumbnailURL": "{json:data.thumb.url}",
  "DeletionURL": "{json:data.delete_url}"
}
26508_SAp6HaanGG.png4568_ntcU4RAkv4.png

3.4. Delete the text in the Value bracket and paste your API key from step 3.1.
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 3.1 and request a new API key without making a new account)

4.0. Automating your uploading.
4.1. Go to "After capture tasks" and select "Upload image to host".
4571_Q33KH2xtSH.png

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

4.3. 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

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

5.0. Strongly recommended quality of life additions!
5.1. Any global setting can be adjusted to act differently for individual hotkeys, for example @supersock12345 asked how to disable automatic uploading for a single hotkey, and it's as simple as clicking the cog on a hotkey and unchecking it in "after capture tasks"
30177_pGlxV4OJE3.png

5.2. 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. This allows you to skip selecting a region, and instead reuse the region you last used.
4583_NxgSNnbCV6.png

5.3. Right click a saved image to upload it the same way a screenshot would be. Go to "Application settings..." > "Integration" and check that little box.
WARNING: This will not strip exif data from say, photos you took with your phone. In that case I'd suggest taking a screencap of them to easily remove exif (if you're lazy and don't care about slightly reduced quality.)
23586_vLgNL14cEC.webp23587_HTDGiAYfAh.webp

5.4. 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.
WARNING: For maximum anonymity, do not add an incremental number as it could be cross referenced and tracked, though I'd say this is very low risk.
4584_HMqESywS0Y.png

5.5. 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

DONE!
eepy.webp
 
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
 
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).
I regret not doing this sooner , This literally took me less than 30 minutes to setup , Great Guide and I can use this alongside my default screenshot program.
 
Back
Top Bottom