Tôi đã thấy hình ảnh GIF hoạt hình của các màn hình (như hình dưới đây) được quảng cáo một vài lần trên trang web này như một cách để cải thiện câu trả lời.

Toolchain nào đang được sử dụng để tạo ra những thứ này? Có một chương trình thực hiện điều này một cách tự động, hoặc mọi người đang thực hiện screencasts, chuyển đổi chúng thành một loạt các khung tĩnh, sau đó tạo các hình ảnh GIF?

Peek

Là một ứng dụng mới cho phép bạn dễ dàng ghi lại GIF từ màn hình của mình.

Dù sao, hãy nhớ rằng GIF có bảng màu rất hạn chế vì vậy không nên sử dụng chúng.

Kể từ Ubuntu 18.10, bạn có thể cài đặt Peek trực tiếp.

sudo apt install peek

Đối với các phiên bản Ubuntu cũ hơn, bạn có thể cài đặt các phiên bản Peek mới nhất từ PPA của nó .

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

Tìm thêm thông tin trong repo GitHub .

Byzanz

Phần mềm tốt nhất tôi từng tìm thấy để ghi lại các screencasts GIF là Byzanz.

Byzanz thật tuyệt vời vì nó ghi trực tiếp vào GIF, chất lượng và FPS rất ấn tượng trong khi duy trì kích thước của các tệp ở mức tối thiểu.

Cài đặt

Byzanz hiện có sẵn từ kho vũ trụ:

sudo apt-get install byzanz

Sử dụng

Khi nó được cài đặt, bạn có thể chạy nó trong một thiết bị đầu cuối.

Đây là một ví dụ nhỏ tôi vừa mới làm với

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

Đầu tiên cài đặt này:

sudo apt-get install imagemagick mplayer gtk-recordmydesktop

đó là những thứ bắt buộc, ImageMagick, MPlayer và Desktop Recorder. Sau đó, sử dụng Desktop Recorder để chụp một phần màn hình / ứng dụng để sử dụng làm screencast. Sau khi Trình ghi máy tính để bàn đã lưu bản ghi vào video OGV , MPlayer sẽ được sử dụng để chụp ảnh chụp màn hình JPEG, lưu chúng vào thư mục 'đầu ra'.

Trên thiết bị đầu cuối:

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

Sử dụng ImageMagick để chuyển đổi ảnh chụp màn hình thành ảnh gif hoạt hình.

convert output/* output.gif

bạn có thể tối ưu hóa các ảnh chụp màn hình theo cách này:

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

Tổng quan

Câu trả lời này chứa ba tập lệnh shell:

1. byzanz-record-window - Để chọn một cửa sổ để ghi âm.
2. byzanz-record-region - Để chọn một phần của màn hình để ghi.
3. Một giao diện người dùng GUI đơn giản cho 1, bởi MHC .

Giới thiệu

Cảm ơn Bruno Pereira đã giới thiệubyzanz cho tôi ! Nó khá hữu ích để tạo hoạt hình GIF. Màu sắc có thể bị tắt trong một số trường hợp, nhưng kích thước tệp bù cho nó. Ví dụ: 40 giây, 3,7Mb .

Sử dụng

Lưu một / tất cả hai tập lệnh sau vào một thư mục trong của bạn $PATH. Đây là một ví dụ về việc sử dụng tập lệnh đầu tiên để tạo ra một đoạn ghi hình của một cửa sổ cụ thể.

1. Chạy byzanz-record-window 30 -c output.gif
2. Chuyển đến cửa sổ (tab alt) bạn muốn chụp. Nhấn vào nó.
3. Đợi 10 giây (mã hóa cứng $DELAY), trong đó bạn chuẩn bị ghi âm.
4. Sau tiếng bíp (được xác định trong beephàm), byzanzsẽ bắt đầu.
5. Sau 30 giây (đó là ý nghĩa của 30bước 1), byzanzkết thúc. Một tiếng bíp sẽ được phát lại.

Tôi đã đưa -ccờ vào byzanz-record-windowđể minh họa rằng mọi đối số cho tập lệnh shell của tôi đều được thêm vào byzanz-recordchính nó. Các -clá cờ nói byzanzcũng đưa con trỏ vào hình màn ảnh.
Xem man byzanz-recordhoặc byzanz-record --helpđể biết thêm chi tiết.

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

Phụ thuộc: xrectseltừ xrectsel . Nhân bản kho lưu trữ và chạy makeđể có được thực thi. (Nếu nó phản đối thì không có makefile, hãy chạy ./bootstrapvà ./configuretrước khi chạy `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

Phiên bản Gui của byzanz-record-window

(nhận xét của MHC ): Tôi đã tự do sửa đổi tập lệnh bằng một đoạn hội thoại GUI đơn giản

#!/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

Một trong những công cụ tốt nhất tôi sử dụng là ffmpeg. Nó có thể lấy hầu hết video từ một công cụ screencast như kazamvà chuyển đổi nó sang định dạng khác.

Cài đặt phần mềm này từ trung tâm phần mềm - nó được cài đặt tự động nếu bạn cài đặt ubuntu-restricted-extrasgói tuyệt vời .

Kazam có thể xuất ra ở định dạng video mp4hoặc webm. Nói chung, bạn nhận được kết quả tốt hơn xuất ra ở mp4định dạng.

ví dụ cú pháp tạo ảnh GIF

Cú pháp cơ bản để chuyển đổi video sang gif là:

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

GIF được chuyển đổi - đặc biệt là những ảnh có 25/29 khung hình mỗi giây tiêu chuẩn có thể rất lớn. Ví dụ: một video 15 giây web 800Kb ở tốc độ 25 khung hình / giây có thể xuất ra 435Mb!

Bạn có thể giảm điều này bằng một số phương pháp:

tỷ lệ khung hình

Sử dụng tùy chọn -r [frame-per-second]

ví dụ ffmpeg -i Untitled_Screencast.webm -r 1 -pix_fmt rgb24 out.gif

Kích thước giảm từ 435Mb xuống 19Mb

giới hạn kích thước tập tin

Sử dụng tùy chọn -fs [filesize]

ví dụ ffmpeg -i Untitled_Screencast.webm -fs 5000k -pix_fmt rgb24 out.gif

Lưu ý - đây là kích thước tệp đầu ra gần đúng để kích thước có thể lớn hơn một chút so với chỉ định.

kích thước của video đầu ra

Sử dụng tùy chọn -s [widthxheight]

ví dụ ffmpeg -i Untitled_Screencast.webm -s 320x200 -pix_fmt rgb24 out.gif

Điều này đã giảm kích thước video 1366x768 xuống còn 26Mb

vòng lặp mãi mãi

Đôi khi bạn có thể muốn GIF lặp lại mãi mãi.

Sử dụng tùy chọn -loop_output 0

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

tiếp tục tối ưu hóa và thu nhỏ

Nếu bạn sử dụng imagemagick convertvới hệ số mờ từ 3% đến 10% thì bạn có thể giảm đáng kể kích thước hình ảnh

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

cuối cùng

kết hợp một số tùy chọn này để giảm xuống mức có thể quản lý được đối với Hỏi Ubuntu.

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

theo dõi bởi

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

thí dụ

Im lặng

Silentcast là một công cụ dựa trên gui tuyệt vời khác để tạo hình ảnh .gif hoạt hình. Các tính năng của nó bao gồm:

• 4 chế độ ghi:

  1. Toàn màn hình

  2. Cửa sổ bên trong

  3. Cửa sổ trang trí

  4. Lựa chọn tùy chỉnh

• 3 định dạng đầu ra:

  1. .gif

  2. .mp4

  3. .webm

  4. .png (khung)

  5. .mkv

• Không cần cài đặt (di động)

• Thư mục làm việc tùy chỉnh

• Khung hình / giây tùy chỉnh

Cài đặt

Nếu bạn muốn cài đặt thường xuyên và đang chạy phiên bản Ubuntu được hỗ trợ, bạn có thể cài đặt Silentcast bằng PPA:

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

Nếu bạn không chạy phiên bản Ubuntu được hỗ trợ (bạn thực sự nên nâng cấp!), Bạn sẽ cần tải xuống phiên bản mới nhất từ trang GitHub và thỏa mãn thủ công (bạn có thể mua yad và ffmpeg từ đây và tại đây ) hoặc, tương ứng nếu bạn đang chạy phiên bản mới hơn một chút, chẳng hạn như 13.10, bạn có thể thử tải xuống .deb trực tiếp .

Nếu bạn đang sử dụng Gnome, bạn có thể muốn cài đặt tiện ích mở rộng Topicons để giúp việc dừng Silentcast dễ dàng hơn.

Sử dụng

Bắt đầu Silentcast từ gui của môi trường máy tính để bàn của bạn hoặc chạy silentcastlệnh trong thiết bị đầu cuối. Chọn cài đặt của bạn và làm theo lời nhắc trên màn hình. Khi bạn ghi xong, bạn sẽ thấy một hộp thoại để tối ưu hóa đầu ra cuối cùng bằng cách loại bỏ một số khung nhất định.

Để biết thêm hướng dẫn sử dụng chuyên sâu, hãy xem README, phiên bản GitHub trực tuyến hoặc phiên bản cục bộ được lưu trữ /usr/share/doc/silentcastvới zless hoặc trình chỉnh sửa yêu thích của bạn.

Ghi chú:

Silentcast vẫn đang trong giai đoạn phát triển và mặc dù nó khá ổn định nhưng bạn có thể gặp một số lỗi. Nếu bạn làm ơn hãy báo cáo cho họ về trình theo dõi các vấn đề GitHub của dự án . Nếu bạn gặp sự cố khi cài đặt từ PPA và đang chạy phiên bản Ubuntu được hỗ trợ, hãy để lại nhận xét bên dưới hoặc liên hệ với người bảo trì (tôi) trên Launchpad.

Có tất cả các cách phức tạp và hoạt động tốt (có lẽ) để làm điều này được liệt kê ở đây. Tuy nhiên, tôi chưa bao giờ muốn trải qua quá trình đó trước đó và kể từ đó. Vì vậy, tôi chỉ cần sử dụng một công cụ chuyển đổi trực tuyến phù hợp với nhu cầu của mình vài lần tôi cần làm như vậy. Tôi đã sử dụng trang web này:

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

Đây không phải là trang web của tôi và tôi không liên kết với họ theo bất kỳ cách nào. Chúng chỉ là một trong các dấu trang của tôi và còn nhiều hơn nữa.

Tôi đã tạo record-gif.sh, một phiên bản cải tiến của Rob W'sbyzanz-record-region :

GUI khập khiễng byzanz, cải thiện trải nghiệm người dùng ( khu vực có thể chọn chuột , thanh tiến trình ghi, ghi lại có thể phát lại ).

• thiết lập ghi âm duration;
• đặt save_asđích;
• chọn ăn với chuột Chuột khu vực để ghi;
• tạo một kịch bản để phát lại ghi âm (xem $HOME/record.again).

Tải về

Tôi cũng đã tạo một tập lệnh cài đặt

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

1. Cài đặt 3 gói này: imagemagick mplayer gtk-recordmydesktop
2. Chạy Desktop Recorder để chụp một phần màn hình / ứng dụng để sử dụng làm screencast
3. Tải xuống ogv2gif.shtừ https://github.com/nicolas-raoul/ogv2gif
4. Chạy: ./ogv2gif.sh yourscreencast.ogv
5. Tệp GIF sẽ được đặt trong cùng thư mục

Lấy cảm hứng 100% từ câu trả lời của maniat1k .

Nếu bạn muốn nhận được nhiều hơn nữa, bạn có thể sử dụng một phương pháp phức tạp hơn so với các gif hoạt hình bằng cách sử dụng hình vẽ trên nền vải HTMl5. Dự án x11-canvas-screencast sẽ tạo ra một bản chụp màn hình hoạt hình canvas html5.

Bạn có thể đã thấy một số ví dụ nổi tiếng về công nghệ này trên trang web Sublime Text. x11-canvas-screencastđưa phương pháp này tiến thêm một bước bằng cách kết hợp theo dõi con trỏ chuột. Đây là bản demo của những gì x11-canvas-screencast tạo ra

Kết quả tốt hơn một gif hoạt hình vì nó không giới hạn số lượng màu sắc có và nó tốn ít băng thông hơn.

Ok, do đó, để bắt chuột, điều duy nhất tôi tìm thấy là key-mon(thông qua README của screenkey):

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

Sau đó tôi:

• Khởi đầu key-mon
• Sử dụng xrectselđể lấy tọa độ màn hình đưa vào byzanzlệnh
• Chạy byzanzlệnh

... và nó trông giống như thế này:

Lưu ý rằng key-mon --visible_clicksẽ vẽ một vòng tròn xung quanh con trỏ chuột khi nhấp chuột - điều mà tôi thích, nhưng trong Ubuntu 14.04.5 LTS, điều này hơi bị hỏng, vì vòng tròn này không xuất hiện và biến mất đủ nhanh để minh họa chính xác các nhấp chuột (nghĩa là nhấn chuột và phát hành).

Gần đây tôi đã tạo phiên bản kết hợp của các kịch bản đã được đăng ở đây.
Về cơ bản, nó cho phép bạn ghi lại vùng màn hình, nhưng với GUI đơn giản.

Cảm ơn Rob W đã cung cấp những kịch bản tuyệt vời đó

Đây là mã (hoặc ý chính nếu bạn muốn):

#!/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"

Nếu bạn cũng muốn các bản ghi có thể nhìn thấy của các lần nhấp chuột hoặc các nét chính, thì screenkey là lựa chọn tốt nhất của bạn: https://github.com/wavexx/screenkey

Sử dụng gtk-recordmydesktopvà ffmpeg:

apt-get install gtk-recordmydesktop ffmpeg

Chạy RecordMyDesktop chụp một phần màn hình / ứng dụng để sử dụng làm screencast:

gtk-recordmydesktop

Tạo ogv2gif.shvới nội dung sau:

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

Sử dụng nó :

./ogv2gif.sh yourscreencast.ogv

Người giới thiệu :

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

Tôi kiểm tra tất cả các phương pháp trên, tìm thấy một cách đơn giản nhất là:

1. sử dụng gtk-recordmydesktop và key-mon để nhận ogv
2. ffmpeg -i xx.ogv xx.gif <- không có bất kỳ tham số nào .

khung hình / giây là bản gốc và kích thước gif nhỏ hơn tệp ogv.