react-native - 如何使用 expo react native 预加载视频

Question

我正在构建一个视频组件，我可以在其中添加多个源。它只是一个接一个地阅读所有视频。所以这很简单，现在我的自定义组件中只有一个视频组件，我会在需要时加载下一个视频或上一个视频。

我的问题是，当网络状况不佳时，每个视频之间的等待时间可能会有点长。

所以我想预加载视频并缓存它们，就像在播放另一个视频的同时加载视频一样。

我尝试使用 FileSystem.downloadAsync() 但它不是很流畅，您必须等到最后才有有效的 uri 才能将其传递给视频组件。因此，如果在上一个视频结束前未下载，您将无法阅读。我想在我的自定义组件中包含多个视频组件，这些组件可以预加载视频并在合适的时候播放和显示，但我发现它非常复杂。

有更好的方法吗？

Answer 1

我刚刚发现您可以像处理图像一样使用 downloadAsync:

async componentDidMount() {
    await Asset.fromModule(require('../assets/background.mp4')).downloadAsync();
    this.setState({ videoLoaded: true });
}