android - 有没有办法在 React Native(适用于 Android)中添加视频元素？

Question

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

Answer 1

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

使用react-native-video跨平台 iOS 和 Android 组件。

实现:再简单不过了...

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

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

在 iOS 上:请确保在 info.plist 上的 App Transport Security Settings 中允许流的源域作为异常(exception)域。在测试时，我将“允许任意加载”设置为"is"。在我这样做之前，流根本没有通过。

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