{转} MJPG流媒体在HTML5的呈现方案
阅读原文时间:2023年07月15日阅读:1

最近碰到的需求:监控探头视频呈现到html页面上。

视频源协议:HLS;

视频源格式:Motion JPEG 简称 MJPG;****

其中Motion JPEGM-JPEGMJPEG,Motion Joint Photographic Experts Group,FourCC:MJPG)是一种视频压缩格式,其中每一图像都分别使用JPEG编码。M-JPEG常用在数码相机摄像头之类的图像采集设备上,非线性剪辑系统也常用这种格式。QuickTime播放器和包括Mozilla FirefoxGoogle ChromeSafari在内许多网页浏览器原生支持M-JPEG。

解决方案一:

源文:http://stackoverflow.com/questions/13500558/motion-jpeg-in-html5-canvas?answertab=oldest#tab-top

原理:接收来自流媒体源的信息,每0.01秒渲染一遍指定的canvas。

解决方案二:

源文:http://wiki.ros.org/mjpegcanvasjs/Tutorials/CreatingASingleStreamCanvas

使用了JS包:mjpegcanvas.min.js






MJPG流媒体在HTML5的呈现方案



手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章