Question

我正在尝试在我的应用上显示实时流视频。目前，我正在使用WebView尝试使用嵌入式YouTube网址显示视频。但是，我希望移动应用看起来像第一个屏幕截图，但是我目前拥有第二个屏幕截图。

<WebView
                style={{flex:1}}
                javaScriptEnabled={true}
                source={{uri: 'https://www.youtube.com/embed/hHW1oY26kxQ?autoplay=0&fs=0&controls=1'}}/>

Screenshot of livestream video on desktop Screenshot of livestream video on mobile (android)

更具体地说，我想拥有“实时”控件和设置控件，以至少更改质量，并具有向前移动或向后移动10秒钟的能力，而移动应用程序确实具有当前的嵌入链接。

我也尝试使用YouTube组件，但是对我来说不起作用，因为使用control = 1只会显示实时流视频的“实时”图标。解决此问题的最佳方法是什么？谢谢。

Answer 1

您想要Live control的事实使事情变得复杂。

要Play youtube中react-native个视频App，您必须使用web-view来显示它或使用下面的library。

https://github.com/inProgress-team/react-native-youtube

上面是当前最佳的库，具有许多UI功能，检查它是否具有实时选项，如果没有，您会创建了自己的library或编辑了source code以上的library。

我应该警告您，上述库在全屏退出时存在UI中断的错误 仅适用于Android ，作者尚未修复。那是该库的唯一缺点，否则会很棒。

以上内容是根据我尝试实现youtube video player的经验所分享的。

React Native如何显示直播视频

1 个答案: