# react-native-vlc-player-rtsp

> A `` component for react-native project clone from `react-native-yz-vlcplayer`

Latest version **1.0.1** (published 2020-04-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-vlc-player-rtsp
pnpm add react-native-vlc-player-rtsp
yarn add react-native-vlc-player-rtsp
bun add react-native-vlc-player-rtsp
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2020-04-08 |
| First published | 2020-04-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 207.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 458 |
| Author | rmilinda@gmail.com |
| Maintainers | rmili |
| Keywords | vlc, player, android, ios, react-native, mp4, rtsp |

## Links

- npm: https://www.npmjs.com/package/react-native-vlc-player-rtsp
- Repository: https://github.com/razorRun/react-native-vlc-player
- Homepage: https://github.com/razorRun/react-native-vlc-player#readme
- Issues: https://github.com/razorRun/react-native-vlc-player/issues
- npm.io page: https://npm.io/package/react-native-vlc-player-rtsp

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2020-04-08

## 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

1. cd to ios
2. run `pod init`
3. add `pod 'MobileVLCKit-unstable', '3.0.0a44'` to pod file
4. 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,
             });
           }}
       />
```

---
_Source: https://npm.io/package/react-native-vlc-player-rtsp · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._