发布于:2021-02-12 00:00:26
1
102
0
作为消费者和网络开发人员,流媒体娱乐是我的巨大兴趣。我对流媒体娱乐的热爱可以追溯到RealPlayer的早期以及一百万个编解码器的痛苦。时至今日,我正在与ReactJS以及YouTube,Twitch,Facebook等数十种流技术进行大量合作。那使我想到:是否有一个很好的开源组件来嵌入流行视频提供商的视频?
让我们看看ReactPlayer,这是一个非常简单但有用的ReactJS流视频播放器组件!
使用ReactPlayer组件非常简单:
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提供了许多用于常规和特定于服务的回放的选项,还提供了许多事件回调甚至是多源回放选项。
ReactPlayer是一个很棒的实用程序,用于将流行的媒体源嵌入到您自己的站点中。该配置非常简单,您可以在几分钟内启动并运行任何视频服务。
作者介绍