Record your terminal and generate animated gif images or share a web player link www.terminalizer.com
Built to be jusT cOol 👌🦄 !
If you think so, support me with a
star
and afollow
😘
window frames
.font
.colors
.styles
with CSS
.Generate
command to generate a web player for a recording file.apt-get
, yum
, brew
installation.You need to install Node.js first, then install the tool globally using this command:
yarn global add terminalizer
Still facing an issue? Check the Issues section or open a new issue.
The installation should be very smooth with Node.js v4-v16. For newer versions, if the installation is failed, you may need to install the development tools to build the C++
add-ons. Check node-gyp.
Start recording your terminal using the record
command.
terminalizer record demo
A file called demo.yml
will be created in the current directory. You can open it using any editor to edit the configurations and the recorded frames. You can replay your recording using the play
command.
terminalizer play demo
Now let's render our recording as an animated gif.
terminalizer render demo
GIF compression is not implemented yet. For now we recommend https://gifcompressor.com.
You can use the
--help
option to get more details about the commands and their options
terminalizer <command> [options]
Create a global config directory
terminalizer init
Generate a config file in the current directory
terminalizer config
Record your terminal and create a recording file
terminalizer record <recordingFile>
Options
-c, --config Overwrite the default configurations [string]
-d, --command The command to be executed [string] [default: null]
-k, --skip-sharing Skip sharing and showing the sharing prompt message [boolean] [default: false]
Examples
terminalizer record foo Start recording and create a recording file called foo.yml
terminalizer record foo --config config.yml Start recording with your own configurations
Play a recording file on your terminal
terminalizer play <recordingFile>
Options
-r, --real-timing Use the actual delays between frames as recorded [boolean] [default: false]
-s, --speed-factor Speed factor, multiply the frames delays by this factor [number] [default: 1]
Render a recording file as an animated gif image
terminalizer render <recordingFile>
Options
-o, --output A name for the output file [string]
-q, --quality The quality of the rendered image (1 - 100) [number]
-s, --step To reduce the number of rendered frames (step > 1) [number] [default: 1]
Upload a recording file and get a link for an online player
terminalizer share <recordingFile>
Generate a web player for a recording file
terminalizer generate <recordingFile>
The default config.yml
file is stored under the root directory of the project. Execute the below command to copy it to your current directory.
Use any editor to edit the copied
config.yml
, then use the-c
option to override the default one.
terminalizer config
RECOMMENDED, use the
init
command to create a global config file to be used instead of the default one.
terminalizer init
For Linux and MacOS, the created directory is located under the home directory ~/config/terminalizer
. For Windows, it is located under the AppData
.
command
: Specify a command to be executed like /bin/bash -l
, ls
, or any other command. The default is bash
for Linux
or powershell.exe
for Windows
.cwd
: Specify the current working directory path. The default is the current working directory path.env
: Export additional ENV variables, to be read by your scripts when starting the recording.cols
: Explicitly set the number of columns or use auto
to take the current number of columns of your shell.rows
: Explicitly set the number of rows or use auto
to take the current number of rows of your shell.frameDelay
: The delay between frames in ms. If the value is auto
use the actual recording delays.maxIdleTime
: Maximum delay between frames in ms. Ignored if the frameDelay
isn't set to auto
. Set to auto
to prevent limiting the max idle time.quality
: The quality of the generated GIF image (1 - 100).repeat
: Amount of times to repeat GIF:
-1
, play once.0
, loop indefinitely.n
times.cursorStyle
: Cursor style can be one of block
, underline
, or bar
.fontFamily
: You can use any font that is installed on your machine like Monaco
or Lucida Console
(CSS-like list).fontSize
: The size of the font in pixels.lineHeight
: The height of lines in pixels.letterSpacing
: The spacing between letters in pixels.You can set the colors of your terminal using one of the CSS formats:
#FFFFFF
.rgb(255, 255, 255)
.hsl(0, 0%, 100%)
.white
, red
, blue
.You can use the value
transparent
too.
The default colors that are assigned to the terminal colors are:
transparent
#afafaf
#c7c7c7
#232628
#fc4384
#b3e33b
#ffa727
#75dff2
#ae89fe
#708387
#d5d5d0
#626566
#ff7fac
#c8ed71
#ebdf86
#75dff2
#ae89fe
#b1c6ca
#f9f9f4
You can add a watermark logo to your generated GIF images.
watermark:
imagePath: AbsolutePathOrURL
style:
position: absolute
right: 15px
bottom: 15px
width: 100px
opacity: 0.9
watermark.imagePath
: An absolute path for the image on your machine or a URL.watermark.style
: Apply CSS styles (camelCase) to the watermark image, like resizing it.Terminalizer comes with predefined frames that you can use to make your GIF images look cool.
frameBox.type
: Can be null
, window
, floating
, or solid
.frameBox.title
: To display a title for the frame or null
.frameBox.style
: To apply custom CSS styles or to override the current ones.No frame, just your recording.
Don't forget to add a
backgroundColor
understyle
.
frameBox:
type: null
title: null
style:
backgroundColor: black
frameBox:
type: window
title: Terminalizer
style: []
frameBox:
type: floating
title: Terminalizer
style: []
frameBox:
type: solid
title: Terminalizer
style: []
frameBox:
type: solid
title: null
style: []
You can disable the default shadows and margins.
frameBox:
type: solid
title: null
style:
boxShadow: none
margin: 0px
The default command that gets recorded for Linux is bash -l
. You need to change the default command to zsh
.
terminalizer config
command
to zsh
:command: zsh
fontFamily: "Meslo for Powerline, Meslo LG M for Powerline"
-c
option to override the config file:terminalizer record demo -c config.yml
error while loading shared libraries: libXss.so.1: cannot open shared object file: No such file or directory
Solution:
sudo yum install libXScrnSaver
error while loading shared libraries: libgconf-2.so.4: cannot open shared object file: No such file or directory
Solution:
sudo apt-get install libgconf-2-4
Error: EACCES: permission denied, access '/usr/local/lib'
Solution:
sudo mkdir -p /usr/local/lib/node_modules && sudo chown -R $(whoami):$(whoami) /usr/local/lib/node_modules
# then use the install command in the "Installation" section above
yarn global add terminalizer
This project is under the MIT license.