Skip to content

Instantly share code, notes, and snippets.

@stefangordon
Created December 21, 2016 16:13
Show Gist options
  • Save stefangordon/268b979afebf6e6f337f8c3555b4eb36 to your computer and use it in GitHub Desktop.
Save stefangordon/268b979afebf6e6f337f8c3555b4eb36 to your computer and use it in GitHub Desktop.
React Native MJPEG
var styles = StyleSheet.create({
backgroundVideo: {
width:400,
height:322
}
})
return (
<View>
<WebView
style={styles.backgroundVideo}
automaticallyAdjustContentInsets={true}
scalesPageToFit={true}
startInLoadingState={false}
contentInset={{top: 0, right: 0, left: 0, bottom: 0}}
scrollEnabled={false}
source={{html: this.formatHtml(), baseUrl: '/'}} />
</View>
);
}
formatHtml () {
return ('<html><body><img src="' + this.props.mpjegUrl + '" width="100%" style="background-color: white; min-height: 100%; min-width: 100%; position: fixed; top: 0; left: 0;"></body></html>');
}
@KrifaYounes
Copy link

KrifaYounes commented Jun 16, 2020

did you try webrtc technology?

is the quality of your streaming correct with flask and a webview?

@Overdrive141
Copy link

did you try webrtc technology?

is the quality of your streaming correct with flask and a webview?

For flask I recommend you use react-native-video, it works for me.

@KrifaYounes
Copy link

It’s doesn’t work for me with react-native-video. Can you share me your code please ?

@Overdrive141
Copy link

It’s doesn’t work for me with react-native-video. Can you share me your code please ?

What format is your video in?

@KrifaYounes
Copy link

KrifaYounes commented Jun 17, 2020

I use flask like this.
It’s mjpeg format, it doesn’t work woth react native video.
Have you a other solution ?

@app.route("/video_feed")
def video_feed():
# return the response generated along with the specific media
# type (mime type)
return Response(generate(),
mimetype = "multipart/x-mixed-replace; boundary=frame")

@Overdrive141
Copy link

Overdrive141 commented Jun 18, 2020 via email

@KrifaYounes
Copy link

KrifaYounes commented Jun 18, 2020

ok i will search other streaming solutions but I use OpenCV with python for face detection.
Have you some recommandations to optimize Webview streaming for android ?

@Overdrive141
Copy link

Overdrive141 commented Jun 18, 2020 via email

@paxme
Copy link

paxme commented Jun 17, 2022

Thanks man!

@h4nkyn
Copy link

h4nkyn commented Aug 13, 2024

Any other solutions u all find?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment