我已经实现了一个MJPEG / AVI1解析器,它从MJPEG文件中提取JPEG格式的帧.
我可以使用< canvas>在DOM上使用提取的JPEG文件绘制图像.我也可以使用context.getImageData从中导出图像像素数据.
我可以制作某种视频流并实时附加这些提取的数据,以便用户可以无延迟地播放吗?我知道我可以使用< canvas>手动创建一个< video>类UI元素,但我发现Media Source Extensions目前允许原生< video>标签接收编码的字节流格式.我很好奇我能用原始像素数据做到这一点.
解决方法
这是一个有趣的想法.
首先,您需要创建到mp4初始化段.从那里你可以将解码的jpg YUV帧转换为h.264帧.然后从帧中创建一个MSE片段.但是你不需要’编码’到h.264,你可以使用原始切片,就像本文中概述的那样.
http://www.cardinalpeak.com/blog/worlds-smallest-h-264-encoder/
这应该都是javascript,在浏览器中,有足够的工作.