Questions tagged [react-native-video]

React Native video component

React Native video component - https://github.com/react-native-community/react-native-video

338 questions
0
votes
0 answers

Video controls scroll when page scrolls in react-native-video

I am using react-native-video in which I am playing video for card in a list of multiple cards. This is working fine in iOS but the issue is with Android. Firstly it shows blank screen when video loaded when I click on that space and then controls…
0
votes
0 answers

I want render HTML (from react) code in react native using react-native-render-html package everything works fine but audio and video not working

Hi I'm trying to render html code which include video and audio tags everything rendering perfectly but audio and video tag not rendering. Here my code is const HtmlContentCoponent = ({sourceData}) => { const source = { html: `
0
votes
0 answers

react-native-video does not add Authorization header for iOS, works on Android

I am having issue with react-native-video where Authorization headers is not being to the source on iOS while its working on android devices. My videos are private and stored in Azure Media Services which can be accessed through authorization…
0
votes
1 answer

React native video listing like instagram reels and need same performance for loading video

Currently, I am developing an application similar to Instagram Reel. In that, I used a Mux wrapper. I am not able to get a performance when loading videos, basically it is taking time to load videos. Is there anything in react native which provides…
0
votes
1 answer

I want to show my videos fast like instagram reels how can I achieve that?

If anyone has solved it or know it in details make sure to dm me on instagram @mujtaba._2 as I am always online there anyways I have tried many things using flatlist , react-native video also ffmpeg I have faced issues installing it , is there a way…
0
votes
0 answers

Merge selected audio with camera recorded video in React Native

I am trying to merge a different audio (like song audio) with the camera recorded video in react native. Tiktok like video making functionality. Is there any way to merge audio with the video to preview the recorded video with selected audio in…
0
votes
0 answers

this.setState Calling only First time

i have a application in this app i have a video player. when i press "next" button i also pausing video. code is below: onPress={() => { this.setState({ isPaused: true }, () => { …
0
votes
0 answers

Short Videos scrolling used different windowHeight for different device in react native

My problem: short Videos scrolling used different windowHeight for different device in react native. I used const windowHeight = Dimensions.get('window').height; const screenHeight = Dimensions.get('screen').height; And give video view to…
React_Coder
  • 353
  • 2
  • 12
0
votes
1 answer

Node JS video streaming wont end sending data

so I am building a mobile app on Expo and trying to play a video from my MongoDB using GFS. But I ran in to a problem that IOS is asking for a Range as a first request , so i found the way to rewrite my Node JS server to send Videos with Range. But…
Bogzzz
  • 25
  • 4
0
votes
0 answers

How to replay video in horizontal flatList when swipping using react native video?

I have a horizontal flatList that it's data contains 2 type of item: Image and Video. For display video I use react-native video. For first time that video item rendered it's working fine but when swipe flatList to another item and back to the video…
BeginnerProgrammer
  • 664
  • 3
  • 13
  • 27
0
votes
0 answers

How to create multiple activities in a react native android app using javascript code not via Java or Kotlin code

How to create multiple activities in a react native android app using javascript code not via Java or Kotlin code? I want to create a video player for react native android app with PIP mode functionality but i am unable to use in app PIP mode. Mean…
0
votes
1 answer

react-native-video: react-native-video-controls onBack event executed and navigated to initial screen, but in initial screen function not working,

These the screenshots for video playing and back to when click back button and initial screen flatlist touchable not working when clicking the list items , please give me a solution i can't find what i done wrong
0
votes
1 answer

Playing react native Video inside flatlist item stuck UI & crash some time

I have image & Video files, In react native used flatlist and depending on file Type used Image view or react-native-video & now the multiple video starts playing when render flatlist for the first time and the app UI stuck very much & then app…
0
votes
0 answers

Decode ArrayBuffer on React-Native

I'm trying to decode an ArrayBuffer on React-Native. My data is an h264 stream, but for now i write native code for Android (MediaCodec) and iOS (VideoToolBox) for decode frames, work "nice". But i would like use JS (or library) for this, for lack…
Stéphane R.
  • 1,386
  • 3
  • 19
  • 37
0
votes
1 answer

Get FlatList to trigger onEndReached earlier

I’m using FlatList to build a TikTok-style video player, i.e. one list item covers the entire screen. I’m fetching metadata about 10 videos at a time from a REST API (via useSWRInfinite), then populating my FlatList and using expo-av’s Video…