ghondar / React Native Vlc Player
Licence: mit
VLC Player for react-native
Stars: ✭ 126
Programming Languages
java
68154 projects - #9 most used programming language
Labels
Projects that are alternatives of or similar to React Native Vlc Player
Playerctl
🎧 mpris media player command-line controller for vlc, mpv, RhythmBox, web browsers, cmus, mpd, spotify and others.
Stars: ✭ 1,365 (+983.33%)
Mutual labels: vlc
Vlc Pause Click Plugin
Plugin for VLC that pauses/plays video on mouse click
Stars: ✭ 467 (+270.63%)
Mutual labels: vlc
Countries
Free legally receivable IPTV channels as .m3u for Kodi. :-)
Stars: ✭ 657 (+421.43%)
Mutual labels: vlc
Cordova Plugin Rtsp Vlc
PhoneGap/Cordova VLC RTSP Player Plugin
Stars: ✭ 21 (-83.33%)
Mutual labels: vlc
Movie Monad
📺 A free and simple to use video player made with Haskell.
Stars: ✭ 347 (+175.4%)
Mutual labels: vlc
Twitchpotplayer
Extensions for PotPlayer to watch Twitch streams without streamlinks or any crap.
Stars: ✭ 112 (-11.11%)
Mutual labels: vlc
Streamlink
Streamlink is a CLI utility which pipes video streams from various services into a video player
Stars: ✭ 6,883 (+5362.7%)
Mutual labels: vlc
Docker Acestream Server
Ace Stream server Docker image and playback CLI for media players.
Stars: ✭ 88 (-30.16%)
Mutual labels: vlc
Nginx Rtmp Docker
Docker image with Nginx using the nginx-rtmp-module module for live multimedia (video) streaming.
Stars: ✭ 506 (+301.59%)
Mutual labels: vlc
Pympress
Pympress is a simple yet powerful PDF reader designed for dual-screen presentations
Stars: ✭ 450 (+257.14%)
Mutual labels: vlc
Simple Video Cutter
Windows-based tool for efficient browsing and cutting video footage
Stars: ✭ 102 (-19.05%)
Mutual labels: vlc
Vlc.dotnet
.NET control that hosts the audio/video capabilities of the VLC libraries
Stars: ✭ 826 (+555.56%)
Mutual labels: vlc
Simple Vlc Player
An Android media player library powered by LibVLC and Open Subtitles.
Stars: ✭ 103 (-18.25%)
Mutual labels: vlc
react-native-vlc-player
Getting started
$ npm install react-native-vlc-player --save
Dependencies
$ npm install react-native-vector-icons --save
Manual installation
Copy Ionicons.ttf from node_modules/react-native-vector-icons/Fonts
to android/app/src/main/assets/fonts
Android
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:
...
allprojects {
...
dependencies {
...
+ maven {
+ url("https://jitpack.io")
+ }
}
}
Usage
import React, {Component} from 'react';
import {
StyleSheet,
View
} from 'react-native';
// Import library
import VlcPlayer from 'react-native-vlc-player';
export default class App extends Component {
vlcplayer = React.createRef();
componentDidMount() {
console.log(this.vlcplayer)
}
render() {
return (
<View
style={[
styles.container
]}>
<VlcPlayer
ref={this.vlcplayer}
style={{
width: 300,
height: 200,
}}
paused={false}
autoplay={true}
source={{
uri: 'file:///storage/emulated/0/Download/example.mp4',
autoplay: true,
initOptions: ['--codec=avcodec'],
}} />
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'grey',
},
});
Props
<VLCPlayer
ref='vlcplayer'
paused={this.state.paused}
style={styles.vlcplayer}
source={{uri: this.props.uri, initOptions: ['--codec=avcodec']}}
onVLCProgress={this.onProgress.bind(this)}
onVLCEnded={this.onEnded.bind(this)}
onVLCStopped={this.onEnded.bind(this)}
onVLCPlaying={this.onPlaying.bind(this)}
onVLCBuffering={this.onBuffering.bind(this)}
onVLCPaused={this.onPaused.bind(this)}
/>
Static Methods
seek(seconds)
this.refs['vlcplayer'].seek(0.333);
snapshot(path)
this.refs['vlcplayer'].snapshot(path);
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].