【Github】项目名:web-video-live:网页H5视频流/直播播放系统
项目简介
这是一个网页H5播放视频流/直播系统,它集成了flv.js和vue-video-player播放器,经过测试能够支持rtmp,http-flv,hls视频流格式,可用于视频监控,还能进行视频截图。
项目目的
开发者在做前端页面开发且需要进行网页截图时,要求低延时,所以构建了这个系统。
核心技术
前端使用vue开发页面,播放器方面集成了flv.js(B站开源的使用纯JavaScript而不使用Flash编写的HTML5 Flash视频(FLV)播放器)和vue-video-player(适用于Vue的video.js播放器组件),通过这些技术来实现对多种视频流格式的支持以满足视频监控和截图等功能。
实践案例
在一个视频监控项目中使用了flv.js,可播放多种来源的视频流,如香港卫视(rtmp://live.hkstv.hk.lxdns.com/live/hks1)、香港财经(rtmp://202.69.69.180:443/webcast/bshdlive-pc)等不同地址和协议的视频流。
项目总结
这个web-video-live项目为网页H5播放视频流和直播提供了一种可行的解决方案,在视频监控等场景有很好的应用前景。欢迎大家留言讨论这个项目的更多可能性或者分享自己的相关经验。