效果图
mp4_hls_rtmp.png
使用技术
- 使用vue-cli3编写demo
- videojs7.6视频播放组件
- videojs-flash实现rtmp流播放
-
video-http-streaming(VHS)实现hls流播放(自videojs7后默认集成，版本7之前都需引入
VHS或者videojs-contrib-hls - vue-video-player自videojs6.6以后未更新，故抽取代码组件
可用测试源
-
HLS直播源地址：
-
RTMP直播源地址：
- 香港卫视：rtmp://live.hkstv.hk.lxdns.com/live/hks1
rtmp://live.hkstv.hk.lxdns.com/live/hks2 - 湖南卫视：rtmp://58.200.131.2:1935/livetv/hunantv
- 美国1：rtmp://ns8.indexforce.com/home/mystream
- 美国中文电视：rtmp://media3.sinovision.net:1935/live/livestream
- 香港财经：rtmp://202.69.69.180:443/webcast/bshdlive-pc
- 韩国GoodTV：rtmp://mobliestream.c3tv.com:554/live/goodtv.sdp
- 香港卫视：rtmp://live.hkstv.hk.lxdns.com/live/hks1
网友评论