205 questions
0
votes
0
answers
26
views
How to get a screenshot from ReactPlayer
I am using react-player (from https://www.npmjs.com/package/react-player) and JavaScript (.tsx), and I want to have a screenshot (in a file or in a canvas) when I push a button.
I checked the ...
- 53
0
votes
0
answers
63
views
How to synchronize hover time and seek time in a custom React video player using ReactPlayer?
I'm building a custom video player in React and I'm having trouble aligning the time displayed on hover over the progress bar with the actual seek time used when clicking.
Problem
I use an as the ...
-1
votes
1
answer
374
views
ReactPlayer HLS Live Stream: How to Display the Correct Playing Clock Time?
I'm using ReactPlayer to play a live HLS video stream, and i want to display the current playing clock time. How do i do so?
What I've Tried:
I attempted to calculate the playing clock time using ...
1
vote
0
answers
38
views
Why Am I Hearing Future Audio Despite Pausing Early in React Video Player?
Question:
I'm developing a React-based video player with captions using ReactPlayer, and I’ve run into a strange issue. When I pause the video 100ms before the next caption starts, I still hear a ...
- 11
0
votes
1
answer
118
views
How to apply CSS to subtitles in ReactPlayer?
How to apply CSS to subtitles in ReactPlayer?
Environment
node.js
tailwind css
MUI
React
<ReactPlayer
config={{
file: {
attributes: {},
tracks: [
{
label: '...
- 13
0
votes
0
answers
46
views
Authorizing <video/> tag from html with JWT
The <video /> tag in HTML doesn't provide the possibility to change headers on requests. The only possibility I have found was to change the cross-origin prop, but due the security warnings and ...
- 1
1
vote
1
answer
240
views
How to make Vimeo video cover full screen without whitespace in React.js?
I am working with a next.js project using react-player to embed a Vimeo video. My goal is to make the video cover the entire screen without any whitespace, similar to a background video. However, the ...
- 11
3
votes
3
answers
10k
views
Webapp > Youtube > Sign in to confirm that you're not a bot error
I am integrating youtube player using the `react-player ' package. It works well on chrome but on safari and other browsers it's asking to signin without any link/option to signin.
Youtube is signed ...
- 31
1
vote
2
answers
59
views
Distinguishing between page reloads and redirects for video autoplay in React
Problem:
I'm working on a React application where I have implemented video autoplay functionality using the react-player library. The videos autoplay correctly when the page redirects (e.g., from ...
- 13
0
votes
0
answers
112
views
How can I play File using react-player?
I am reading file using file input form (using mui-file-input library). This way I have File object in my code. How can I play it using react-player? I have tried <ReactPlayer url={file} /> but ...
- 171
0
votes
0
answers
116
views
React player + mui slider bug on iphone
I have problem with react-player + mui slider. When I'm using it on the iphone It can jump to back miliseconds but on android it works good. How to fix it?
I thought this problem with slider but I ...
0
votes
1
answer
445
views
Multiple <ReactPlayer>'s, how can I pause another when one starts?
I have a custom component that contains a single <ReactPlayer>. I am calling my component <VideoPlayer>. If I have multiple <VideoPlayer>'s on one page, they can be played ...
- 11.2k
0
votes
1
answer
127
views
I am not able to change the background-color and color of the subtitles box list in the video in Firefox
I am using ReactPlayer to show a video, where I need to show subtitles in Different languages. The background-color and color of the subtitles dropdown box is not getting a proper contrast, due to ...
- 341
0
votes
1
answer
559
views
Can I customize the error message displayed when React Player cannot play a video?
I have a use case for React Player (https://www.npmjs.com/package/react-player) where the video that is being displayed from a Cloudfront presigned URL might not exist.
Currently, when the user tries ...
- 1
1
vote
0
answers
657
views
Stream `.m3u8` or `.mpd` video files as a FastAPI response
I have videos on my Google Cloud Storage. I'm using "Google Transcoder API" to generate HLS (.mpd) and DASH (.mpd) formats for each video.
Now I want to publish these videos on my website (...
- 41