react-native-vlc-media-player-view

React Native VLC media player view with full controls.

https://github.com/user-attachments/assets/4db406bc-2a8e-4344-b52a-a9480c092273

Use the latest libvlc library version!

dependencies {
    implementation 'org.videolan.android:libvlc-all:4.0.0-eap15'
}

Installation

npm install react-native-vlc-media-player-view

Take a look at the peer dependencies defined in the package.json.

Example

import { useVideoPlayer, VideoView } from 'react-native-vlc-media-player-view';

export default function App() {
  const player = useVideoPlayer({}, player => {
    player.source = { uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4' };
    player.play();
  });

  return <VideoView player={player} />;
}

To who more: example application

Usage

Look at types definitions:

• VideoView.types.ts
• Player.types.ts

Development

git clone https://github.com/jboz/react-native-vlc-media-player-view.git
cd example
npx expo run:android