效果图
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
网友评论