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

react-native - Play video when in viewport in React-Native using Skele Components

As a noob I am trying to create an app that plays videos (local videos) when in viewport. User scrolls left and right and when video is in view it autoplays. If the video is out of view it stops playing.

I tried following the following tutorial: https://codedaily.io/courses/4/Fundamentals-of-React-Native-Video/37

Changed all the calculations to work with width instead of height but didn't work.

Then I stumbled upon Skele-Components: https://blog.netcetera.com/viewport-aware-components-for-react-native-apps-a28ea605e89e

That checks if a component is in view or not. As a test I placed 2 videos inside my ScrollView. Scroll I console.logged "Entered" for when a video enters and "Left" for when the video leaves the viewport. The viewport clearly shows one video but the console logs 2 "Entered". Telling me the logic isn't working. Also the console doesn't show "Left" when video is scrolled out of view.

If you could take a look at the code and some help would be great. thank you.

Below is the scrollview that contains the video source component.

Below is the video component

0 投票
1 回答
1981 浏览

android - react-native-video 需要很长时间才能开始播放

在将我的应用程序升级到 react-native 0.59 时,我还升级react-native-video到了它的最新版本 4.4.1。当前发生的情况是,当尝试使用此库播放视频时,视频需要一段时间才能播放。视频的大小似乎并不重要。视频存储在 S3 上,在我的测试环境中,视频由 链接Cloudfront,在我的本地环境中,视频由 S3 位置链接,但两种环境的表现相同。

这仅适用于 Android,iOS 播放可用性可在 1 秒内为相同的视频做好准备。

我尝试回滚react-native-video到以前的兼容版本,问题仍然存在。

不同的设备有不同的播放可用性等待时间。

由于使用需要 SDK 28 的 Firebase 版本,我无法使用 SDK 27。

IOException初始化组件以获取 S3 资源时会引发一个问题,但库最终会获取视频。

我不知道问题的确切原因,库是否在播放前下载了视频,或者请求中是否需要包含标头。

这是尝试播放视频时的调试输出:

0 投票
1 回答
233 浏览

javascript - SPTPersistentCache - 通过唯一 ID 缓存视频

在我的 React Native 应用程序中,我使用的是React Native Video

目前,该库提供缓存(使用SPTPersistentCacheDVAssetLoaderDelegate)。当前实现的缓存是通过资产的 URL。或者换句话说,如果我下次观看来自https://video.net/video.mp4的视频时,我将相同的链接传递给 React Native Video,文件的缓存版本将被加载。

但是,在我的应用程序中,相同的视频文件可以存储在不同的位置(它会有不同的下载链接)。因此,缓存对我来说无法正常工作,如果下载链接不同,可能会导致已经缓存的文件再次被重新下载。

有没有办法可以通过唯一 ID 而不是下载链接来缓存文件。我所有的视频文件都有唯一的 ID,我想通过他们的 ID 缓存它们。

任何帮助,将不胜感激。

0 投票
0 回答
1183 浏览

react-native - 视频暂停时如何在反应原生视频中获取可播放持续时间

我正在使用 react-native https://github.com/react-native-community/react-native-video库在我的移动应用程序中播放视频。

现在我想显示可播放的持续时间(播放器中已经加载的视频量),如图所示

在此处输入图像描述

为了获得可播放的持续时间,我使用以下方法

这里的问题是此方法仅在视频播放时触发,当视频暂停时不会调用此方法所以我的问题是有什么办法可以在视频暂停时获得可播放的持续时间

0 投票
1 回答
437 浏览

reactjs - 为什么启用全屏模式后暂停会重置?

我正在尝试添加视频播放器,我正在使用react-native-video-controls在我的视频上添加控件,但重置暂停时出现问题

在此处输入图像描述

代码:

0 投票
2 回答
1066 浏览

android - 反应原生视频立即停止

当我尝试播放直播时,播放器立即停止。从日志中,我看到视频一开始就调用了 onEnd si。

奇怪的是它只发生在真正的手机上,它在模拟器上运行良好。尝试使用 Android Studio Emulator 和 Genymotion,都可以正常工作。调试和发布都无法在实际手机上播放直播。

0 投票
4 回答
4264 浏览

ios - 如何修复“视频播放但在带有 expo 的 iOS 上没有声音”

我使用世博会的视频组件。我可以播放视频,但在 iOS 中没有声音。在安卓里没问题。我该如何解决。

0 投票
5 回答
29312 浏览

react-native - 在 react-native-video 中播放 youtube 视频

我如何在 react-native-video 上播放 youtube 视频,

我不想在 react-native-youtube 或 webview 中播放视频,

0 投票
1 回答
369 浏览

javascript - 如何在 react-native-video 组件上显示带有“content://”标签的视频?

我想显示来自设备视频库的视频。我从 react-native-image-picker 得到响应,其中包括路径和内容。当我使用带有 react-native-video 组件的显示视频内容时,什么也没有显示。

我试过这些代码

RN-image-picker 响应在这里

渲染中的视频组件

1 个静态 uri

2 静态 uri

3

我的设备上有一个视频

视频组件不显示任何内容。
反应原生:0.59.10
反应原生视频:^4.4.4
反应原生图像选择器:^0.27.2

0 投票
2 回答
2521 浏览

react-native - 在 react-native-video 中使用 seek 的意外行为

在 react-native-video 中,每当我在小于 50%(一半)的值上单击(自定义)进度条时,视频就会跳到开始而不是寻找正确的时间。当我点击 50% 以上时,它会变为 50%。它实际上不是 50,更像是 55-60,但无论如何。这真的很奇怪,在网上找不到任何东西!