react-player is a React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, DailyMotion and Kaltura. More information can be found at https://github.com/CookPete/react-player.
Questions tagged [react-player]
213 questions
1
vote
1 answer
Preventing video downloading apps from downloading a video from a react website
I am trying to build a site which streams videos but am looking to prevent any download of the video
The videos are stored in AWS and permission on the bucket so cannot be accessed directly but only via the webserver and this all works okay
I have…
VjLIRT
- 23
- 3
1
vote
1 answer
Play local audio wav file with react-app from docker
I'm trying to use react-player to play local wav files.
I'm not sure of the following.
Does the player support wav files?
When I'm running the react-app through docker what should I put in the url prop?
Docker-compose volume setup
volumes:
-…
Ando
- 1,802
- 4
- 25
- 47
1
vote
0 answers
HLS Streaming not working on React Libraries
I was setting up Raspberry Pi 4 to stream video to connected device. So, I used picamera2 for capturing and streaming the video on network. Internally Picamera2 uses ffmpeg to form m3u8 files for hls streaming. Along with picamera2, I used…
Shashi Kumar Fagna
- 21
- 2
1
vote
1 answer
How to make a playlist to play continuously in react music palyer
I am new at react, so don't be too harsh.
I'm building music player and I have one last thing left - I can't figure out how to play next song after current one ended.
Here is my code
const [tracks, setTracks] = useState([])
const [currentTrack,…
Zarina Nugmanova
- 33
- 5
1
vote
1 answer
How to load a video in ReactPlayer when clicking a div that is fetching data from JSON file?
So I'm pretty much new in React/Web development and just can't figure it out regarding ReactPlayer.
I have a .JSON file with [ID, Question, URL] and I load the questions into divs. What I want is when I click the div(question) then the URL that is…
Said
- 39
- 5
1
vote
1 answer
How to make the Swiper.js and React Player carousel responsive
I have been looking for a way to make my Swiper.js carousel responsive when it's nesting the Youtube React Player. I finally found a workaround and hope this helps somebody. This also works if the slidesPerView is more than 2 or even float number…
Chi
- 276
- 1
- 8
- 20
1
vote
0 answers
Is it possible to insert video inside antd image preview
I am trying to insert a "
Kamil Nazmiev
- 11
- 2
1
vote
0 answers
Playing a specific time of a video in ReactJs
Suppose you have a full video with a total time of 43 minutes.
Is there any way to kind of split it and show only a specific part of it?
for example from 05:03:00 to 08:40:30.
Actually, I used ReactPlayer and implemented it, but it is no use. I mean…
Asker
- 35
- 4
1
vote
1 answer
Unable to seekTo or skip to time using
I can't seem to be able to skip to a particular time using ReactPlayer.
Here's my code.
import React, { useRef } from "react";
import ReactPlayer from "react-player";
function VideoPlayer(props) {
const { video, setCurrTime, setAddComment } =…
peanutsee
- 100
- 10
1
vote
0 answers
How to modify the style of a
I would like to modify only the content of reactplayer. That is, the play button, the music track or the background color. I use for that the react-player module. Thanks and have a nice day.
// My app
…
LAYAN_Jason
- 57
- 2
- 7
1
vote
0 answers
React player not updating className on state change
I'm building an app that adds a stream whenever a user searches for one (up to four players on a page). I want to change the styling based on how many players I have. I'm using my searchedStreams state. length as a condition. My issue is that after…
Garrett.a
- 11
- 2
1
vote
0 answers
play video one by in one in ReactPlayer using reactjs?
I have an array of allUrls[0] which contains the Urls at it each index.
Through this code I'm able to play first video of it but the video is not playing next link.
import React, { useEffect, useState } from "react";
import { connect } from…
Mohit Kushwaha
- 23
- 4
1
vote
0 answers
How to render the playback rate for a YouTube video player
I am working on a personal YouTube video player project and am looking at cookpete's react-player. Here is the link to the file I am referencing: https://github.com/cookpete/react-player/blob/master/src/demo/App.js.
Here's the actual player as well:…
lia
- 23
- 8
1
vote
1 answer
Method showPreview in ReactPlayer does not work
I have swiper with videos. For video I use ReactPlayer. Here is my code.
const playerRef = useRef(null);
const [swipe, setSwipe] = useState();
const [stepImg, setStepImg] = useState(initialImg ? initialImg + 1 : 1);
const…
Stasya
- 11
- 2
1
vote
1 answer
One react player start another react player automatically to stop
react player npm
We are using multiple react player in one Component, when starting one more player all are playing at the same time. I need One react player start automatically to stop another react player.Here attached a sample image
Smack Alpha
- 1,828
- 1
- 17
- 37