說的是在 macOS 上用全部免費(fèi)的軟件錄制、剪輯。
如果看英文方便，能訪問 Medium ，可以直接看我們在 Medium 上發(fā)的文章。
先簡(jiǎn)單說我們?cè)趺醋龅模?/p>
- 用 QuickTime 播放器做屏幕錄制和視頻剪輯；
- 用 VLC 播放器（開源的工具）做視頻畫幅尺寸的裁剪和縮放；
- 用 FFmpeg（開源的工具） 做視頻畫幅的旋轉(zhuǎn)。
先看最終的視頻（可以選到 藍(lán)光 1080P 播放，如果你是會(huì)員的話，順便說，用按月訂閱的方式最劃得來：）：
下面是詳細(xì)的過程，沒耐心的請(qǐng)直接跳到下面的“第一步”。
我們做這個(gè)視頻是用來做我們在 App Store 的 app 收納盒子的預(yù)覽視頻的，就是簡(jiǎn)單錄制使用 app 的過程中整個(gè) iPhone 的屏幕（當(dāng)然不能是額外拿個(gè)設(shè)備對(duì)著拍這么簡(jiǎn)單了，實(shí)際上應(yīng)該也可以：）。但是，蘋果對(duì)這個(gè)視頻有非常嚴(yán)格詳細(xì)的規(guī)范要求，比如下面就是和我們視頻制作最相關(guān)的一些：
- 視頻長(zhǎng)度在 15 秒和 30 秒之間；
- 對(duì)每種尺寸的 iPhone 都有視頻分辨率的要求，最后統(tǒng)一成 1080P * 1920P （寬 * 高） 是最省時(shí)省力的；
- 最大幀率：30 （所以直接錄制的視頻是不能直接用的，因?yàn)閹侍撸?/p>
- 必須有立體聲雙聲道的音軌（開始弄個(gè)沒音軌的視頻試了好多次，結(jié)果不符合要求）。
除此之外，我們還有自己的要求：
- 想用 iPhone 模擬器而不是真實(shí)的設(shè)備做屏幕錄制，因?yàn)檫@個(gè)屏幕錄制隨著 app 的更新，肯定是一個(gè)不斷重復(fù)的過程，模擬器可以幾乎完全控制整個(gè)環(huán)境，真實(shí)的設(shè)備會(huì)太麻煩；
- 需要進(jìn)行內(nèi)容片段的編輯，因?yàn)?30 秒其實(shí)能表現(xiàn)的東西極其有限，所以要通過剪接讓視頻變得精簡(jiǎn)和快節(jié)奏，來盡可能表達(dá)我們的 app 收納盒子 更多的功能和使用方式；
- 最好能用全部免費(fèi)的工具（不想花錢買工具，也不想找什么破解版）；
- 需要至少有一個(gè)畫質(zhì)非常高的版本，因?yàn)檫€需要在其他任何可能的地方展示。
在做這個(gè)之前，我們對(duì)視頻編輯幾乎一無所知，也從來沒做過這種規(guī)范的 app 預(yù)覽視頻，不好意思滴說，這個(gè)東西就是我們做過的最復(fù)雜的視頻編輯了。
此外，真正的挑戰(zhàn)（有些是嘗試了 n 多次才發(fā)現(xiàn)很難過去的）是：
- 雖然 QuickTime 可以做屏幕錄制視頻，但是精確畫幅尺寸的錄制完全不可能，只能做全屏幕的錄制或者隨意用鼠標(biāo)拖拽一個(gè)矩形區(qū)域（不可能做到像素級(jí)別的精確）的錄制；
- QuickTime 在進(jìn)行復(fù)雜的視頻編輯后，只能導(dǎo)出畫幅高度最高僅有 1080P（我們要的是 1920P）的視頻；
- 在視頻的分辨率和顯示分辨率（英文）的處理邏輯上，VLC 和 QuickTime 并不一致，所以經(jīng)過一些列嘗試后，我們不得不引入單獨(dú)的 FFmpeg 做視頻畫幅的旋轉(zhuǎn)（FFmpeg 真是一個(gè)極好的東西）；
- 用手上這些免費(fèi)工具，沒辦法單獨(dú)導(dǎo)入和編輯音軌，只能將就把聲音和視頻一起剪輯。
所以，我們花了好一大塊時(shí)間，最終琢磨出來一個(gè)嚴(yán)格詳細(xì)的有 5 個(gè)步驟的過程，把這個(gè)視頻做完了 =.=，而且仍然不完美，因?yàn)樯厦嫣岬降穆曇魡栴}。下面就是 5 個(gè)步驟的詳細(xì)描述。
第一步
用 QuickTime 做矩形區(qū)域的屏幕錄制（看蘋果官方的支持文檔中的“錄制”部分），也請(qǐng)注意同步錄制聲音。
但是拖拽的區(qū)域要大于內(nèi)容的尺寸或者最終視頻的尺寸，這樣才可以裁剪和縮放，如果小了就沒法做了。我們錄制的是一個(gè) iPhone 7 Plus 的模擬器窗口，出去窗口本身的界面元素，內(nèi)容尺寸是 1242P * 2208P。我們需要的視頻尺寸是 1080P * 1920P，所以縮放是這樣的：(1242P * 2208P) / 1.15 = (1080P * 1920P)。所以，我們錄制的屏幕視頻尺寸一定要大于 1242P * 2208P。
順帶說一句，很抱歉，文中的截圖全是英文的，再截一遍圖實(shí)在太麻煩了。
第二步
用 VLC 進(jìn)行裁剪、縮放，得到 1080P * 1920P 尺寸的視頻。
2.1 到底要裁剪多少像素？在 Finder 里面選擇第一步中錄制的視頻，可以看到現(xiàn)在的視頻尺寸是 1280P * 2269P。
第一步中提到的，內(nèi)容尺寸是 1242P * 2208P ，因此要裁剪的像素是：寬：1280P - 1242P = 38P；高：2296P - 2208P = 88P。
接下來我們要確定具體的左右上下分別裁剪多少。用 VLC 打開錄制的視頻文件，暫停播放，選擇菜單“Window” > “Video Effects …”（請(qǐng)自己大概翻譯一下再去找到）。在半透明的 “Video Effects …” 窗口中選擇 “Crop”（裁剪？）那個(gè) tab 。然后要花一些時(shí)間觀察和微調(diào)，最后確定要裁剪的像素：左：20P；右：18P；上：62P；下：26P。
2.2 配置導(dǎo)出轉(zhuǎn)碼的過濾器。打開 VLC 的設(shè)置（或首選項(xiàng)？）窗口，點(diǎn)擊左下角的“Show All”按鈕，然后按照下面截圖的做，最后不要忘了保存設(shè)置。
2.3 處理并且導(dǎo)出視頻。選擇菜單“File” > “Convert & Stream…”，在 “Drop media here” 區(qū)域選擇錄制的視頻文件，在下面的區(qū)域選擇 “Video?—?H.264 + MP3 (MP4)”并且點(diǎn)擊“Customize...”（定制？）按鈕，然后按照下面截圖的做并最后點(diǎn)擊 “Apply”（應(yīng)用）?？梢园凑招枰{(diào)整參數(shù)。
最后，點(diǎn)擊 “Save as File”（保存為文件？），然后通過 “Browse…” 按鈕選擇保存的位置和文件名，之后點(diǎn)擊右下角的“Save”（保存）按鈕。
注意：1）用 ctrl + 滾動(dòng)（鼠標(biāo)或觸摸板）來放大屏幕，在確定要裁剪像素的時(shí)候非常有用；2）在導(dǎo)出視頻的時(shí)候，確認(rèn)沒有在 “Playback” （播放？）選擇任何重復(fù)單曲、重復(fù)全部之類的選項(xiàng)；3）VLC 這些高級(jí)功能不是那么用戶友好，所以仔細(xì)一點(diǎn)。
第三步
用 FFmpeg 旋轉(zhuǎn)視頻為 1920P * 1080P，這樣 QuickTime 才能順利的編輯導(dǎo)出。
下載 FFmpeg 并且安裝，然后在 “Terminal”（終端）里面運(yùn)行下面的命令：
$ ~/Applications/ffmpeg -i 5.5inch-v1-cropped1.m4v -vf “transpose=1” 5.5inch-v1-cropped1-rotated1.m4v
這里可以詳細(xì)看怎么做視頻旋轉(zhuǎn)：http://stackoverflow.com/a/9570992/49748??
第四步
用 QuickTime 按需要做視頻的各種剪輯。
最后，選擇 “File” > “Export” > “1080p…” 導(dǎo)出 1920P * 1080P 的視頻。
第五步
用 FFmpeg 把視頻旋轉(zhuǎn)回來，在終端里面運(yùn)行下面的命令：
$ ~/Applications/ffmpeg -i 5.5inch-v1-cropped1-rotated1-edited1.mov -vf “transpose=2” 5.5inch-v1-cropped1-rotated1-edited1-final1.mov
這里可以詳細(xì)看怎么做視頻旋轉(zhuǎn)：http://stackoverflow.com/a/9570992/49748
- 全文完 -
