不好意思腹殿，這里先安利下自己最近上架的應(yīng)用独悴，因?yàn)檫@個(gè) App 使用了本篇文章中提到的技術(shù)方案進(jìn)行了實(shí)現(xiàn)，實(shí)際效果歡迎大家直接去 Google Play 或國內(nèi)酷安市場下載安裝試試锣尉，歡迎拍磚刻炒。
VEditor - Google Play
VEditor - 酷安

使用 ffmpeg 視頻文件轉(zhuǎn) gif 輸出時(shí)，需要壓縮 gif 輸出自沧，參考文章使用 ffmpeg 實(shí)現(xiàn) MP4 與 GIF 的互轉(zhuǎn) 可以進(jìn)行基本的處理坟奥。但是看到使用 FFmpeg 處理高質(zhì)量 GIF 圖片 這篇文章中闡述了一些提升方案。按照文章中說的方案進(jìn)行了處理拇厢，下面是對比使用普通方案的效果爱谁。

原理介紹的英文原文：High quality GIF with FFmpeg

原理（參考原文中的描述）

GIF 是受限于256色調(diào)色板。并且默認(rèn)情況下孝偎，F(xiàn)Fmpeg 只使用一個(gè)通用調(diào)色版去嘗試覆蓋所有的顏色區(qū)域访敌，以此來支持含有大量內(nèi)容的文件。

普通轉(zhuǎn)換為GIF的效果圖

提高 GIF 圖片質(zhì)量的第一步就是定義一個(gè)更好的調(diào)色板邪媳。GIF格式存儲了一個(gè)全局調(diào)色板捐顷，但你可以對一張圖片重新定義一個(gè)調(diào)色板。

每一幀的調(diào)色板都可以取代全局調(diào)色板來只對一幀起作用雨效。一旦你停止定義一個(gè)調(diào)色板迅涮，它將會回落到全局調(diào)色板。

因此先考慮為gif生成一個(gè)新的調(diào)色板徽龟，第一次遍運(yùn)行是對整個(gè)圖片計(jì)算一個(gè)調(diào)色板叮姑，這就是新的 palettegen 濾波器參與進(jìn)來的地方。
這個(gè)濾波器對每一幀的所有顏色制作一個(gè)直方圖，并且基于這些生成一個(gè)調(diào)色板传透。這個(gè)濾波器是在做色彩量化耘沼，并且生成一個(gè)調(diào)色板（通常保存在一個(gè)PNG文件里）

生成全局調(diào)色板

提升gif質(zhì)量的第二步是解決顏色映射與抖動(dòng)。
生成全局調(diào)色板后朱盐，第二步就是將顏色效果映射到顏色輸出流中群嗤，這個(gè)是通過 paletteuse 濾波器完成的。它將會使用這個(gè)調(diào)色板來生成最終的量化顏色流兵琳，它的任務(wù)是在生成的調(diào)色板中找出最合適的顏色來表示輸入的顏色狂秘。
這個(gè)濾波器也是你可以選擇使用哪種抖動(dòng)方法的地方，抖動(dòng)可以讓圖片更加清晰躯肌。使用這兩個(gè)濾波器效果后可以讓你將 GIF 編碼成單全局調(diào)色板者春、抖動(dòng)的。

關(guān)于抖動(dòng)清女，是指把圖像從較高色彩深度（即可用的顏色數(shù)）向較低色彩深度的區(qū)域繪制時(shí)钱烟，在圖像中有意地插入噪點(diǎn)，通過有規(guī)律地?cái)_亂圖像來讓圖像對于肉眼更加真實(shí)的做法嫡丙。對于圖像降低色彩深度繪制時(shí)拴袭，可以避免出現(xiàn)大片的色帶與色塊，借以提升實(shí)際觀感效果迄沫。

進(jìn)行高質(zhì)量輸出優(yōu)化后的效果

實(shí)際測試環(huán)境

平臺： Nexus 5X
操作系統(tǒng)： Android 7.1.1
視頻原文件： demo.mp4
FFmpeg庫： 自編譯支持 Android 平臺的 ffmpeg 的 so 包

普通方案下的處理

1.執(zhí)行命令

普通方案生成 gif
@param startTime 開始時(shí)間 秒/s
@param duration  間隔時(shí)間 秒/s（用來截取視頻）
@param videoPath 源視頻路徑
@param outFilePath Gif輸出路徑
String command = "ffmpeg -ss " + startTime + " -t " + duration + " -i " + videoPath + " -r 15 -vf fps=15,scale=270:-1 " + outFilePath;

2.輸出效果圖

demo_mp4_1499666734.gif

3.實(shí)際運(yùn)行 Log 日志

普通視頻轉(zhuǎn)GIF方案執(zhí)行耗時(shí) 5349 ms
輸出文件大械狙铩：2,649,453 字節(jié)
尺寸：480?×?270
07-10 14:10:45.360 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif videoPath：/storage/emulated/0/demo.mp4
07-10 14:10:45.361 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif outFilePath：/storage/emulated/0/VideoReverser/demo_mp4_1499667045.gif
07-10 14:10:45.361 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif startTime：2 duration: 11
07-10 14:10:45.369 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command：ffmpeg -ss 2 -t 11 -i /storage/emulated/0/demo.mp4 -s 480*270 -b 568k -r 10 -pix_fmt rgb24 -f gif /storage/emulated/0/VideoReverser/demo_mp4_1499667045.gif
07-10 14:10:45.371 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onBegin
07-10 14:10:47.208 5355-5355/gdut.bsx.videoreverser D/VideoReverser: onCompletion
07-10 14:10:50.709 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onEnd0
07-10 14:10:50.709 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif 耗時(shí)：5349

GIF高質(zhì)量優(yōu)化方案

1.創(chuàng)建全局調(diào)色板

生成全局調(diào)色板命令：
@param startTime 開始時(shí)間 秒/s
@param duration  間隔時(shí)間 秒/s（用來截取視頻）
@param videoPath 源視頻路徑
@param globalPalettePicPath 輸出的全局調(diào)色板的路徑
String command = "ffmpeg -ss " + startTime + " -t " + duration + " -i " + videoPath + " -b 568k -r 20 -vf fps=20,scale=320:-1:flags=lanczos,palettegen -y " + globalPalettePicPath;

輸出的全局調(diào)色板圖片：

全局調(diào)色板圖片.png

2.輸出優(yōu)化后的 gif

利用調(diào)色板圖片和視頻源文件同時(shí)處理生成 gif 命令：
@param startTime 開始時(shí)間 秒/s
@param duration  間隔時(shí)間 秒/s（用來截取視頻）
@param videoPath 源視頻路徑
@param globalPalettePicPath 全局調(diào)色板的路徑
@param outFilePath Gif輸出路徑
String command = "ffmpeg -v warning -ss " + startTime + " -t " + duration + " -i " + videoPath + " -i " + globalPalettePicPath + " -r 15 -lavfi fps=15,scale=270:-1:flags=lanczos[x];[x][1:v]paletteuse -y " + outFilePath;

輸出最終 gif 圖片：

demo_mp4_1499666734.gif

3.實(shí)際日志輸出

執(zhí)行耗時(shí)： 16931 ms
輸出文件大小：2,951,864 字節(jié)
尺寸：320?×?180
07-10 14:05:34.327 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif videoPath：/storage/emulated/0/demo.mp4
07-10 14:05:34.328 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif outFilePath：/storage/emulated/0/VideoReverser/demo_mp4_1499666734.gif
07-10 14:05:34.328 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif startTime：2 duration: 11
07-10 14:05:34.328 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command：ffmpeg -v warning -ss 2 -t 11 -i /storage/emulated/0/demo.mp4 -r 10 -vf fps=10,scale=320:-1:flags=lanczos,palettegen -y /storage/emulated/0/VideoReverser/demo_mp4_1499666734.png
07-10 14:05:34.332 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onBegin
07-10 14:05:42.973 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command：ffmpeg -v warning -ss 2 -t 11 -i /storage/emulated/0/demo.mp4 -i /storage/emulated/0/VideoReverser/demo_mp4_1499666734.png -r 10 -lavfi fps=10,scale=320:-1:flags=lanczos[x];[x][1:v]paletteuse -y /storage/emulated/0/VideoReverser/demo_mp4_1499666734.gif
07-10 14:05:51.258 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onEnd0
07-10 14:05:51.258 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif 耗時(shí)：16931

總結(jié)

對于 gif 的處理要考慮好媒體文件的相關(guān)特性羊瘩，不論是從分辨率、幀率或采樣率等都需要仔細(xì)考慮產(chǎn)品的需求依賴盼砍。要對文件圖像質(zhì)量和文件大小等方面綜合考慮尘吗，以實(shí)際觀感出發(fā)，確定文件合適的操作依據(jù)浇坐。

再安利一波

最近自己開發(fā)的這個(gè) App 按照了本篇文章中提到的技術(shù)方案進(jìn)行了實(shí)現(xiàn)睬捶，實(shí)際效果大家直接去 Google Play 或國內(nèi)酷安市場下載安裝試試，歡迎拍磚近刘。
VEditor - 酷安
VEditor - Google Play