@types/react-native-video

What is @types/react-native-video?

@types/react-native-video provides TypeScript definitions for the react-native-video library, which is used to play videos in React Native applications. It helps developers by providing type safety and IntelliSense support in TypeScript projects.

What are @types/react-native-video's main functionalities?

Basic Video Playback

This feature allows you to play a video from a given URI. The video is displayed with specified width and height.

import Video from 'react-native-video';

const MyVideoComponent = () => (
  <Video
    source={{ uri: 'https://www.example.com/video.mp4' }}
    style={{ width: 300, height: 200 }}
  />
);

Custom Controls

This feature enables custom video controls, allowing users to play, pause, and seek the video.

import Video from 'react-native-video';

const MyVideoComponent = () => (
  <Video
    source={{ uri: 'https://www.example.com/video.mp4' }}
    controls={true}
    style={{ width: 300, height: 200 }}
  />
);

Event Handling

This feature allows you to handle various video events such as the end of the video or errors during playback.

import Video from 'react-native-video';

const MyVideoComponent = () => (
  <Video
    source={{ uri: 'https://www.example.com/video.mp4' }}
    onEnd={() => console.log('Video has ended')}
    onError={(error) => console.log('Error:', error)}
    style={{ width: 300, height: 200 }}
  />
);

Looping Video

This feature allows the video to loop continuously, restarting automatically after it ends.

import Video from 'react-native-video';

const MyVideoComponent = () => (
  <Video
    source={{ uri: 'https://www.example.com/video.mp4' }}
    repeat={true}
    style={{ width: 300, height: 200 }}
  />
);

Other packages similar to @types/react-native-video

react-native-video-controls

react-native-video-controls is a package that provides a customizable video player with built-in controls. It is built on top of react-native-video and offers additional features like fullscreen mode and custom control styling.

react-native-youtube

react-native-youtube is a package that allows you to embed and play YouTube videos in your React Native application. It provides a simple interface for integrating YouTube videos, but it is limited to YouTube content only.

react-native-vlc-player

react-native-vlc-player is a package that uses the VLC media player to play videos in React Native applications. It supports a wide range of video formats and streaming protocols, offering more flexibility compared to react-native-video.

README

Installation

npm install --save @types/react-native-video

Summary

This package contains type definitions for react-native-video (https://github.com/react-native-community/react-native-video).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-native-video.

Additional Details

• Last updated: Thu, 21 Dec 2023 19:06:51 GMT
• Dependencies: @types/react, react-native

Credits

These definitions were written by HuHuanming, Nekith, and Philip Frank.