Skip to content

Instantly share code, notes, and snippets.

@paxme
Forked from stefangordon/mjpegexample.js
Created June 17, 2022 02:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save paxme/5c927c32d92022a584caaf5a95b52f4d to your computer and use it in GitHub Desktop.
Save paxme/5c927c32d92022a584caaf5a95b52f4d 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>');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment