使用来自 firebase 存储的 react-native-video 播放视频

Question

我使用 'react-native-video' 库，它与外部 link 一起使用，例如：https://www.w3schools.com/tags/movie.mp4

当我添加 URL 的 firebase 存储时，它没有显示。有没有人可以帮我解决这个问题？ Firebase 视频的 link 是： https://firebasestorage.googleapis.com/v0/b/ukkepuk-7d9dc.appspot.com/o/movie.mp4?alt=media&token=13ab1963-be1e-4974-9c5f-111d2d8256c5

这是有效的代码：

   <Video 
source={{ uri: 'https://www.w3schools.com/tags/movie.mp4' }}
style={styles.backgroundVideo}
rate={1} volume={1} muted={true}
repeat={true}
resizeMode='cover' key="video1"

/>

而不是这个：

   <Video 
source={{ uri: 'https://firebasestorage.googleapis.com/v0/b/ukkepuk-7d9dc.appspot.com/o/movie.mp4?alt=media&token=13ab1963-be1e-4974-9c5f-111d2d8256c5' }}
style={styles.backgroundVideo}
rate={1} volume={1} muted={true}
repeat={true}
resizeMode='cover' key="video1"

/>

是同一个视频。在这两种情况下，只有 1 个位于 firebase 存储以外的远程位置。我没有收到错误，只是应用程序停止了。

Answer 1

您现在通过将 URI 直接传递到 react-native-video 中所做的操作被解释为尝试从给定的 URI 流式传输视频。 Firebase 存储不支持视频流，所以这是行不通的。从 URI 流式传输要求另一端的服务器能够流式传输给定的资源。

如果你想从存储中播放视频，你必须先下载完整的视频（获取视频），保存到本地文件，然后将 react-native-video 指向本地文件进行播放。

Answer 2

如果您只关心播放视频。我找到了一种使用 react-native-webview.

从 firebase 存储播放视频的方法

使用来自 firebase 存储的 react-native-video 播放视频

Play video with react-native-video from firebase storage

react-native

react-native-video