作一我的性的演示教程

最近有身邊的朋友在爲本身作的產品錄製一些簡單的使用教程。爲下降使用者的學習成本，讓咱們的產品變得簡單易用，這是一件值得去作的事情，可是在教程的製做上面有多種選擇，各有各的優勢，也各有各的劣勢，這裏我就簡單介紹一下我所瞭解的教程錄製工具。

1、有聲有色可編輯

一般而言，教程應該根據操做步驟，一步一步將使用過程錄製成視頻，並配以簡潔明瞭的語音說明。這對於用戶而言，學習成本最低、最容易理解。有不少軟件能夠作到這種程度，好比：

• Camtasia Studio (Windows 平臺下最好用的屏幕錄像軟件)
• Screenflow (號稱 Mac 上最好的錄屏軟件)

這類軟件不只能夠將操做者在屏幕上的行爲完整的錄製下來，並且兼具錄音功能，能夠同步將電腦中播放的聲音或用戶本身補充說明的語音進行錄製，並最終合成導出各類格式的視頻文件。不只如此，它們甚至能夠在教程錄製完成後對操做過程當中的誤操做進行剪切，從新編輯，功能很是強大。可是，這類軟件也有其顯著的缺點：其一，軟件自身比較大，下載和安裝成本比較高；其二，軟件自身配備了不少高級功能。使用成本比較高；其三，錄製出來的教程視頻語音共存，體積較大，不方便保存或經過網絡傳播。

2、我只想安靜的作個教程

有聲視頻當然強大，可是若是用它們在製做一些幾秒、十幾秒的操做演示，未免顯得有些大材小用，並且它們製做出來的視頻未必適合全部的場景。因此，我這裏再給你們介紹一些小工具：

• LICEcap (一款小巧的、兼容多平臺的gif錄製小工具)
• GifCam (功能與LICEcap大同小異)

這類軟件也有不少共同點：首先，它們功能專注，都只爲錄製網頁gif動畫而生；其次，它們一般體積很小；再次，由於小且功能專注，因此使用也很簡單。可是，它們只適合錄製一些簡單的步驟，不適合錄製步驟比較複雜的或者內容比較多的教程，緣由很簡單：第一，gif在網頁中沒法控制其播放進度，步驟過多，用戶記不住，而想返回重看時必須等待完整播放完後從新開始；第二，gif沒法暫停，內容多的狀況下，用戶可能還沒看完就跳過了，也不利於用戶跟着演示一步一步操做；第三，多步驟或多內容的gif一般體積會比較大，不利於網絡傳輸加載。

3、取長補短，兼而有之

看完了上面介紹的兩種類型的工具，咱們不難發現各有各的優點，也各有各的劣勢。在實際使用中如何選擇適合的工具，還得看使用者須要怎樣的結果，或者看使用者本人的技能偏向。此外，我這裏再給你們提供一種折中的方案：首先使用LICEcap或GifCam錄製動畫教程，而後經過在線工具（gif2mp4）將gif動畫直接轉換成視頻。來看一個例子：

首先，這是我用LICEcap錄製的一段gif動畫（1M，加載時稍做等待），裏面的代碼比較多，你們能夠試試若是徹底掃一遍，你會看幾遍gif：

而後，我用gif2mp4將其轉換成了視頻（499kb）：

<video controls src="http://www.seejs.com/wp-content/uploads/2016/01/loading.mp4" autoplay style="max-width:100%;"></video>

咱們能夠對比一下，在質量上幾乎沒有任何差異，可是上面已經列出來了，在體積上從1M降到了499kb，接近50%的壓縮率，固然這只是通常狀況，不是絕對的。並且優點並不只僅體如今體積減少上面，當咱們轉換成視頻以後，咱們就能夠對播放進度（暫停/快進/快退）自由控制了。有沒有一種高大上的感受？

固然，gif轉換成mp4視頻，並不必定須要經過上面例舉的在線工具處理，也能夠經過一些客戶端軟件，甚至命令行腳本實現：

• iPixSoft GIF to Video Converter
• ThunderSoft GIF to Video Converter
• 命令行gif2mp4

好啦，拋磚引玉的工做到此結束，剩下的就你們去自由發揮吧，哈哈...

做者博客：百碼山莊