400-123-4657
在H5上播放视频流,有很多开源播放器可用,例如:
flv.js(Bilibili开源)是一个用纯JavaScript而不是Flash编写的HTML5 Flash视频(FLV)播放器。 vue-video-player video.js Vue 的播放器组件。 chimee.js是一个组件化的H5播放器框架,支持mp4、m3u8、flv等多种格式,由七物团视频云前端团队开发。 Cyberplayer是百度官方推出的一款用于开发网页播放器的软件开发包。 ksplayer KSPlayer是金山云的网页端视频播放器。
以上所有播放器我都用过。 它们支持不同的协议,您可以根据需要进行选择。
本系统集成了flv.js和vue-video-player播放器,其他播放器没有集成。
我使用vue开发前端页面,需要进行网页截图,需要低延迟,所以选择了低延迟的HTTP-FLV协议。 唯一支持这个协议的是flv.js,所以我最终选择了它。
结果显示
flv.js用于视频监控项目,效果如下:
可用的视频流
视频流名称地址
香港卫视
rtmp:///live/hks1
香港金融
rtmp://202.69.69.180:443/webcast/bshdlive-pc
美国中文电视
rtmp://:1935/live/livestream
湖南卫视
rtmp://58.200.131.2:1935/livetv/hunantv
大熊兔(按需)
rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov
CCTV1高清
(速度较慢,但有效)
CCTV3高清
(速度较慢,但有效)
CCTV5+高清
(速度较慢,但有效)
CCTV6高清
(速度较慢,但有效)