问题标签 [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 投票
1 回答
1336 浏览

javascript - React-Native-Web 的视频支持

有没有在 React-Native-Web 中播放视频的解决方案

React-Native-Web:https ://github.com/necolas/react-native-web

React-Native-视频:https ://github.com/react-native-community/react-native-video

0 投票
2 回答
2636 浏览

react-native - React Native Video 未加载本地文件

我正在向我的 react 本机应用程序添加视频录制和预览功能。为了拍摄视频,我使用了以下代码,一旦录制,我就可以获取输出文件。现在使用文件 uri,我尝试使用 react 向用户预览这个文件-native-video 组件。但它总是显示空白屏幕,但没有加载视频。

一旦视频变量可用,我尝试使用下面的代码片段加载它:-

版本详细信息是:-

  1. “反应原生”:“0.61.5”。
  2. “反应原生视频”:“^5.0.2”
  3. “反应本机相机”:“^3.15.0”

这是相机录制完成后我得到的视频文件“file:///data/user/0/com.dezzexvideo/cache/Camera/94d367ef-c6b8-43c3-844f-7d0d2c6d0ddf.mp4”

0 投票
1 回答
1804 浏览

react-native - React 原生视频 Cookie

我正在尝试使用@react-native-community/react-native-video播放来自 CloudFront 的安全视频。

要重现视频,我必须设置 3 个 cookie:CloudFront-Key-Pair-Id、CloudFront-Policy 和 CloudFront-Signature。

我已经能够使用这个模块在 IOS 中重现视频:react-native-cookies

但我无法在 android 中重现视频。如何设置 cookie 来播放此视频?

该视频是 .m3u8 扩展名 (HLS)

非常感谢!

0 投票
0 回答
2801 浏览

react-native - 无法在 react-native-video 上实例化解码器 OMX.amlogic.avc.decoder.awesome

我正在为 android 构建一个 react-native 应用程序,并且在尝试使用 react-native-video 播放不同的视频时收到错误消息。错误说:

我发现这个建议改变解码器,但在 JS 中似乎是不可能的。有没有办法做到这一点?或者你会推荐另一个原生视频播放器吗?

0 投票
1 回答
2705 浏览

react-native - 带有 React Native 视频的自定义播放/暂停按钮 - 获取 JSON 值错误消息

我正在尝试在按下整个视频时实现播放/暂停。

似乎按下文本会导致视频播放(我能听到声音),然后它很快就会收到一条错误消息:

另外,顺便提一下,这个 RenderItem 正在一个 FlatList 中呈现,其中有多个视频。我不确定我是否还必须将按钮与正确的视频相匹配?因此播放按钮不会意外播放另一个视频,或一次播放所有视频。

为什么我会收到此错误?

0 投票
1 回答
463 浏览

react-native - 滑动时在 FlatList 水平暂停视频

在使用 FlatList 滑动时,我可以控制台记录可查看的项目,但我想知道如何管理暂停视频。或者如果有更好的方法这样做?

这是 RenderItem 函数组件

然后在另一个函数中,我有这个:

我可以按下视频,它会播放或暂停。当我现在滑动时,视频会继续播放。我希望能够确保在滑动时,播放的视频现在会暂停。

0 投票
2 回答
7920 浏览

react-native - 在应用内下载私人视频反应原生

我正在尝试在 react native 中实现一些东西:我有一个视频 url,我在 react native 视频组件中显示它,我如何提供一个按钮来在移动设备中下载相同的视频,但它不应该出现在图库中。此外,如果视频是私有的,可以在哪里传递标题以及如何传递?

0 投票
0 回答
120 浏览

react-native - 在视频列表中反应原生视频错误代码 1001

当我尝试加载我的视频时,我收到以下错误:

就是这样,没有其他信息,我在网上找不到任何东西。如果您知道这意味着什么,请告诉我。我使用的所有 URL 实际上都存在。我正在加载水平视频列表的垂直列表,因此您可以左右滚动。出现此错误的视频完全是零星的:

有时此错误出现在视频 1、4、5、7、15 等上,完全随机,有时会发生在很多人身上,有时不会发生。我的水平渲染是 3 个视频,我的垂直渲染是 2

0 投票
0 回答
647 浏览

react-native - 长 Flatlist 中的视频使应用程序崩溃并且性能不佳

主题:React Native 中的视频平面列表。(普通视频 / YouTube 视频)

任何一个都将根据阵列数据同时显示。所以这将是一个包含两种类型视频的长平面列表。

有时由于性能问题,许多 onPress 事件不起作用

大部分问题:

  1. 从底部滚动到顶部时应用程序崩溃
  2. 性能很差

以上两个是需要解决的主要问题。有没有办法解决这些问题?

我可以尝试哪些解决方案来提高Flatlist性能并解决 Video Flatlist 崩溃问题?

下面是我在App.js中的代码

更新

我想出了这个最终的解决方案。但无法进行自动播放。需要这方面的想法。

0 投票
2 回答
530 浏览

reactjs - 如何删除视频上的状态栏和重叠图标?

在此处输入图像描述[![在此处输入图像描述][2]][2]

我需要视频上的图标,但是我希望它们在向下滚动时粘住,我已将图标插入到平面列表之外,但无法删除空白,有人可以帮忙吗?

以下是我实现图标的返回函数:

添加 Zindex 并将位置设为绝对后,顶部仍然有这个空白,请告诉我如何完全删除它