问题标签 [react-native-video]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
71 浏览

fullscreen - 如何解决视频全屏后被导航栏覆盖的问题

像这样,当我想全屏播放时,视频被覆盖在后面

0 投票
1 回答
1393 浏览

react-native - 如何使用 ref 在 React Native Video 中编辑视频播放器道具

我正在使用 react-native-video。我正在尝试更改每个视频 onPress 的道具,它们位于视频的 FlatList 中。因此,如果我使用状态,它将更改整个 FlatList 中的所有视频道具,而我只想更改一个。

我创建了:const videoPlayer = []并在每个视频播放器中添加了一个引用,例如:ref={r => videoPlayer[item.id] = r},我知道我可以videoPlayer[item.id].presentFullscreenPlayer()全屏播放视频,因为它是播放器的一种方法,但是如何控制其他属性,比如resizeModepaused

我试过videoPlayer[item.id].props.paused = false了,但是没有效果。我还想象我可以在状态下创建某种复杂的对象,但是每次我更改属性时整个列表都会更新,这可能会导致大列表中运行缓慢的刷新。

那么,有没有办法像我解释的那样控制每个视频的道具?

0 投票
0 回答
352 浏览

node.js - 如何从 hapi js 服务器分块发送视频

我正在设置一个使用 hapi js 框架构建的节点 js 服务器。我创建了一个端点,它从我的服务器读取视频文件,然后将数据块发送回客户端。我在我的客户端上使用原生反应。我想要从我的 nodejs 服务器到我的移动应用程序的无缝视频流。

我尝试读取文件并将其发送回客户端,但这需要时间,因为它首先下载所有数据然后将其发送回客户端。

0 投票
2 回答
341 浏览

firebase - 为什么较大的视频流比较小的视频更快?

我有 2 个示例视频(v1 50MB 和v2 150MB)。它们是相同的视频,其中 v1 从 v2 缩小。

v1 位于我们的 firebase 存储桶中,而 v2 是在线提​​供的示例视频。但是,如果我尝试在 react-native 甚至在 Web 浏览器中流式传输 v1,则流式传输是数量级(开始播放需要一分钟)而不是 v2(几秒钟后开始)。

可能是什么问题呢?看起来简单的 url 在 react-native-video 中完美地流式传输和缓冲,而 firebase url“似乎”首先被下载然后播放。

0 投票
1 回答
1220 浏览

react-native - react-native-video 视频点播破折号或来自云端的 hls 流

我在 S3 上有 mpd 和 m3u8 文件,并通过 CloudFront 分发。当我使用 bitmovin.com 测试流媒体时,flowplayer.com 可以正常工作。React-native-video 组件显示{error:{extra:-214748348, what:1}} onError回调。

0 投票
0 回答
559 浏览

react-native - 如何在反应原生渲染视频时显示时间线(进度条)?

我正在尝试显示进度条,就像在任何视频中一样。

开始 --------O-------- 结束

我正在使用React Native Video将视频内容嵌入到我的应用程序中。

到目前为止,我想出了以下方法:

该库附带了一种了解视频当前时间的方法。由于我以秒为单位(例如 50 秒)知道视频的完整长度,因此我调用onProgess()允许我以秒为单位提取当前时间(例如 20 秒)的方法。

这允许我构建一些 UI 以显示 20/50 ~ 40% 已完成。

然而,缺点是我每秒重新渲染内容 20 次(通过不断调用 onProgress),而且感觉不是解决问题的正确方法。

谁能告诉我在视频播放期间每分钟渲染约 600 次(甚至更多)实际上是合理的吗?

0 投票
0 回答
40 浏览

react-native - 如何在 react-native 中暂停手风琴视频?

我在我的项目中使用 react-native-video 库。因此,当手风琴关闭时,视频应该暂停。我尝试了库的内置功能以及外部功能,但问题仍然存在。任何想法如何解决它。

0 投票
1 回答
1940 浏览

react-native - 如何为 react-native-video 构建自定义搜索栏

我正在尝试为在 react-native-video 中播放的视频构建一个自定义搜索栏,你推荐我使用哪个库?

0 投票
1 回答
8974 浏览

javascript - React-Native-Video 如何在视频未全屏或不在屏幕时暂停视频

我正在使用 React-Native 制作一个 Android 视频库应用程序,例如 YouTube背景而不查看视频,另一个问题是所有视频 controls={true}在滚动视频时都显示并且它们没有与视频一起移动。我在 FlatList 中执行所有这些我的代码:

一旦清楚地检查代码并告诉我如何仅在用户查看视频并且在剩余时间它处于暂停模式时播放视频。并且​​视频controls={true}需要与视频一起移动或隐藏。所以请帮助我找到解决方案这两个问题。

0 投票
0 回答
295 浏览

react-native - 音频(.mp3)不适用于android中的react-native-video

我遇到了react native-af-video-player 0.2.1 的问题,并且在内部它使用 react-native-video ,因此我在使用音频时遇到了崩溃,但同样的事情是在 android 中使用视频。

React 本机版本 - 0.59.5 React-Native-Video - 5.0.2、4.4.2 以及使用 4.2.0

IOS - 音频和视频都工作正常 ANDROID - 音频不工作 & 视频工作正常

在过去三天将 react 本机版本从 0.56.0 升级到 0.59.5 后,我正在努力解决这个问题,我也面临同样的问题。

在此处输入代码

`