反应视频播放器

发布于:2021-02-12 00:00:26

1

100

0

视频 播放器 开发人员 ReactPlayer

作为消费者和网络开发人员,流媒体娱乐是我的巨大兴趣。我对流媒体娱乐的热爱可以追溯到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提供了许多用于常规和特定于服务的回放的选项,还提供了许多事件回调甚至是多源回放选项。

{xunruicms_img_title}

ReactPlayer是一个很棒的实用程序,用于将流行的媒体源嵌入到您自己的站点中。该配置非常简单,您可以在几分钟内启动并运行任何视频服务。