Vifm and Überzug (Ueberzug) Image Previews

I switched to vifm as my file manager a couple of months ago. But one feature I was struggling with getting to work was image previews. With Überzug, and some scripts that the main developer recently posted on Reddit, I was able to get image previews working on vifm!
📰 REFERENCED:
github.com/seebye/ueberzug
• Image previews in the ...
/ ueberzug_v1810_released
gitlab.com/dwt1/dotfiles/tree...
💰 WANT TO SUPPORT THE CHANNEL?
Patreon: / distrotube
Paypal: www.paypal.com/cgi-bin/webscr...
👕 BUY SHIRTS AND MUGS:
Help support this channel by purchasing these fine t-shirts, hoodies and mugs.
teespring.com/stores/distrotube
🗨️ JOIN ME ON DIASPORA AND MASTODON:
diasp.org/people/792034802a05...
mastodon.technology/web/accou...
📁 MY CONFIGS:
GitLab: gitlab.com/dwt1
Your support is very much appreciated. Thanks, guys!

[@tc40390]

Now that Ueberzug works great with vifm I modified the vifmimg to not only display images but previews of videos and I thought I'd share it. This requires ffmpegthumbnailer. First of all you need to change the fileviewer for whatever video files you want previews on like so: fileviewer *.avi,*.mp4,*.wmv,*.dat,*.3gp,*.ogv,*.mkv,*.mpg,*.mpeg,*.vob, \*.fl[icv],*.m2v,*.mov,*.webm,*.ts,*.mts,*.m4v,*.r[am],*.qt,*.divx \ vifmimg videopreview %px %py %pw %ph %c \ %pc \ vifmimg clear Secondly you need to change the vifmimg script: #!/usr/bin/env bash readonly ID_PREVIEW="preview" if [ -e "$FIFO_UEBERZUG" ]; then if [[ "$1" == "draw" ]]; then declare -p -A cmd=([action]=add [identifier]="$ID_PREVIEW" [x]="$2" [y]="$3" [width]="$4" [height]="$5" \ [path]="${PWD}/$6") \ > "$FIFO_UEBERZUG" elif [[ "$1" == "videopreview" ]]; then [[ ! -f "/tmp/$6.png" ]] && ffmpegthumbnailer -i "${PWD}/$6" -o "/tmp/$6.png" -s 0 -q 10 declare -p -A cmd=([action]=add [identifier]="$ID_PREVIEW" [x]="$2" [y]="$3" [width]="$4" [height]="$5" \ [path]="/tmp/$6.png") \ > "$FIFO_UEBERZUG" elif [[ "$1" == "clear" ]]; then declare -p -A cmd=([action]=remove [identifier]="$ID_PREVIEW") \ > "$FIFO_UEBERZUG" fi fi

[@umka7536]

Wow! Thanks!

[@tc40390]

​@@umka7536 You're most welcome, cheers!

[@tc40390]

I'm working on getting gif previews work in vifm now, if any of you have any ideas please let me know. Here's what I've come up with so far (this requires imagemagick). You need to add this if case in vifmimg: elif [[ "$1" == "gifpreview" ]]; then [[ ! -d "/tmp/$6" ]] && mkdir -p "/tmp/$6" convert -coalesce "${PWD}/$6" "/tmp/$6/$6.png" for frame in $(ls -1 /tmp/$6/$6*.png | sort -V); do declare -p -A cmd=([action]=add [identifier]="$ID_PREVIEW" [x]="$2" [y]="$3" [width]="$4" [height]="$5" \ [path]="$frame") \ > "$FIFO_UEBERZUG" sleep .07 done And modify the vifmrc like so: fileviewer *.gif \ vifmimg gifpreview %px %py %pw %ph %c \ %pc \ vifmimg clear It is kind of unresponsive as of now meaning that once the animation has started the only way to break out of it is to CTRL-C.

[@tc40390]

I've also added PDF previews but instead of spamming the comments here I created a repo on github. github.com/cirala/vifmimg

[@antoineleduc7611]

@@tc40390 you rock !

[@andrewpalm2103]

Great stuff, Derek. Thanks.

[@ChemicBob]

Grüße an die anderen deutschen, die die ganze Zeit Öbösög hören. I still like your content by the way ;)

[@jabuticaba2000]

ja man, schlaaand !

[@ChemicBob]

I wonder whether the name was deliberately chosen to have people butcher the prononciation. Same with Herbstluftwm.

[@MisterWayneTV]

@@ChemicBob I wonder if the creater is german or knows what the name means.

[@jabuticaba2000]

yes ze german real Wunderwaffe: D2

[@Whateverthehell123]

Ermagerd, Überzug!

[@Spuny4]

just what i was looking for today ;) saved me a lot of work ;)

[@MartinOscarPapa]

Great work . Love vifm. You should do more vifm.

[@wilfridtaylor]

Wait, your not Luke Smith? :p

[@greob]

Nice! Uberzug is a cool project. Was thinking of trying it out.

[@possumcode]

vifm is truly the best file manager !

[@akshatvats7992]

Got it working. Thanks man!

[@lakecitymy]

Thanks for the work! May be it has sense to mention that one needs to install Imlib library (apt-get install libimlib2 libimlib2-dev, Ubuntu 18.04). It can save time ;)

[@motif5775]

Awesome vid...thank you!!

[@jabuticaba2000]

we are the Vorhaut of Linux!

[@benschools]

Coffee and chocolate pop-tart is a good combo. Breakfast of champions!

[@ertwro]

Yeah, welcome to the ûberzug side of things. Edit: I'm sorry for not sharing a script. Sometimes I´m oblivious to other people's time and forget to share because it actually seems easy but at some point, it wasn't. I'm also glad to see you keep on giving surf a chance.

[@RicardoRebelo99]

I love these videos. Thank you for these! Ps: I'm not American and I'm really intrigued by your accent. It sounds really cool and I enjoy listening to it. Is the accent from a specific state or area?

[@nortexoid]

Ooh-ber-tszoog

[@DistroTube]

Gesundheit.

[@AegirAexx]

Dude... Thank You!!

[@DistroTube]

Thanks. Hope it helped you.

[@gz6616]

I wonder is it possible to use Ueberzug to create a mini-map plugin for vim, by displaying a super zoomed out view of the current buffer.

[@alecgerona]

If you're an idiot like me and it's your first time using vifm, don't forget to run :view inside vifm to actually show previews.

[@kellingc]

I give the chocolate pop-tart full credit on getting the previews working. ;)

[@DistroTube]

I break it down as such: 60% chocolate pop tart, 30% coffee and 10% dumb luck. You always have to factor in luck.

[@theAIex2]

I was trying to add the modifications to get image previews, then use the script to start vifm but as soon as the cursor reach any image to get the preview vifm hangs. Do you have any idea of what can be wrong? I have installed ueberzug using pip

[@CrustyAbsconder]

My install of Neon with Plasma 5.15.2 is idling at 630 MB. That is good enough for me. I am certain my next desktop computer will have more RAM and faster RAM. As I type this in Firefox 65, it is only using 1.30 GB. And while I am typing this, my Intel i5-3470 is barely awake with all four cores churning at around 2 %. I am only suggesting that distros like Kubuntu have a bright future at least through 2020. That all being said, I am looking forward to someday installing Fuchsia OS, on this computer.

[@UNDETGreenMT]

Hey DT I'm trying to get Uberzug working in Vifm and it's still showing me all that metadata when I try to preview image files. I know Uberzug is working though because I can run the ub.sh script and it'll show the image. I copied your vifmrc, vifmimg, and vifmrun straight from your gitlab. I've tried running ./vifmrun in Alacritty, Kitty, and deepin terminals but still haven't had any luck. Is there something that I'm missing? Maybe something I need in my .zshrc file? If anyone could offer some insight I'd greatly appreciate it!

[@Dr-Brown]

Same here, wondering if it's still working. I had it on an old machine so I know it used to work!

[@Dr-Brown]

Found my problem. Running `:fileviewer img.jpg` didn't have the vifmimg command at the top of the list. I had to go and comment out the other fileviewer command that was in the default vifmrc

[@DanCalloway]

DistroTube, how did you install the uberzug library on your Arch system. I can't seem to get pip3 command installed as I was following the installation instructions? Thanks.

[@DistroTube]

I think I installed it from the AUR.

[@DanCalloway]

@@DistroTube I was finally able to install it in python and then ran the install for ueberzug. It said it was installed successfully. I think I'm good. Now, I need to work on incorporating the other stuff that you mentioned at the end so that images show up in vifm, for example

[@Freerydeful]

Great video, tx again, one question, how do you get the image previews to stretch & fill up the whole preview pane?

[@vladyslavrezohlazov7499]

Did you find the answer? I cannot stretch & fill up the whole prewiev pane too. It saves the original image resolution...

[@Freerydeful]

reddit answer: www.reddit.com/r/commandline/comments/ee42v6/vifmueberzug_how_to_stretch_image_to_fill_preview/

[@Freerydeful]

From reddit: www.reddit.com/r/commandline/comments/ee42v6/vifmueberzug_how_to_stretch_image_to_fill_preview/ Edit vifmimg: Specify for each add command ([action]=add) an image scaler (e.g. [scaler]="fit_contain"). The supported image scaler are listed right here. For example: declare -p -A cmd=([action]=add [identifier]="$ID_PREVIEW" [x]="$2" [y]="$3" [width]="$4" [height]="$5" \ [path]="${PWD}/$6") \ > "$FIFO_UEBERZUG" becomes declare -p -A cmd=([action]=add [identifier]="$ID_PREVIEW" [x]="$2" [y]="$3" [width]="$4" [height]="$5" \ [scaler]="fit_contain" [path]="${PWD}/$6") \ > "$FIFO_UEBERZUG"

[@KamilT]

Hey Derek, what do you think about Ryzen processors? Will you wait for Zen 2?

[@DistroTube]

No opinion on the matter except "I want one!" :D

[@quiquecrz6451]

@DistriTube thanks a lot for the video. Is there any shortcut needed to press to activate the image preview? Can't find any info about it

[@Dr-Brown]

It's the :view command for previewing in the second pane

[@sreejamukherjee5608]

What is the color themes for the thumbnail for this video? Looks cool

[@francois86sc]

Does anyone knows, what is the code to execute the vifmrun script with a keybinding that must be add inside of config.py

[@bobgrimes8618]

Derek, do you use command line exclusively?

[@DistroTube]

Not exclusively. But I don't avoid it. Most of the time, it's quite convenient just to type a couple of words at a command prompt rather than fooling with graphical programs.

[@michaelderei8703]

how did you made the images take all the preview area?

[@mandaren6510]

What is the shortcut to enable image previewing in vifm?

[@Dr-Brown]

It's the :view command

[@sheikhshakilakhtar6844]

Is there any way to have multiple tabs like in ranger?

[@jeronimogarcia3766]

Hey mate , what fonts are you using ?

[@DistroTube]

UbuntuMono Nerd Font. Installed it from the AUR. But you can find the Nerd Fonts on the web and manually install it in any distro.

[@kelvinmuliawan6391]

how to get to preview mode in vifm?

[@rogerdelgado8570]

Having trouble getting it to work with zsh. Seems to only work with bash shell according to website

[@DistroTube]

I was using zsh in this video. ;)

[@rogerdelgado8570]

That was helpful. Got things to work. Uninstalled Ueberzug from pip and built it from source. Got much better results. A lot more stable now using multiple terminals. Thanks

[@verstrahlt1907]

@2'25'' - is this nice looking terminal called "st terminal"? or is it native for the Arch-Linux. Can I get it for fedora?

[@verstrahlt1907]

I found something... gnunn1 / Tilix (emulator)

[@verstrahlt1907]

It does not look so cool and informative, like yours (with this "coloured-arrows"

[@userx9166]

what is the keybindings to preview?

[@motif5775]

How do you make vifmrun script executable??

[@charbelsarkis3567]

did anyone figure out how to make it run with .gif files. I realize that his script includes gifpreview but that breaks what i have.

[@Microphunktv-jb3kj]

does it preview svg's too?

[@pharrellyang3483]

Does anyone successfully configure it on Mac?

[@green4ao]

How about Swaywm?

[@rogerdelgado8570]

w3m works for me in termite.

[@gatterlinux8426]

Man try fff is so beautiful and full writing in bash

[@chrissxMedia]

uh-ber-sag lolz

[@versusbassz]

"seebye/ueberzug" repo on GIthub "is not maintained" anymore, unfortunately

[@charbelsarkis3567]

Where can I get your st build?

[@raushonmunni2633]

his gitlab

[@umka7536]

Thanks for a video, Derek. But I see that you struggle to search things in command line. I am using "Fuzzy finder" github.com/junegunn/fzf in both command line and NeoVIM. Try it please if you have not tried it yet.

[@csehszlovakze]

HEY DT! the project just got killed after the author was harassed for a while.

[@reziiwastaken]

Why are you using light mode?

[@Scrubsexplorer]

Copied the files from the git without even thinking It still does not work

[@alexweissnicht9545]

Have you found a solution ? 🙃