覆盖视频标签请求机制

Question

我目前正在使用 electron 构建一个桌面应用程序，其中包含 html5 <video/> 标签。

对于我的第一个实现，我使用文件 URI 设置了 src（例如：'file:///Users/bobby/Desktop/video.mp4'）。

问题是表现很糟糕（加载时间真的很长，每次点击时间栏之间视频至少需要 2 秒才能改变）。在我当前的实现中，为了解决这些问题，我将与我的应用程序并行启动，即 localhost 上的静态文件服务器来提供视频文件。我认为这个解决方案真的很脏而且矫枉过正。

有没有一种干净的方法来为视频标签提供从节点fs 流中读取的数据？我正在考虑用一个回调来覆盖部分请求机制，这将返回我的数据，但从我目前对 API 的阅读和理解来看，这是不可能的。

Answer 1

您遇到的性能问题很可能与文件大小、编码深度或分辨率有关。大视频加载速度较慢，播放速度较慢。搜索通常也较慢，因为播放器必须花时间从文件系统缓冲，然后才能开始或继续播放。

尝试以较低的比特率和分辨率重新编码，看看性能是否有所提高。高档通常比低档更好。此外，尝试将关键帧间隔多远。更频繁的关键帧通常会增加文件大小，但可以加快搜索速度。