發(fā)布于:2021-02-12 00:00:26
1
128
0
作為消費(fèi)者和網(wǎng)絡(luò)開發(fā)人員,流媒體娛樂是我的巨大興趣。我對流媒體娛樂的熱愛可以追溯到RealPlayer的早期以及一百萬個(gè)編解碼器的痛苦。時(shí)至今日,我正在與ReactJS以及YouTube,Twitch,F(xiàn)acebook等數(shù)十種流技術(shù)進(jìn)行大量合作。那使我想到:是否有一個(gè)很好的開源組件來嵌入流行視頻提供商的視頻?
讓我們看看ReactPlayer,這是一個(gè)非常簡單但有用的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提供了許多用于常規(guī)和特定于服務(wù)的回放的選項(xiàng),還提供了許多事件回調(diào)甚至是多源回放選項(xiàng)。
ReactPlayer是一個(gè)很棒的實(shí)用程序,用于將流行的媒體源嵌入到您自己的站點(diǎn)中。該配置非常簡單,您可以在幾分鐘內(nèi)啟動并運(yùn)行任何視頻服務(wù)。
作者介紹