https://github.com/fausto95/react-native-jwplayer
JwPlayer Component for React-Native
https://github.com/fausto95/react-native-jwplayer
Last synced: 7 months ago
JSON representation
JwPlayer Component for React-Native
- Host: GitHub
- URL: https://github.com/fausto95/react-native-jwplayer
- Owner: Fausto95
- License: other
- Created: 2019-05-05T15:50:23.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-09-17T22:02:52.000Z (almost 7 years ago)
- Last Synced: 2025-01-30T17:51:29.610Z (over 1 year ago)
- Language: Objective-C
- Homepage: https://www.npmjs.com/package/@fausto95/react-native-jwplayer
- Size: 13.1 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# JWPlayer Component For React Native
## Installing
`$ yarn add @fausto95/react-native-jwplayer`
### Pod
Add this to your Podfile
```ruby
pod 'RNJWPlayer', :path => '../node_modules/@fausto95/react-native-jwplayer/RNJWPlayer.podspec'
```
### Linking
> If you're using react-native ^0.60, the linking is handled by default
`$ react-native link @fausto95/react-native-jwplayer`
## Usage
```javascript
import React from 'react';
import {View} from 'react-native';
import JWPlayer from '@fausto95/react-native-jwplayer';
const App = () => {
return (
);
};
const styles = StyleSheet.create({
container: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
},
player: {
width: 360,
height: 180,
},
});
export default App;
```
### Props
- `fileUri`: Link for the video file.
- `playerKey`: Your JWPlayer key.
### TODO
- [x] iOS
- [ ] Android
- [ ] Tracks(Subtitles)
- [ ] Thumbnail
- [ ] Playback Controls Functions
- [ ] Playlist
- [ ] Skinning
### Contributions
Any contribution is welcome, send PR 😎.