React Native Windows:从C:/播放视频

Question

我试图在我的ReactNative Windows应用程序中从我的本地存储(C:/)播放视频。我尝试了以下方法无效:

• React Native File Viewer我认为这将是一个简单的选择，但是我的RNW版本是0.69，并且对这个库的支持已经5年没有更新了(这意味着无法使用outlinking)。当我尝试用npm install添加库后构建应用程序时，我得到以下错误:

RootRoutenode_modulesreact-native-file-viewerwindowsRNFileViewerRNFileViewerModule.cs(1,7):错误CS0246:类型或命名空间名称'ReactNative'无法找到(您是否缺少使用指令或汇编引用?)[RootRoutenode_modulesreact-native-file-viewerwindowsRNFileViewerRNFileViewer.csproj]。检查你的构建配置

• 链接:在ReactNative中有一种打开url的方法叫做链接。然而，这将不适用于本地文件，只与youtube视频等。它是这样的:

  import {Linking} from 'react-native';
  openLinkMethod () {
  Linking.openURL(url)
  }
  

• WebView:我已经尝试创建一个WebView和一个小的HTML源视频像这样

  <WebView
  source={{ html: `<h1><video width="320" height="240" controls>
  <source 
  src="file://route/video.mp4" type="video/mp4">
  <source src="../videos/big.webm" type="video/ogg">
  Your browser does not support the video tag.
  </video></h1>` }}
  style={{ marginTop: 20, width: 300, height: 300 }}
  />
  

如有任何帮助，不胜感激。

Answer 1

我可以通过将视频复制到我的本地应用程序文件夹并使用库react-native-video来解决这个问题。

属性RNFS.DocumentDirectoryPath是一个本地AppData文件夹，您可以使用file://指令在<Video/>标签中存储视频并读取它。