有没有办法在 React Native（适用于 Android）中添加视频元素？

Posted 2023-05-07

【中文标题】有没有办法在 React Native（适用于 Android）中添加视频元素？

【英文标题】：Is there a way to add video elements in React Native (for Android)?

【发布时间】：2016-03-16 16:08:31

【问题描述】：

我正在搜索文档，但尚未成功找到示例代码。 我需要从我的流服务器播放视频。有什么办法吗？或者可能是 react-js 还不支持 android 上的视频。

【参考方案1】：

是的。我花了一段时间才弄清楚，但解决方案很简单。

使用react-native-video组件，它是跨平台的ios和Android。

实施： 再简单不过了……

<Video source= uri: 'http://STREAM_URL/playlist.m3u8'  />

在 iOS 和 Android 上播放实时 HLS .m3u8 流的提示：

在 iOS 上： 请务必在 info.plist 上的应用程序传输安全设置中允许流的源域作为例外域。在测试时，我将“允许任意负载”设置为“是”。在我这样做之前，流根本没有通过。

在 Android 上： 使用 react-native-video 1.0 中引入的新 exoplayer 变体。以下是启用该功能的方法：#426 (comment)

【参考方案2】：

React Native 不支持。

这个我没用过，不过你可以在这个插件里找到你需要的东西：https://github.com/ms88privat/react-native-video-gstreamer

【讨论】：

该项目不再像您提供的链接页面上所述那样维护。还有其他选择吗？