问题标签 [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.
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?
reactjs - 当另一个开始播放时暂停音频
我在表格的每一行都有一个音频播放器。单击时,音频播放。这里的问题是用户可以通过单击每一行来同时播放多个音频。如果正在播放音频并且用户单击另一行的音频,则正在播放的音频必须暂停并且新选择的音频应该开始播放。我试图更新isPlaying
每一行的状态,但无法实现我想要的。请让我知道如何使它工作。这是我到目前为止所尝试的:
员工.js
EmpPlayer.js
reactjs - React Player 字幕未显示
我从远程 API 动态接收我的字幕,但我无法让它们显示在我的react-player
我也尝试添加crossOrigin: 'true'
到该attributes
属性,但这使我无法播放视频(它只是在 00:00 卡住)
在本地添加字幕就可以了
javascript - 通过上传文件 react-dropzone 来反应 js videoplayer sub
链接:Codesanbox
我react-html5video
用作播放器,我必须插入潜艇,我希望可以通过上传图片中的文件来插入潜艇。
我能够为文件设置上传,但无法将其上传到播放器。
这样他就可以使用它们。
谁能帮我吗?
reactjs - 在 react-player 中手动选择 Dash 文件比特率
我在项目中使用React-player,我的任务是使用分辨率切换器功能流式传输 MPD (DASH) 文件。
首先基于DASHjs文档,我曾经getBitrateInfoListFor("video")
获取所有可用的比特率,然后我通过以下代码禁用了自动比特率切换器:
最后一步,我设置了新的质量setQualityFor
:
但它不起作用!
整个代码:
reactjs - OnVolumechange React 播放器
大家好,我有一个为用户播放视频的反应网络应用程序。对于视频播放器,我使用的是 react-player。
我试图在用户观看时跟踪一些数据,而我似乎无法开始工作的数据是在他们更改音量时进行跟踪?
首先,react-player 似乎没有任何 onvolumechange 回调,因此我尝试在设置为 getelementby(“video”) 的变量上使用一种事件侦听器,但它要么只触发一次,要么因为它说错误而出错变量为空等。
我会假设跟踪这样的回调很容易,所以任何想法或如何与 react-player 一起使用,或者如果不是一般的反应解决方案?不使用默认的视频播放器。
也只是为了信息,我在反应中使用类组件而不是函数方式。
reactjs - React/JSX/NextJS 中有没有办法在单击 gif 时自动全屏打开视频?
用例:我有一个客户希望在他们的主页上显示一个视频的 gif 版本,单击该视频会打开一个全屏视频播放器。我该如何管理?我一直在 NextJS 框架中构建网站。
我想做这样的事情,但不是自动播放 mp4,而是自动循环播放视频的 gif,然后单击 gif,全屏播放 mp4。
任何帮助将不胜感激 - 我从来没有真正搞砸过 React 中的视频。
javascript - 如何在反应播放器(reactjs)中禁用 YouTube 上下文菜单?
我已经在 react js 站点中实现了 react 播放器,它运行良好我可以嵌入来自 Vimeo、youtube 和许多其他平台的视频。现在我需要在反应播放器中隐藏或禁用 youtube 视频的上下文菜单。我做了如下改变,
添加onContextMenu={(e) => e.preventDefault()}后,我能够禁用上下文菜单,但我仍然可以访问 youtube 上下文菜单。那么我如何禁用反应播放器中的 youtube 上下文菜单。
reactjs - 使用react-player时如何在视频播放1分钟时显示一个按钮?
在项目中,我需要在视频播放 1 分钟时显示按钮,任何人都可以帮助我,使用react-player
这是我的代码,谢谢