react-native-vlc-player-rtsp
v1.0.1
Published
A `<VLCPlayer>` component for react-native project clone from `react-native-yz-vlcplayer`
Downloads
22
Maintainers
Readme
react-native-vlc-player
A <VLCPlayer>
component for react-native
project clone from react-native-yz-vlcplayer
PODs are updated to works with 0.61 and up.(Tested in 0.61.5)
Add it to your project
Run
yarn add https://github.com/razorRun/react-native-vlc-player.git
yarn add react-native-vector-icons
yarn add react-native-slider
android
Run react-native link react-native-vlc-player
ios
Use framework
- cd to ios
- run
pod init
- add
pod 'MobileVLCKit-unstable', '3.0.0a44'
to pod file - run
pod install
Enable Bitcode in root project select Build Settings ---> find Bitcode and select Enable Bitcode
Use
(1) import { VLCPlayer, VlCPlayerView } from 'react-native-vlc-player';
(2)
<VLCPlayer
ref={ref => (this.vlcPlayer = ref)}
style={[styles.video]}
videoAspectRatio="16:9"
paused={this.state.paused}
source={{ uri: this.props.uri}}
onProgress={this.onProgress.bind(this)}
onEnd={this.onEnded.bind(this)}
onBuffering={this.onBuffering.bind(this)}
onError={this._onError}
onStopped={this.onStopped.bind(this)}
onPlaying={this.onPlaying.bind(this)}
onPaused={this.onPaused.bind(this)}
/>
(3) or use
<VlCPlayerView
autoplay={false}
url={this.state.url}
Orientation={Orientation}
//BackHandle={BackHandle}
ggUrl=""
showGG={true}
showTitle={true}
title=""
showBack={true}
onLeftPress={()=>{}}
startFullScreen={() => {
this.setState({
isFull: true,
});
}}
closeFullScreen={() => {
this.setState({
isFull: false,
});
}}
/>