vue & videojs實現(xiàn)rtmp/hls直播流播放

效果圖

mp4_hls_rtmp.png

使用技術(shù)

使用vue-cli3編寫demo
videojs7.6視頻播放組件
videojs-flash實現(xiàn)rtmp流播放
video-http-streaming(VHS)實現(xiàn)hls流播放(自videojs7后默認(rèn)集成探越，版本7之前都需引入VHS或者videojs-contrib-hls
vue-video-player自videojs6.6以后未更新子眶，故抽取代碼組件

可用測試源

HLS直播源地址：
1. CCTV1高清：http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8
2. CCTV3高清：http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8
3. CCTV6高清：http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8
RTMP直播源地址：
1. 香港衛(wèi)視：rtmp://live.hkstv.hk.lxdns.com/live/hks1
  rtmp://live.hkstv.hk.lxdns.com/live/hks2
2. 湖南衛(wèi)視：rtmp://58.200.131.2:1935/livetv/hunantv
3. 美國1：rtmp://ns8.indexforce.com/home/mystream
4. 美國中文電視：rtmp://media3.sinovision.net:1935/live/livestream
5. 香港財經(jīng)：rtmp://202.69.69.180:443/webcast/bshdlive-pc
6. 韓國GoodTV：rtmp://mobliestream.c3tv.com:554/live/goodtv.sdp

Demo地址

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末潘懊，一起剝皮案震驚了整個濱河市邮辽，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌右冻，老刑警劉巖志珍，帶你破解...
沈念sama閱讀 216,544評論 6贊 501
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件鬼佣，死亡現(xiàn)場離奇詭異，居然都是意外死亡额获，警方通過查閱死者的電腦和手機够庙，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,430評論 3贊 392
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來抄邀，“玉大人耘眨，你說我怎么就攤上這事【成觯” “怎么了剔难？”我有些...
開封第一講書人閱讀 162,764評論 0贊 353
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長奥喻。經(jīng)常有香客問我偶宫，道長，這世上最難降的妖魔是什么环鲤？我笑而不...
開封第一講書人閱讀 58,193評論 1贊 292
?港島之戀（遺憾婚禮）
正文為了忘掉前任纯趋，我火速辦了婚禮，結(jié)果婚禮上冷离，老公的妹妹穿的比我還像新娘吵冒。我一直安慰自己，他們只是感情好酒朵，可當(dāng)我...
茶點故事閱讀 67,216評論 6贊 388
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布桦锄。她就那樣靜靜地躺著，像睡著了一般蔫耽。火紅的嫁衣襯著肌膚如雪结耀。梳的紋絲不亂的頭發(fā)上留夜，一...
開封第一講書人閱讀 51,182評論 1贊 299
城市分裂傳說
那天，我揣著相機與錄音图甜，去河邊找鬼碍粥。笑死，一個胖子當(dāng)著我的面吹牛黑毅，可吹牛的內(nèi)容都是我干的嚼摩。我是一名探鬼主播，決...
沈念sama閱讀 40,063評論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼矿瘦，長吁一口氣：“原來是場噩夢啊……” “哼枕面！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起缚去，我...
開封第一講書人閱讀 38,917評論 0贊 274
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤潮秘，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后易结，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體枕荞，經(jīng)...
沈念sama閱讀 45,329評論 1贊 310
?護(hù)林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 37,543評論 2贊 332
?白月光啟示錄
正文我和宋清朗相戀三年搞动，在試婚紗的時候發(fā)現(xiàn)自己被綠了躏精。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 39,722評論 1贊 348
活死人
序言：一個原本活蹦亂跳的男人離奇死亡鹦肿，死狀恐怖矗烛，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情狮惜，我是刑警寧澤高诺，帶...
沈念sama閱讀 35,425評論 5贊 343
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站碾篡，受9級特大地震影響虱而，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜开泽，卻給世界環(huán)境...
茶點故事閱讀 41,019評論 3贊 326
男人毒藥：我在死后第九天來索命
文/蒙蒙一牡拇、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧穆律，春花似錦惠呼、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 31,671評論 0贊 22
一樁弒父案剔蹋，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至辅髓，卻和暖如春泣崩，著一層夾襖步出監(jiān)牢的瞬間少梁，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 32,825評論 1贊 269
情欲美人皮
我被黑心中介騙來泰國打工矫付，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留凯沪，地道東北人。一個月前我還...
沈念sama閱讀 47,729評論 2贊 368
代替公主和親
正文我出身青樓买优，卻偏偏與公主長得像妨马，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子杀赢，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 44,614評論 2贊 353

vue & videojs實現(xiàn)rtmp/hls直播流播放

效果圖

使用技術(shù)

可用測試源

Demo地址

推薦閱讀更多精彩內(nèi)容