问题标签 [react-player]

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 回答
101 浏览

reactjs - Audio element and react-player not working on iPhone mobile

I am working with an app that I have placed in cloud. The web version of the app works nicely with Windows Desktop and Android mobile and even Mac Desktop but fails to play both audio element and video (react-player) with iPhone mobile.

The audio element start button is displayed, but clicking the button does not start the audio. Nothing seems to happen on click.

In place of the video there is just a black view with a white "play" icon with a strikethrough line. Nothing happens on click.

Is there a way to listen to audio elements and play videos in iPhone mobile web app?

0 投票
0 回答
158 浏览

reactjs - 当另一个开始播放时暂停音频

我在表格的每一行都有一个音频播放器。单击时,音频播放。这里的问题是用户可以通过单击每一行来同时播放多个音频。如果正在播放音频并且用户单击另一行的音频,则正在播放的音频必须暂停并且新选择的音频应该开始播放。我试图更新isPlaying每一行的状态,但无法实现我想要的。请让我知道如何使它工作。这是我到目前为止所尝试的:

员工.js

EmpPlayer.js

0 投票
0 回答
208 浏览

reactjs - React Player 字幕未显示

我从远程 API 动态接收我的字幕,但我无法让它们显示在我的react-player

我也尝试添加crossOrigin: 'true'到该attributes属性,但这使我无法播放视频(它只是在 00:00 卡住)

在本地添加字幕就可以了

0 投票
0 回答
52 浏览

javascript - 通过上传文件 react-dropzone 来反应 js videoplayer sub

在此处输入图像描述 在此处输入图像描述

链接:Codesanbox

react-html5video用作播放器,我必须插入潜艇,我希望可以通过上传图片中的文件来插入潜艇。

我能够为文件设置上传,但无法将其上传到播放器。

这样他就可以使用它们。

谁能帮我吗?

0 投票
0 回答
240 浏览

reactjs - 在 react-player 中手动选择 Dash 文件比特率

我在项目中使用React-player,我的任务是使用分辨率切换器功能流式传输 MPD (DASH) 文件。

首先基于DASHjs文档,我曾经getBitrateInfoListFor("video")获取所有可用的比特率,然后我通过以下代码禁用了自动比特率切换器:

最后一步,我设置了新的质量setQualityFor

但它不起作用

整个代码:

这是stackblitz链接

0 投票
0 回答
51 浏览

reactjs - OnVolumechange React 播放器

大家好,我有一个为用户播放视频的反应网络应用程序。对于视频播放器,我使用的是 react-player。

我试图在用户观看时跟踪一些数据,而我似乎无法开始工作的数据是在他们更改音量时进行跟踪?

首先,react-player 似乎没有任何 onvolumechange 回调,因此我尝试在设置为 getelementby(“video”) 的变量上使用一种事件侦听器,但它要么只触发一次,要么因为它说错误而出错变量为空等。

我会假设跟踪这样的回调很容易,所以任何想法或如何与 react-player 一起使用,或者如果不是一般的反应解决方案?不使用默认的视频播放器。

也只是为了信息,我在反应中使用类组件而不是函数方式。

0 投票
2 回答
1282 浏览

javascript - 在反应js中更改幻灯片时暂停视频?

我有一个使用 react slick 滑块的简单滑块我的一张幻灯片是使用 react 播放器的视频,现在我想如果用户更改幻灯片以暂停播放视频,这就是我目前所拥有的。

这是代码沙箱的现场演示:暂停视频演示

播放器.js。

这是滑块代码。

反应光滑的滑块文档反应光滑的文档

我需要做什么才能使它正常工作?

0 投票
2 回答
298 浏览

reactjs - React/JSX/NextJS 中有没有办法在单击 gif 时自动全屏打开视频?

用例:我有一个客户希望在他们的主页上显示一个视频的 gif 版本,单击该视频会打开一个全屏视频播放器。我该如何管理?我一直在 NextJS 框架中构建网站。

我想做这样的事情,不是自动播放 mp4,而是自动循环播放视频的 gif,然后单击 gif,全屏播放 mp4。

任何帮助将不胜感激 - 我从来没有真正搞砸过 React 中的视频。

0 投票
1 回答
1172 浏览

javascript - 如何在反应播放器(reactjs)中禁用 YouTube 上下文菜单?

我已经在 react js 站点中实现了 react 播放器,它运行良好我可以嵌入来自 Vimeo、youtube 和许多其他平台的视频。现在我需要在反应播放器中隐藏或禁用 youtube 视频的上下文菜单。我做了如下改变,

添加onContextMenu={(e) => e.preventDefault()}后,我能够禁用上下文菜单,但我仍然可以访问 youtube 上下文菜单。那么我如何禁用反应播放器中的 youtube 上下文菜单。

0 投票
2 回答
243 浏览

reactjs - 使用react-player时如何在视频播放1分钟时显示一个按钮?

在项目中,我需要在视频播放 1 分钟时显示按钮,任何人都可以帮助我,使用react-player

这是我的代码,谢谢