react-twitch-player

React Twitch Player

An easy drop-in Twitch VOD player in React. I used this for a different project because there was nothing else available which let you access the player element.

Installation

Install via npm:

npm install react-twitch-player

Usage

Usage is extremely simple:

• Import both the useTwitch hook and TwitchPlayer component

import {useTwitch, TwitchPlayer} from "react-twitch-player";

• Initialize the player by using the useTwitch hook. Make sure to pass in the ID of the Twitch VOD you'd like to play.

const player = usePlayer('2505966283')

• Add the TwitchPlayer component to your JSX (it optionally takes any props that you could pass in a div).

...
<TwitchPlayer />
...

Example

Basic example of how to use it:

import React from "react";
import {useTwitch, TwitchPlayer} from 'react-twitch-player';

function MyPlayer() {
    const player = useTwitch('2505966283');

    return (
        <TwitchPlayer />
    )
}