React Video Player

Streamování zábavy je velkým zájmem mého spotřebitele i webového vývojáře. Moje láska k streamované zábavě sahá až do počátků RealPlayeru a bídy s milionem kodeků. Rychle vpřed k dnešku a hodně pracuji s ReactJS, stejně jako s desítkami streamovacích technologií, jako je YouTube, Twitch, Facebook a tak dále. To mě vede k zamyšlení: existuje dobrá open source komponenta pro vkládání videí od oblíbených poskytovatelů videa?

Pojďme se podívat na ReactPlayer, velmi jednoduchý, ale užitečný komponent pro streamování videa pro ReactJS!

Použití komponenty ReactPlayer je opravdu jednoduché:

import ReactPlayer from 'react-player';

class App extends Component {
  render() {
    return (
      <div>
        <ReactPlayer
          url='https://www.youtube.com/watch?v=rnwlWn603g4'
          className='react-player'
          playing
          width='100%'
          height='100%'
        />
      </div>
    );
  }
}

ReactPlayer poskytuje řadu možností pro obecné přehrávání i přehrávání specifické pro službu, poskytuje také řadu zpětných volání událostí a dokonce možnosti přehrávání z více zdrojů.

ReactPlayer je úžasný nástroj pro vkládání oblíbených mediálních zdrojů na vaše vlastní stránky. Konfigurace je minimální a můžete mít jakoukoli video službu zprovozněnou během několika minut.