electron 錄制生成的 mp4 無法播放

上文講到如何在 electron 中如何使用 h5 的 MediaRecorder 對屏幕或攝像頭進行錄制，但是發現以下兩個問題：

1. 視頻無法使用 windows 自帶的播放器打開。
2. 視頻必須播放完一遍后才能拖動進度條。

這篇文章我們就來看看如何解決上述兩個問題。

為什么不能播放

猜想：視頻文件都是經過編碼器進行編碼的，所以使用的播放器如果不能對其進行解碼的話，自然也就不能正常進行播放了，我們來驗證一下。
使用 ffmpeg 來查看視頻文件信息，可以看到 video 是 vp8 格式，然而 windows 自帶的播放器是不支持 vp8 的，所以無法播放。

解決方案

利用 ffmpeg 將視頻編碼格式轉換成 h264，命令如下

fffmpeg -i "20200910 113722.mp4" -vcodec h264 test.mp4

然后再查看 test.mp4 的視頻信息，可以看到 video 的編碼格式已經變成了 h264，就可以使用 windows 自帶的播放器打開了，進度條也可以拖動。

另：如果不想每次手動轉換，可以將 ffmpeg 集成進 electron 里，然后錄制好后自動進行編碼轉換即可。