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

react-native - React Native 视频字幕位置

这些是我在代码中使用的道具。我检查了文本轨道位置的文档,但找不到任何内容。文本轨道的默认位置是顶部。我想在底部显示字幕。我该怎么做?字幕当前的显示方式如下图所示。

在此处输入图像描述

0 投票
2 回答
18301 浏览

android - React-native-video 不显示视频播放器

我正在使用 react-native-video 包来获取视频播放器,我可以在其中播放我的 youtube 视频。

我试过了,但只有一个空白空间而不是视频播放器。

风格:

0 投票
1 回答
73 浏览

react-native - React Native Ios 视频安装 npm

尝试安装视频组件时,我不断收到错误消息。我正在输入:`npm install --save react-native-video

有没有其他人遇到过这个问题?以上是错误。说 npm 找不到文件路径?很困惑,因为我将视频组件安装在与 npm 安装包相同的文件夹中。

0 投票
2 回答
1720 浏览

react-native - 'uri.match' 未定义,试图将音频文件放入视频源

这是我围绕这个<Video />元素的代码

我得到的具体错误是......

这里是版本

expo: 30.0.0

expokit: 1.7.1

react: 16.3.1

react-native: https://github.com/expo/react-native/archive/sdk-30.0.0.tar.gz

react-native-video: 3.2.1

我正在尝试从此处的本地包中加载音频资产,但我似乎无法让它工作,如果我从该文件夹中删除音频文件,它会抛出一个找不到它的错误,所以它肯定是找到文件。

希望对此有所帮助

0 投票
1 回答
5589 浏览

react-native - 视频的背景音频 react-native-video

我无法让 react-native-video 在后台播放 mp4 文件,它会播放 mp3 和音频文件,但拒绝继续播放视频。我已将 xcode 中的背景模式设置为 on,并选择了音频、airplay 和画中画以及传递这些道具

当它是视频而不仅仅是音频时,是否需要额外的配置?

0 投票
1 回答
2962 浏览

react-native - 反应原生

我正在使用这样的视频组件:

视频结束后,我显示一个允许用户再次播放的按钮。我尝试使用:

但该视频在 Android 上无法再次播放(在 iOS 上运行良好)。

我错过了什么吗?

0 投票
0 回答
427 浏览

android - 在 AWS 的 S3 + CloudFare 上托管时无法重新加载视频

当前行为

当使用托管在 AWS 的 S3 + 上由 CloudFlare 缓存的视频时,视频无法重新启动(无限“缓冲”)。托管在另一个简单的 Web 服务器上的相同视频每次加载都很好,无论我尝试删除/添加视频组件多少次,或者重新启动应用程序。

本机应用程序中的其他 android 播放器适用于相同的视频,iOS 加载也很好。

复制步骤

每次都可重现,但仅限于特定情况或云/缓存状态(例如,我可以在早上在波兰始终如一地重现它,但我不能在下午重现它)。

脚步:

  1. 将相同的文件上传到 AWS S3 + CloudFare 和一个简单的网络服务器。
  2. 在主视图中启动一个包含 2 个视频组件的应用程序(附加示例项目)
  3. 视频开始播放
  4. 使用“返回”按钮退出应用程序,再次打开应用程序(或者只是删除视图并再次添加它而不关闭应用程序)
  5. 重复 3 & 4 次

结果:AWS S3 + CloudFare 上托管的视频在第一次或几次后停止启动,其他视频每次都正常启动。

重现问题的视频录制:https ://drive.google.com/file/d/1Wfxr6GkZFfP2-WM4hHSfiiwYBritt4mN/view

用于重现问题的示例项目:https ://github.com/react-native-community/react-native-video/files/2556644/bug_infinite_buffering_src.zip

日志文件:https ://github.com/react-native-community/react-native-video/files/2556678/bug_infinite_buffering_log.log

预期行为

视频应该每次都开始。

平台

  • Android ExoPlayer(react-native-video 组件)
  • 反应原生 0.56.0
  • 反应原生视频 3.2.1

加载正常:

重新加载时遇到问题:

请帮助查找问题,任何如何调试它的建议表示赞赏。

0 投票
0 回答
2001 浏览

react-native - Android上的react-native-video黑屏

当前行为

我有一个包含视频和图像(每个小于 10 Mb)的社交网络应用程序列表。有一个带有用户提要的屏幕,组织在一个平面列表中,我现在只加载(!)两个视频和一个图像。该应用程序在视频组件的位置显示黑屏,仅在 Android 上。iOS不会出现黑屏问题!(我想是因为内存管理的方式和滚动列表在 iOS 中是如何完成的)

复制步骤

这是我的视频代码:

另外,如果我添加 AndroidManifest:

在 Android Studio 中,应用程序消耗的内存大约为 170Mb,并且还在增长。

预期行为

我希望显示视频。

平台

环境:

操作系统:macOS High Sierra 10.13.6

节点:8.10.0

纱线:1.5.1

npm:5.6.0

守望者:4.9.0

Xcode:Xcode 9.4.1 构建版本 9F2000

安卓工作室:3.1 AI-173.4670197

软件包:(需要 => 已安装)

反应:16.2.0 => 16.2.0

反应原生:0.54.4 => 0.54.4

您在哪个播放器上遇到问题:我正在使用来自以下位置的视频标签:从“react-native-video”导入视频;

https://www.dropbox.com/s/o7q9kejiabs7y88/CrashVideo.mp4?dl=0

问题

1)这个问题的解决方案是什么?

2)这与内存问题有关吗?当我再加载 10 个视频时,应用程序由于名为“致命异常:java.lang.OutOfMemoryError”的错误(正如我在 Crashlytics 中看到的那样)而崩溃。使用高内存时,库 react-native-video 是否不加载?

3) 当我将图像/视频滚动到视图之外时,Android 上的 FlatList 是否会从内存中卸载它们?否则,如果我向下滚动,我是否会不断将图像/视频添加到应用程序内存并最终崩溃?

4) 是视频性能的另一种解决方案吗?我正在考虑 react-native-thumbnail 最初显示缩略图以不下载整个视频。我在安装库时遇到问题(https://github.com/phuochau/react-native-thumbnail/issues/35上的问题 #35 ),您知道获取视频缩略图的更好方法吗?(所以我不是在提要中显示视频,而是在不同屏幕上的缩略图触摸上显示它们)。

5) Exoplayer 能消除这个问题吗?

这是我认为到目前为止这个应用程序最大的挑战。请将您找到的解决方案提供给带有视频源的应用程序。(我已经在 Github 上发布了这个问题,但有时我只在 SO 上得到回复:https ://github.com/react-native-community/react-native-video/issues/1318 )

谢谢!

0 投票
2 回答
318 浏览

react-native - ClojureScript + React-Native - 嵌入视频

我是 ClojureScript 的新手。我想使用 ClojureScript 和 React Native 将视频 (Youtube) 嵌入到混合移动应用程序中。我试图在 ClojureScript 中实现react-native-videoreact-native-youtube插件来实现这一点。但是,这两者都以崩溃告终。我不知道引用图书馆是否有问题。

使用react-native-video

组件参考是:

使用react-native-youtube

组件参考:

这两个选项都不起作用。

以下是崩溃报告:

我正在使用lein来编译 ClojureScript Re-Natal以构建这个基于 ClojureScript 的 React Native 应用程序。

上面的代码有什么问题吗?任何人,请帮忙?

参考:

反应原生视频

react-native-youtube

0 投票
1 回答
696 浏览

javascript - React native Android Generate Signed APK 给出资源错误

我已经在 React Native 上完成了我的 android 项目,并在为 Signed Apk 编译项目时发现了这个错误。

这些是我遇到的问题,这些是关于资源的,我不知道如何解决它。似乎是 targetSDK 的版本问题,但无法弄清楚