最近碰到的需求:监控探头视频呈现到html页面上。
视频源协议:HLS;
视频源格式:Motion JPEG 简称 MJPG;****
其中Motion JPEG(M-JPEG或MJPEG,Motion Joint Photographic Experts Group,FourCC:MJPG)是一种视频压缩格式,其中每一帧图像都分别使用JPEG编码。M-JPEG常用在数码相机和摄像头之类的图像采集设备上,非线性剪辑系统也常用这种格式。QuickTime播放器和包括Mozilla Firefox,Google Chrome,Safari在内许多网页浏览器原生支持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
手机扫一扫
移动阅读更方便
你可能感兴趣的文章