Chrome瀏覽器插件安裝點(diǎn)這里 點(diǎn)這安裝 Install

背景

上面這張圖大家都見(jiàn)過(guò)吧，哈哈

現(xiàn)在聊天時(shí)候少不了斗圖，光發(fā)靜圖逼格略低了些，GIF在斗圖中肯定略勝一籌，手繪動(dòng)畫(huà)生成GIF對(duì)大多數(shù)人來(lái)說(shuō)要求搞了些，不過(guò)給某人拍個(gè)搞笑的短視頻，再加點(diǎn)逗比文字，哈哈，從此你就走上的斗圖高手之列，沒(méi)人敢惹你，一言不合就斗圖

網(wǎng)上搜一下視頻制作表情包，也搜到了幾個(gè)，但是不多，而且大部分只是單純的轉(zhuǎn)GIF，可以添加文字的用起來(lái)也不是很方便。

更可怕的是有的制作GIF的網(wǎng)址超過(guò)60幀就要開(kāi)通VIP，呵呵，看不下去！

所以我決定自己貢獻(xiàn)一個(gè)免費(fèi)好用的表情包制作工具

工具主要就界面如下

工具不僅提供視頻轉(zhuǎn)GIF功能，而且在轉(zhuǎn)換GIF的同時(shí)還能添加文字，精確到每一幀，想讓文字顯示在哪個(gè)位置、時(shí)間，以及文字大小顏色都可以設(shè)置，全部都是瀏覽器本地生成，沒(méi)有任何網(wǎng)絡(luò)請(qǐng)求，離線也能使用。內(nèi)容隨意更改，點(diǎn)擊生成就能得到修改后的GIF

使用教程

實(shí)現(xiàn)過(guò)程

視頻播放時(shí)通過(guò)canvas將每一幀原圖保存到全局?jǐn)?shù)組FPS_LIST中，同時(shí)需要把每一幀的播放時(shí)間存到圖片中，視頻在播放的時(shí)候，點(diǎn)擊文字定位圖標(biāo)，獲取當(dāng)前視頻播放時(shí)間，填充到文字時(shí)間輸入框中

點(diǎn)擊生成需要重新遍歷FPS_LIST，為每一幀添加文字，這里需要注意的時(shí)，每行文字都有自己對(duì)應(yīng)顯示的時(shí)間范圍，所以需要判斷文字繪制在那一幀圖片中。然后生成新的圖片數(shù)組GIF_IMG_LIST

將圖片交給gifshot，最后得到生成后的GIF

是不是很簡(jiǎn)單

需要聲明的是前端生成GIF底層借助一個(gè)開(kāi)源的js庫(kù)，https://github.com/yahoo/gifshot

本工具是在它的基礎(chǔ)上進(jìn)行的二次開(kāi)發(fā),感謝作者開(kāi)源貢獻(xiàn)

關(guān)于谷歌瀏覽器開(kāi)發(fā)，可以查看在線文檔

工具具體實(shí)現(xiàn)可以訪問(wèn)我的github查看源代碼，核心代碼僅200行，如果對(duì)你有幫助，也歡迎 Star

希望我的工具能夠給愛(ài)斗圖的朋友們帶來(lái)一些樂(lè)趣

總結(jié)

以上是生活随笔為你收集整理的linux 视频转gif,GitHub - alinuxsa/VideoToGIF: video to gif 视频转gif制作表情包插件（可以添加文字）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。