mjpeg HTML5视频无法与<video>一起流式传输

Guy*_*vin 2 html5 mjpeg html5-video

我正在尝试在HTML 5中显示mjpeg直播

使用<img>标签 - >没问题,它显示流很棒,但是,我需要触发一些事件来指示流正确显示的时间

例如:

<img src="url" />
Run Code Online (Sandbox Code Playgroud)

使用<video>标签 - >我能够获得这些事件,但我无法播放mjpeg流

例如:

<video autoplay="autoplay" controls onerror="onError()">
    <source src=url>
</video>
Run Code Online (Sandbox Code Playgroud)

我能做什么?

小智 7

在元素之外的任何浏览器中都没有对MJPEG流的一般支持img.MJPEG 没有官方标准,并且存在许多变化,对于如何在不支持每个/大多数变化的情况下检测什么是错误的视频元素可能存在问题.

对于图像元素,我猜想已经做出了折衷,以不能以格式化方式实现更多容差,代价是无法正确分析流.

我们得到监控与事件最接近的img元素是听onload,onerroronabort事件.除此之外,我们没有任何选择.

您可以查看转码解决方案,例如免费的VLCMediaTomb(允许管道VLC输出)相结合,可以将MJPEG格式转换为不同的格式,作为可能的解决方法.另一种方法是考虑基于Flash的解决方案.