问题标签 [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.
android - React-native-video 不显示视频播放器
我正在使用 react-native-video 包来获取视频播放器,我可以在其中播放我的 youtube 视频。
我试过了,但只有一个空白空间而不是视频播放器。
风格:
react-native - React Native Ios 视频安装 npm
尝试安装视频组件时,我不断收到错误消息。我正在输入:`npm install --save react-native-video
有没有其他人遇到过这个问题?以上是错误。说 npm 找不到文件路径?很困惑,因为我将视频组件安装在与 npm 安装包相同的文件夹中。
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
我正在尝试从此处的本地包中加载音频资产,但我似乎无法让它工作,如果我从该文件夹中删除音频文件,它会抛出一个找不到它的错误,所以它肯定是找到文件。
希望对此有所帮助
react-native - 视频的背景音频 react-native-video
我无法让 react-native-video 在后台播放 mp4 文件,它会播放 mp3 和音频文件,但拒绝继续播放视频。我已将 xcode 中的背景模式设置为 on,并选择了音频、airplay 和画中画以及传递这些道具
当它是视频而不仅仅是音频时,是否需要额外的配置?
react-native - 反应原生
我正在使用这样的视频组件:
视频结束后,我显示一个允许用户再次播放的按钮。我尝试使用:
但该视频在 Android 上无法再次播放(在 iOS 上运行良好)。
我错过了什么吗?
android - 在 AWS 的 S3 + CloudFare 上托管时无法重新加载视频
当前行为
当使用托管在 AWS 的 S3 + 上由 CloudFlare 缓存的视频时,视频无法重新启动(无限“缓冲”)。托管在另一个简单的 Web 服务器上的相同视频每次加载都很好,无论我尝试删除/添加视频组件多少次,或者重新启动应用程序。
本机应用程序中的其他 android 播放器适用于相同的视频,iOS 加载也很好。
复制步骤
每次都可重现,但仅限于特定情况或云/缓存状态(例如,我可以在早上在波兰始终如一地重现它,但我不能在下午重现它)。
脚步:
- 将相同的文件上传到 AWS S3 + CloudFare 和一个简单的网络服务器。
- 在主视图中启动一个包含 2 个视频组件的应用程序(附加示例项目)
- 视频开始播放
- 使用“返回”按钮退出应用程序,再次打开应用程序(或者只是删除视图并再次添加它而不关闭应用程序)
- 重复 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
预期行为
视频应该每次都开始。
平台
- Android ExoPlayer(react-native-video 组件)
- 反应原生 0.56.0
- 反应原生视频 3.2.1
加载正常:
- https://sample-videos.com/video123/mp4/480/big_buck_bunny_480p_20mb.mp4
- http://handcraftedmobile.com/sample_dev_videos/bunny.mp4
- https://handcraftedmobile.com/sample_dev_videos/bunny.mp4
- https://handcraftedmobile.com/sample_dev_videos/bunny-big.mp4
重新加载时遇到问题:
- https://vid.twinbody.com/1811/bunny-big.mp4
- https://vid.twinbody.com/1811/bunny.mp4
- 和其他私人视频的托管方式与上述相同
请帮助查找问题,任何如何调试它的建议表示赞赏。
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 )
谢谢!
react-native - ClojureScript + React-Native - 嵌入视频
我是 ClojureScript 的新手。我想使用 ClojureScript 和 React Native 将视频 (Youtube) 嵌入到混合移动应用程序中。我试图在 ClojureScript 中实现react-native-video和react-native-youtube插件来实现这一点。但是,这两者都以崩溃告终。我不知道引用图书馆是否有问题。
使用react-native-video:
组件参考是:
使用react-native-youtube:
组件参考:
这两个选项都不起作用。
以下是崩溃报告:
我正在使用lein来编译 ClojureScript Re-Natal以构建这个基于 ClojureScript 的 React Native 应用程序。
上面的代码有什么问题吗?任何人,请帮忙?
参考:
javascript - React native Android Generate Signed APK 给出资源错误
我已经在 React Native 上完成了我的 android 项目,并在为 Signed Apk 编译项目时发现了这个错误。
这些是我遇到的问题,这些是关于资源的,我不知道如何解决它。似乎是 targetSDK 的版本问题,但无法弄清楚