He visto imágenes GIF animadas de transmisiones de pantalla (como la siguiente) promovidas varias veces en este sitio como una forma de mejorar las respuestas.

¿Qué cadena de herramientas se está utilizando para crear estos? ¿Existe algún programa que lo haga de forma automática, o las personas toman screencasts, los convierten en una serie de cuadros estáticos y luego crean las imágenes GIF?

Ojeada

Es una nueva aplicación que te permite grabar fácilmente GIF desde tu pantalla.

De todos modos, tenga en cuenta que los GIF tienen una paleta de colores muy limitada, por lo que no es una buena idea usarlos.

Desde Ubuntu 18.10 puedes instalar Peek directamente.

sudo apt install peek

Para versiones anteriores de Ubuntu, puede instalar las últimas versiones de Peek desde su PPA .

sudo add-apt-repository ppa:peek-developers/stable
sudo apt update
sudo apt install peek

Encuentra más información en el repositorio de GitHub .

Byzanz

Byzanz es el mejor software que he encontrado para grabar screencasts GIF.

Byzanz es excelente porque graba directamente en GIF, la calidad y el FPS es impresionante, manteniendo el tamaño de los archivos al mínimo.

Instalación

Byzanz ahora está disponible desde el repositorio del universo:

sudo apt-get install byzanz

Uso

Cuando está instalado, puede ejecutarlo en una terminal.

Este es un pequeño ejemplo que acabo de hacer con

byzanz-record --duration=15 --x=200 --y=300 --width=700 --height=400 out.gif

Primero instale esto:

sudo apt-get install imagemagick mplayer gtk-recordmydesktop

esas son las cosas requeridas, ImageMagick, MPlayer y Desktop Recorder. Luego use Desktop Recorder para capturar una parte de la pantalla / aplicación para usar como screencast. Después de que Desktop Recorder haya guardado la grabación en un video OGV , MPlayer se usará para capturar capturas de pantalla JPEG, guardándolas en el directorio 'salida'.

En una terminal:

mplayer -ao null <video file name> -vo jpeg:outdir=output

Usa ImageMagick para convertir las capturas de pantalla en gifs animados.

convert output/* output.gif

puedes optimizar las capturas de pantalla de esta manera:

convert output.gif -fuzz 10% -layers Optimize optimised.gif

Visión de conjunto

Esta respuesta contiene tres scripts de shell:

1. byzanz-record-window - Para seleccionar una ventana para la grabación.
2. byzanz-record-region - Para seleccionar una parte de la pantalla para grabar.
3. Una interfaz gráfica de usuario simple para 1, por MHC .

Introducción

¡Gracias Bruno Pereira por presentarmebyzanz ! Es bastante útil para crear animaciones GIF. Los colores pueden estar apagados en algunos casos, pero el tamaño del archivo lo compensa. Ejemplo: 40 segundos, 3.7Mb .

Uso

Guarde uno / todos los siguientes dos scripts en una carpeta dentro de su $PATH. Aquí hay un ejemplo sobre el uso del primer script para hacer una transmisión de pantalla de una ventana específica.

1. correr byzanz-record-window 30 -c output.gif
2. Vaya a la ventana (alt-tab) que desea capturar. Haz click en eso.
3. Espere 10 segundos (codificado $DELAY), en el que se prepara para la grabación.
4. Después del pitido (definido en la beepfunción), byzanzcomenzará.
5. Después de 30 segundos (ese es el significado del 30paso 1), byzanzfinaliza. Se emitirá un pitido nuevamente.

Incluí la -cbandera byzanz-record-windowpara ilustrar que cualquier argumento de mi script de shell se agrega a byzanz-recordsí mismo. La -cbandera le dice byzanzque también incluya el cursor en el screencast.
Ver man byzanz-recordo byzanz-record --helppara más detalles.

byzanz-record-window

#!/bin/bash

# Delay before starting
DELAY=10

# Sound notification to let one know when recording is about to start (and ends)
beep() {
    paplay /usr/share/sounds/KDE-Im-Irc-Event.ogg &
}

# Duration and output file
if [ $# -gt 0 ]; then
    D="--duration=$@"
else
    echo Default recording duration 10s to /tmp/recorded.gif
    D="--duration=10 /tmp/recorded.gif"
fi
XWININFO=$(xwininfo)
read X <<< $(awk -F: '/Absolute upper-left X/{print $2}' <<< "$XWININFO")
read Y <<< $(awk -F: '/Absolute upper-left Y/{print $2}' <<< "$XWININFO")
read W <<< $(awk -F: '/Width/{print $2}' <<< "$XWININFO")
read H <<< $(awk -F: '/Height/{print $2}' <<< "$XWININFO")

echo Delaying $DELAY seconds. After that, byzanz will start
for (( i=$DELAY; i>0; --i )) ; do
    echo $i
    sleep 1
done

beep
byzanz-record --verbose --delay=0 --x=$X --y=$Y --width=$W --height=$H $D
beep

byzanz-record-region

Dependencia: xrectselde xrectsel . Clone el repositorio y ejecútelo makepara obtener el ejecutable. (Si protesta no hay un archivo MAKE, ejecute ./bootstrapy ./configureantes de ejecutar `make).

#!/bin/bash

# Delay before starting
DELAY=10

# Sound notification to let one know when recording is about to start (and ends)
beep() {
    paplay /usr/share/sounds/KDE-Im-Irc-Event.ogg &
}

# Duration and output file
if [ $# -gt 0 ]; then
    D="--duration=$@"
else
    echo Default recording duration 10s to /tmp/recorded.gif
    D="--duration=10 /tmp/recorded.gif"
fi

# xrectsel from https://github.com/lolilolicon/xrectsel
ARGUMENTS=$(xrectsel "--x=%x --y=%y --width=%w --height=%h") || exit -1

echo Delaying $DELAY seconds. After that, byzanz will start
for (( i=$DELAY; i>0; --i )) ; do
    echo $i
    sleep 1
done
beep
byzanz-record --verbose --delay=0 ${ARGUMENTS} $D
beep

Versión gui de byzanz-record-window

(comentario de MHC ): me he tomado la libertad de modificar el script con un simple diálogo GUI

#!/bin/bash

# AUTHOR:   (c) Rob W 2012, modified by MHC (https://askubuntu.com/users/81372/mhc)
# NAME:     GIFRecord 0.1
# DESCRIPTION:  A script to record GIF screencasts.
# LICENSE:  GNU GPL v3 (http://www.gnu.org/licenses/gpl.html)
# DEPENDENCIES:   byzanz,gdialog,notify-send (install via sudo add-apt-repository ppa:fossfreedom/byzanz; sudo apt-get update && sudo apt-get install byzanz gdialog notify-osd)

# Time and date
TIME=$(date +"%Y-%m-%d_%H%M%S")

# Delay before starting
DELAY=10

# Standard screencast folder
FOLDER="$HOME/Pictures"

# Default recording duration
DEFDUR=10

# Sound notification to let one know when recording is about to start (and ends)
beep() {
    paplay /usr/share/sounds/freedesktop/stereo/message-new-instant.oga &
}

# Custom recording duration as set by user
USERDUR=$(gdialog --title "Duration?" --inputbox "Please enter the screencast duration in seconds" 200 100 2>&1)

# Duration and output file
if [ $USERDUR -gt 0 ]; then
    D=$USERDUR
else
    D=$DEFDUR
fi

# Window geometry
XWININFO=$(xwininfo)
read X < <(awk -F: '/Absolute upper-left X/{print $2}' <<< "$XWININFO")
read Y < <(awk -F: '/Absolute upper-left Y/{print $2}' <<< "$XWININFO")
read W < <(awk -F: '/Width/{print $2}' <<< "$XWININFO")
read H < <(awk -F: '/Height/{print $2}' <<< "$XWININFO")

# Notify the user of recording time and delay
notify-send "GIFRecorder" "Recording duration set to $D seconds. Recording will start in $DELAY seconds."

#Actual recording
sleep $DELAY
beep
byzanz-record -c --verbose --delay=0 --duration=$D --x=$X --y=$Y --width=$W --height=$H "$FOLDER/GIFrecord_$TIME.gif"
beep

# Notify the user of end of recording.
notify-send "GIFRecorder" "Screencast saved to $FOLDER/GIFrecord_$TIME.gif"

ffmpeg

Una de las mejores herramientas que uso es ffmpeg. Puede tomar la mayoría de los videos de una herramienta de screencast como kazamconvertirlos a otro formato.

Instale esto desde el centro de software : se instala automáticamente si instala el excelente ubuntu-restricted-extraspaquete.

Kazam puede emitir en formatos de video mp4o webm. En general, obtiene mejores resultados en mp4formato.

ejemplo de sintaxis de creación de GIF

La sintaxis básica para convertir video a gif es:

ffmpeg -i [inputvideo_filename] -pix_fmt rgb24 [output.gif]

GIF convertidos: especialmente aquellos con un estándar de 25/29 fotogramas por segundo pueden ser muy grandes. Por ejemplo, ¡un video web de 15 segundos de 800 Kb a 25 fps puede generar 435 Mb!

Puede reducir esto mediante varios métodos:

cuadros por segundo

Usa la opción -r [frame-per-second]

por ejemplo ffmpeg -i Untitled_Screencast.webm -r 1 -pix_fmt rgb24 out.gif

Tamaño reducido de 435Mb a 19Mb

límite de tamaño de archivo

Usa la opción -fs [filesize]

por ejemplo ffmpeg -i Untitled_Screencast.webm -fs 5000k -pix_fmt rgb24 out.gif

Nota: este es un tamaño de archivo de salida aproximado, por lo que el tamaño puede ser ligeramente mayor que el especificado.

tamaño del video de salida

Usa la opción -s [widthxheight]

por ejemplo ffmpeg -i Untitled_Screencast.webm -s 320x200 -pix_fmt rgb24 out.gif

Esto redujo el tamaño del video de ejemplo 1366x768 a 26Mb

bucle para siempre

A veces es posible que desee que el GIF se repita para siempre.

Usa la opción -loop_output 0

ffmpeg -i Untitled_Screencast.webm -loop_output 0 -pix_fmt rgb24 out.gif

optimizar y reducir aún más

Si usa imagemagick convertun factor de fuzz entre 3% y 10%, puede reducir drásticamente el tamaño de la imagen

convert output.gif -fuzz 3% -layers Optimize finalgif.gif

finalmente

combine algunas de estas opciones para reducir a algo manejable para Ask Ubuntu.

ffmpeg -i Untitled_Screencast.webm -loop_output 0 -r 5 -s 320x200 -pix_fmt rgb24 out.gif

seguido por

convert output.gif -fuzz 8% -layers Optimize finalgif.gif

ejemplo

Silentcast

Silentcast es otra gran herramienta basada en GUI para crear imágenes animadas .gif. Sus características incluyen:

• 4 modos de grabación:

  1. Pantalla completa

  2. Ventana interior

  3. Ventana con decoracion

  4. La selección personalizada

• 3 formatos de salida:

  1. .gif

  2. .mp4

  3. .webm

  4. .png (marcos)

  5. .mkv

• No es necesaria la instalación (portátil)

• Directorio de trabajo personalizado

• Fps personalizados

Instalación

Si desea una instalación regular y está ejecutando una versión compatible de Ubuntu, puede instalar Silentcast by PPA:

sudo add-apt-repository ppa:sethj/silentcast  
sudo apt-get update  
sudo apt-get install silentcast  

Si no está ejecutando una versión compatible de Ubuntu (¡realmente debería actualizar!), Deberá descargar la última versión de la página de GitHub y satisfacer manualmente las dependencias (puede adquirir yad y ffmpeg desde aquí y aquí, respectivamente) o, si está ejecutando una versión un poco más reciente, como la 13.10, puede intentar descargar el .deb directamente .

Si está utilizando Gnome, es posible que desee instalar la extensión Topicons para facilitar la detención de Silentcast.

Uso

Inicie Silentcast desde la interfaz gráfica de usuario de su entorno de escritorio o ejecute el silentcastcomando en una terminal. Elija su configuración y siga las instrucciones en pantalla. Cuando termine de grabar, se le presentará un cuadro de diálogo para optimizar la salida final eliminando un cierto número de fotogramas.

Para obtener pautas de uso más detalladas, consulte README, ya sea la versión en línea de GitHub o la versión local almacenada /usr/share/doc/silentcastcon zless o su editor favorito.

Notas:

Silentcast todavía está en la etapa de desarrollo y, aunque es bastante estable, puede encontrar algunos errores. Si lo hace, infórmelos en el rastreador de problemas de GitHub del proyecto . Si tiene problemas para instalar desde el PPA y está ejecutando una versión compatible de Ubuntu, deje un comentario a continuación o comuníquese con el mantenedor (yo) en Launchpad.

Hay todo tipo de formas complicadas y que funcionan bien (presumiblemente) para hacer esto enumeradas aquí. Sin embargo, nunca he querido pasar por ese proceso antes ni después. Entonces, simplemente uso un convertidor en línea que se adapta a mis necesidades las pocas veces que necesito hacerlo. He usado este sitio:

http://ezgif.com/video-to-gif

No es mi sitio y no estoy afiliado a ellos de ninguna manera. Son solo uno de mis marcadores y hay muchos más.

Creé record-gif.shuna versión mejorada de Rob Wbyzanz-record-region :

Una interfaz gráfica de usuario poco convincente para byzanzmejorar la experiencia del usuario ( área seleccionable por el mouse , barra de progreso de grabación, grabación reproducible ).

• establecer grabación duration;
• establecer save_asdestino;
• seleccione –con el mouse– el área a grabar;
• cree un guión para reproducir la grabación (cf. $HOME/record.again).

Instalar en pc

También creé un script de instalación

curl --location https://git.io/record-gif.sh | bash -

1. Instale estos 3 paquetes: imagemagick mplayer gtk-recordmydesktop
2. Ejecute Desktop Recorder para capturar una parte de la pantalla / aplicación para usar como screencast
3. Descargar ogv2gif.shdesde https://github.com/nicolas-raoul/ogv2gif
4. Correr: ./ogv2gif.sh yourscreencast.ogv
5. El archivo GIF se colocará en el mismo directorio.

100% inspirado en la respuesta de maniat1k .

Si quieres ser aún más elegante, puedes usar un método más sofisticado que los gifs animados usando el screencast de lienzo HTMl5. El proyecto x11-canvas-screencast creará una captura de pantalla animada de lienzo html5.

Es posible que haya visto algunos ejemplos famosos de esta tecnología en el sitio web de Sublime Text. x11-canvas-screencastlleva este método un paso más allá al incorporar el seguimiento del cursor del mouse. Aquí hay una demostración de lo que produce x11-canvas-screencast

El resultado es mejor que un gif animado, ya que no se limita a la cantidad de colores que tiene y requiere menos ancho de banda.

De acuerdo, para capturar también los clics del mouse, lo único que encontré fue key-mon(a través del archivo README de screenkey):

• https://code.google.com/archive/p/key-mon https://github.com/critiqjo/key-mon
• sudo apt-get install key-mon

Entonces yo:

• comienzo key-mon
• Use xrectselpara poner las coordenadas de la pantalla en un byzanzcomando
• Ejecuta el byzanzcomando

... y se ve más o menos así:

Tenga en cuenta que key-mon --visible_clickdibujaría un círculo alrededor del puntero del mouse al hacer clic con el mouse, lo que preferiría, pero en Ubuntu 14.04.5 LTS esto está algo roto, ya que este círculo no aparece y desaparece lo suficientemente rápido para ilustrar correctamente los clics (es decir, prensas y lanzamientos de mouse).

Recientemente creé una versión combinada de los scripts ya publicados aquí.
Básicamente, le permite grabar la región de la pantalla, pero con una GUI simple.

Gracias por Rob W por proporcionar esos scripts geniales

Aquí está el código (o lo esencial si lo desea):

#!/bin/bash

#Records selected screen region, with GUI

#This is combined version of GIF recording scripts, that can be found here: https://askubuntu.com/questions/107726/how-to-create-animated-gif-images-of-a-screencast
#Thanks to Rob W, and the other author (unmentioned), for creating this lovely scripts

#I do not own any rights to code I didn't write
#                                     ~Jacajack

DELAY=5 #Delay before starting
DEFDUR=10 #Default recording duration
TIME=$(date +"%Y-%m-%d_%H%M%S") #Timestamp
FOLDER="$HOME/Pictures/Byzanz" #Default output directory

#Sound notification to let one know when recording is about to start (and ends)
beep() {
    paplay /usr/share/sounds/freedesktop/stereo/message-new-instant.oga &
}

#Custom recording duration as set by user
USERDUR=$(gdialog --title "Duration?" --inputbox "Please enter the screencast duration in seconds" 200 100 2>&1)

#Duration and output file
if [ $USERDUR -gt 0 ]; then
    D=$USERDUR
else
    D=$DEFDUR
fi

#Get coordinates using xrectsel from https://github.com/lolilolicon/xrectsel
REGION=$(xrectsel "--x=%x --y=%y --width=%w --height=%h") || exit -1

notify-send "GIFRecorder" "Recording duration set to $D seconds. Recording will start in $DELAY seconds."

for (( i=$DELAY; i>0; --i )) ; do
    sleep 1
done

#Record
beep
byzanz-record --cursor --verbose --delay=0 ${REGION} --duration=$D "$FOLDER/byzanz-record-region-$TIME.gif"
beep

notify-send "GIFRecorder" "Screencast saved to $FOLDER/byzanz-record-region-$TIME.gif"

Si también desea grabaciones visibles de clics del mouse o pulsaciones de teclas, entonces screenkey es su mejor opción: https://github.com/wavexx/screenkey

Uso gtk-recordmydesktopy ffmpeg:

apt-get install gtk-recordmydesktop ffmpeg

Ejecute RecordMyDesktop para capturar una parte de la pantalla / aplicación para usar como screencast:

gtk-recordmydesktop

Crea ogv2gif.shcon el siguiente contenido:

INPUT_FILE=$1
FPS=15
WIDTH=320
TEMP_FILE_PATH="~/tmp.png"
ffmpeg -i $INPUT_FILE -vf fps=$FPS,scale=$WIDTH:-1:flags=lanczos,palettegen $TEMP_FILE_PATH
ffmpeg -i $INPUT_FILE -i $TEMP_FILE_PATH -loop 0 -filter_complex "fps=$FPS,scale=$WIDTH:-1:flags=lanczos[x];[x][1:v]paletteuse" $INPUT_FILE.gif
rm $TEMP_FILE_PATH

Úselo:

./ogv2gif.sh yourscreencast.ogv

Referencias

• https://gist.github.com/fedir/56aeddde59571402a0d94f78eb6c7a5c
• https://unix.stackexchange.com/questions/35282/convert-ogv-video-to-gif-animation

Pruebo todo el método anterior, encontré que el más simple es:

1. use gtk-recordmydesktop y key-mon para obtener un ogv
2. ffmpeg -i xx.ogv xx.gif <- sin ningún parámetro .

el fps es original y el tamaño de gif es menor que el archivo ogv.