代码拉取完成,页面将自动刷新
在 H5 上播放视频流,有很多开源的播放器可以使用,比如:
以上播放器我都使用过,他们支持不同的协议,可以根据自己的需要进行选择。
本系统中集成了 flv.js 和 vue-video-player 播放器,其他的没有集成进去。
我使用 vue 开发前端页面并需要进行网页截图,要求延时低,所以我选择了低延时的 HTTP-FLV 协议,支持这个协议的上面的只有 flv.js 了,所以最终选择了它。
在一个做视频监控的项目中使用了 flv.js ,效果如下:
视频流名称 | 地址 |
---|---|
香港卫视 | rtmp://live.hkstv.hk.lxdns.com/live/hks1 |
香港财经 | rtmp://202.69.69.180:443/webcast/bshdlive-pc |
美国中文电视 | rtmp://media3.sinovision.net:1935/live/livestream |
湖南卫视 | rtmp://58.200.131.2:1935/livetv/hunantv |
大熊兔(点播) | rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov |
CCTV1 高清 | http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8 (速度比较慢,但是可以用) |
CCTV3 高清 | http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8 (速度比较慢,但是可以用) |
CCTV5+ 高清 | http://ivi.bupt.edu.cn/hls/cctv5phd.m3u8 (速度比较慢,但是可以用) |
CCTV6 高清 | http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8 (速度比较慢,但是可以用) |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。