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

android - 如何在 React Native 中从 firebase 存储加载视频?

当前行为


每次我将来自firebase的源代码放在我的代码上时,都不会播放任何视频。但是,当我放一些像这样的其他链接时:' https://www.w3schools.com/tags/movie.mp4 ',它工作正常。我可以从 firebase 正常加载和显示图像,但我对视频有一些问题。有人知道如何帮助我吗?

### 平台


Android 和 react-native-video ( https://github.com/react-native-community/react-native-video )

代码


0 投票
1 回答
2898 浏览

react-native - 如何使视频适合 React Native 中的视图?

我在用着react-native-video

风格

所以我正在从 api 获取视频。我想在我的平面列表中显示它。但是如果我使用视频会变小,或者如果我使用视频resizeMode="contain"会变大 resizeMode="cover"。有人可以告诉我如何缩放我的视频以使其适合视图。

我正在使用react-native-camera. 请帮助我,从昨天开始我就一直坚持下去。

0 投票
1 回答
4085 浏览

android - 如何在不改变宽高比的情况下调整视频大小?

风格

我正在从 api 获取视频,然后在视频组件中使用react-native-video. 我不知道如何在不拉伸视频的情况下调整视频大小以适应视图。

这是上面代码的结果。

在此处输入图像描述

我不希望我的视频越过我在图像中标记的红线。请帮我。从过去的 3 天开始,我一直被这个问题困扰。

0 投票
0 回答
291 浏览

react-native - 排毒:React-native-video 的排毒 Android 构建失败

当我尝试使用 detox for android 构建时,它给了我以下错误

任务“:react-native-video:transformClassesWithDexBuilderForDebugAndroidTest”执行失败。com.android.build.api.transform.TransformException:com.android.builder.dexing.DexArchiveBuilderException:com.android.builder.dexing.DexArchiveBuilderException:无法处理/Users/vagrant/.gradle/caches/transforms-1/files -1.1/exoplayer-dash-2.9.1.aar/8042bfda08c1c39f6e6858fcbfc8c656/jars/classes.jar

我们通过在 react-native-video/android/build.gradle 中添加编译选项作为 compileOptions { targetCompatibility 1.8 sourceCompatibility 1.8 } 解决了这个问题

现在的问题是,每次我尝试安装节点模块时都需要再次添加它,并且它在 CI 上也失败了

我们可以为此做点什么,或者有人可以帮助解决这个问题

0 投票
0 回答
440 浏览

react-native - React Native Video 在 android 上横向播放(旋转 90 度)

我正在尝试播放用 react-native-camera 录制的 react-native-video 视频:

在 iOS 视频播放正确,但在 android 视频播放横向(旋转 90 度)。我也尝试了 react-native-af-video-player 和相同的结果,iOS 可以正确播放,但不能 android

测试视频:

http://static.mstn.com/47a11184-b075-4f4c-8b2c-22ba6eb5caf5.mp4

0 投票
3 回答
9406 浏览

react-native - 不在视野范围内时暂停平面列表中的视频

我有一个显示视频的平面列表。我希望当视频离开视图时它应该被暂停。我在每个Posts组件中保持暂停状态。

我正在使用react-native-video.

我试过使用onViewableItemsChangedprop ofFlatlist但它不会改变状态。

我试过这个。但这似乎对我不起作用。

我应该如何进行?

0 投票
1 回答
1089 浏览

reactjs - 仅当用户看到完整的视频组件时,如何以 react-native 播放视频?

react-native-video-player用来在我的应用程序中播放视频。我有一个渲染子组件的屏幕,在每个子组件中我都嵌入了一个视频播放器。我的问题是,如何仅在用户看到嵌入视频的整个组件时才播放视频?否则一个人在进入屏幕时会听到10个视频同时播放。

0 投票
0 回答
2531 浏览

reactjs - react -native 在滚动视图中播放视频,如 instagram

我正在尝试使我的主页像 instagram 一样。所以像 instagram 一样,我只想在滚动视图到达该视频时播放视频,并且视频会自动播放。

我试过这段代码

我正在尝试使用测量功能来获取视频的位置,但不知道如何与当前屏幕帧匹配。

谢谢!

0 投票
1 回答
560 浏览

react-native - 如何将库的本地副本添加和编译到 Android React Native 模块中?

如何添加到本机模块、外部库源代码。在这种情况下,我想将 ExoPlayer 的本地副本添加到 react-native-video 模块。我想在 react-native-video/android-exoplayer 中“git clone” ExoPlayer 的原始源,对其进行一些修改并进行测试。目前 /react-native-video/android-exoplayer/build.gradle 的依赖是:

当前文件结构:

建造

构建.gradle

ExoPlayer

/src

这个目录“ExoPlayer”是我用“git clone”得到的,想用它代替

compile 'com.google.android.exoplayer:exoplayer:2.7.3'

0 投票
1 回答
6129 浏览

react-native - 如何使用 React Native App 录制音频和视频(没有 Expo)

有没有办法在原生反应中创建应用程序,可用于录制音频和视频并使用应用程序在 Android 和 iOS 设备上保存相同的文件?

请帮助我,因为我被卡住了。谢谢你。