上文讲到如何在 electron 中如何使用 h5 的 MediaRecorder 对屏幕或摄像头进行录制,但是发现以下两个问题:
- 视频无法使用 windows 自带的播放器打开。
- 视频必须播放完一遍后才能拖动进度条。
这篇文章我们就来看看如何解决上述两个问题。
为什么不能播放
猜想:视频文件都是经过编码器进行编码的,所以使用的播放器如果不能对其进行解码的话,自然也就不能正常进行播放了,我们来验证一下。
使用 ffmpeg 来查看视频文件信息,可以看到 video 是 vp8 格式,然而 windows 自带的播放器是不支持 vp8 的,所以无法播放。
解决方案
利用 ffmpeg 将视频编码格式转换成 h264,命令如下
fffmpeg -i "20200910 113722.mp4" -vcodec h264 test.mp4
然后再查看 test.mp4 的视频信息,可以看到 video 的编码格式已经变成了 h264,就可以使用 windows 自带的播放器打开了,进度条也可以拖动。
另:如果不想每次手动转换,可以将 ffmpeg 集成进 electron 里,然后录制好后自动进行编码转换即可。