electron 录制生成的 mp4 无法播放

上文讲到如何在 electron 中如何使用 h5 的 MediaRecorder 对屏幕或摄像头进行录制，但是发现以下两个问题：

1. 视频无法使用 windows 自带的播放器打开。
2. 视频必须播放完一遍后才能拖动进度条。

这篇文章我们就来看看如何解决上述两个问题。

为什么不能播放

猜想：视频文件都是经过编码器进行编码的，所以使用的播放器如果不能对其进行解码的话，自然也就不能正常进行播放了，我们来验证一下。
使用 ffmpeg 来查看视频文件信息，可以看到 video 是 vp8 格式，然而 windows 自带的播放器是@R_404_6289@ vp8 的，所以无法播放。

解决方案

利用 ffmpeg 将视频编码格式转换成 h264，命令如下

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

然后再查看 test.mp4 的视频信息，可以看到 video 的编码格式已经变成了 h264，就可以使用 windows 自带的播放器打开了，进度条也可以拖动。

另：如果不想每次手动转换，可以将 ffmpeg 集成进 electron 里，然后录制好后自动进行编码转换即可。