问题标签 [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 回答
332 浏览

react-native - 在 React Native 中更改视频源

我在我的 react-native 应用程序中使用react-native-video 。我希望能够动态更改视频源,但发现它并不容易。我的方法是简单地通过使用钩子更改剪辑名称,将 video1 更改为 video2。但我无法更新视频实例:

我确实尝试过这样的事情:

是否有任何其他人知道我可以在哪里解决这个问题的库、方法或方法?基本上是一种更新视频源实例的方法。我要在 Android TV 上运行它...

0 投票
1 回答
409 浏览

javascript - 如何在 React Native 中的循环中查找

我开始使用 react-native 开发。我正在使用 react-native-video 在我的应用程序中添加视频。

我想在 for 循环中来回寻找视频,并使用 React-Native 将其保持给定超时。我使用 react-native-video 作为视频组件。以下是我的代码。

期望:在每次迭代中,我想寻找视频并等待一定的毫秒并移动到 for 循环的下一次迭代。

有人可以帮我弄这个吗

0 投票
1 回答
644 浏览

android - 在 Android 4.4 (API 19) kitkat 上播放视频时出现黑屏

我将react-native-video与 react-native 一起使用。我需要在较旧的 Android 版本Android 4.4 (API 19) kitkat上安装和运行它。

但我在 Android 4.4(API 19)上播放视频时只会出现黑屏。不知道发生了什么。在Android 9 (API 28)上运行良好

Android 4.4 不支持该库吗?

更新: 我在使用媒体播放器库的 Android 工作室中也遇到了同样的错误。

我阅读了此https://developer.android.com/guide/topics/media/media-formats,因此我将编码中的配置文件从 H.264 AVC Main Profile 更改为 H.264 AVC Baseline Profile (BP)。但没有区别。

我通过 android studio 在模拟器上进行测试。我没有那个操作系统的设备。Android 4.4 Version.api: 19 (Google API) 和分辨率 1920 x 1080

0 投票
0 回答
899 浏览

ios - 反应原生视频:iOS 上的全屏在退出时会中断布局

重现步骤

开始一个全新的 react-native 项目

有了这个 package.json

然后使用此代码段,您将能够重现错误:

为了重现这一点,您必须:

  • 启动应用程序。
  • 当应用程序屏幕加载启动视频
  • 然后全屏
  • 旋转您的设备以横向或纵向
  • 关闭全屏
  • 现在有一个问题,布局被破坏了。

ScrollView 中的视频组件似乎破坏了布局。

此问题已在维护者存储库中报告了两次,但即使贡献者已回答,他们也无法在几个月内解决此问题。

我今天制作了一个视频,介绍了一种奇怪的方法来消除错误,直到下一个全屏。还有一个bug的演示: https ://youtu.be/tYxY1WJkuO8

如果您想了解有关此错误的更多信息,您可以转到此处此处的所有贡献者参与报告的两个问题

从贡献者的角度来看,此错误与 onLayout 有关,请参见下文:

通常当视图的 flex=1 时调用 onLayout。这继续适用于视图和全屏,但是,当涉及 ScrollView 时,退出全屏会阻止 flex=1 触发 onLayout 更改,从而导致布局不正确。这似乎是 React 代码中更深层次的渲染问题;

那我为什么会在这里?因为我自己无法让它发挥作用,我正在寻找一种解决方法或经验丰富的专家,并找到一种让它发挥作用的方法。也许也为这个很棒的软件包做出贡献。

0 投票
1 回答
2146 浏览

javascript - 试图注册两个同名的视图 RCTVideo

当前行为:

应用程序崩溃

复制步骤

我想将react-native-video库用于应用程序中的视频,在安装此库后,应用程序崩溃并显示此错误:尝试注册两个具有相同名称 RCTVideo 的视图。

反应原生:0.59.9

反应原生视频:4.4.2


应用程序崩溃

预期行为

应用程序不应该崩溃。

平台:IOS、安卓

0 投票
1 回答
1772 浏览

android - react native报错包android.support.v7.app不存在

在 react-native-video 中,当 react-native run-android 发生这些错误,我无法删除这些

android.useAndroidX=true android.enableJetifier=true 来自 gradle.properties

我需要它们来响应本机手势处理程序

尝试添加实现 'androidx.appcompat:appcompat:${rootProject.ext.supportLibVersion}'

但它不起作用

在此处输入图像描述

我的依赖

0 投票
2 回答
1065 浏览

react-native - 使用 react-native-video 播放大型视频文件时出错

我用 react-native 构建了一个应用程序,并试图运行一个文件大小为 1.2 Gb 的视频文件,但我收到错误消息:

错误:无法创建长度超过 0x3fffffe7 个字符的字符串

我认为这是因为文件大小。如果我运行较小尺寸的视频文件,它可以正常工作。

这是我的组件的代码:

我怎样才能解决这个问题?我也尝试使用下面的 uri 流式传输它,但我不确定我是否没有正确的语法,因为什么也没发生:) 并收到此错误消息:

E/MediaPlayer: 错误 (1,-2147483648)

0 投票
1 回答
2843 浏览

android - React Native Video 不显示播放器

使用暂停的属性以及将其放入另一个视图时,我的视频播放器出现问题。当我尝试将视频放在两个视图之间(以测试滚动)时,第一个视图被播放器隐藏,但第二个视图仍在工作。滚动也可以正常工作。虽然,当我删除第一个视图时,播放器就消失了,但第二个视图仍然存在。当我输入 paused=true 时,也会发生同样的问题,播放器只是没有出现。我在这里遇到的另一个问题是当我尝试使用维度时,播放器没有出现。这里的代码(不使用维度):

样式表:

当我尝试测试尺寸时,标签将是这样的:

0 投票
2 回答
1195 浏览

react-native - 从我们离开的地方开始视频

我正在尝试在 React-native 中制作视频播放器应用程序。我想要一个功能,比如在关闭应用程序之前从用户离开的地方开始播放视频。有什么线索吗?

我正在使用 React-native-video

0 投票
1 回答
3168 浏览

react-native - 如何使用 react-native-video 从谷歌驱动器播放视频?

我想使用 react-native-video 从我的谷歌驱动器播放流媒体视频。我获得了可共享链接并粘贴到我的代码中,但是当我运行我的代码时,日志显示错误

“无法打开https://drive.google.com/open?id=1la4ENUiwDvnYbmRck1QZGbKLy8Kc_5UH&name=larva.mp4:java.io.FileNotFoundException:没有内容提供者:https ://drive.google.com/open?id=1la4ENUiwDvnYbmRck1QZGbKLy8Kc_5UH&name =幼虫.mp4 "

这是我的视频代码: