如何在 Chrome、Firefox 和 IE 中显示 MJPEG、H264 直播和播放视频?
How can I show MJPEG, H264 Live Stream, and playback video in Chrome, Firefox and IE?
问题
我有多个来自多个制造商的网络摄像机。摄像机提供以下实时信息:
- Manufacturer_1 Feed_1:MJPEG 通过 http
- Manufacturer_1 Feed_2:h264 通过 rtsp
- Manufacturer_2 Feed_1:h264 通过 http
有效方法
对于 Chrome 和 Firefox MJPEG:
- http 实时订阅使用 img 标签并设置
源到实时提要 URL.
- 使用 VideoJS 在所有三种浏览器上播放录制的 MJPEG 或 H264 视频
我需要的
在所有三种浏览器上播放 H264 的实时信号。在 IE 上播放 MJPEG 提要。
我要避免的事情
使用 FFMPEG 或 VLC 将 H264 转码并流式传输到 MJPEG,这仍然只适用于 Chrome 和 Firefox。
备注
Chrome 不接受插件。这意味着 Flash 或其他基于插件的解决方案将不起作用。
IE 上的 ActiveX 视频控件很少稳定。制造商特定的控制充其量是低于标准的。
我知道HTML5video标签是由浏览器独立实现的,每个浏览器决定支持什么视频格式。
This link 简要概述了严重的浏览器视频限制以及落在我们所有人身上的负担,作为在现代浏览器中间咳嗽的开发人员 war.
Chrome 和 Firefox 都接受碎片化的 MP4 和 WebM(在本例中不相关)视频容器中的实时视频流。所以你将不得不重新混合(这仍然比转码快得多)。我也在使用 IP 摄像机,到目前为止我还没有看到任何能够输出浏览器支持的格式的摄像机。因此,免费选项是设置 FFmpeg 以将 rtsp 转码为片段 MP4,或者如果您正在寻找商业产品,我们公司刚刚发布了一款视频监控产品,可以提供来自 RTSP 摄像机的 HTML5 兼容直播。如果您对商业产品有任何兴趣,请发表评论。
问题
我有多个来自多个制造商的网络摄像机。摄像机提供以下实时信息:
- Manufacturer_1 Feed_1:MJPEG 通过 http
- Manufacturer_1 Feed_2:h264 通过 rtsp
- Manufacturer_2 Feed_1:h264 通过 http
有效方法
对于 Chrome 和 Firefox MJPEG:
- http 实时订阅使用 img 标签并设置 源到实时提要 URL.
- 使用 VideoJS 在所有三种浏览器上播放录制的 MJPEG 或 H264 视频
我需要的
在所有三种浏览器上播放 H264 的实时信号。在 IE 上播放 MJPEG 提要。
我要避免的事情
使用 FFMPEG 或 VLC 将 H264 转码并流式传输到 MJPEG,这仍然只适用于 Chrome 和 Firefox。
备注
Chrome 不接受插件。这意味着 Flash 或其他基于插件的解决方案将不起作用。
IE 上的 ActiveX 视频控件很少稳定。制造商特定的控制充其量是低于标准的。
我知道HTML5video标签是由浏览器独立实现的,每个浏览器决定支持什么视频格式。
This link 简要概述了严重的浏览器视频限制以及落在我们所有人身上的负担,作为在现代浏览器中间咳嗽的开发人员 war.
Chrome 和 Firefox 都接受碎片化的 MP4 和 WebM(在本例中不相关)视频容器中的实时视频流。所以你将不得不重新混合(这仍然比转码快得多)。我也在使用 IP 摄像机,到目前为止我还没有看到任何能够输出浏览器支持的格式的摄像机。因此,免费选项是设置 FFmpeg 以将 rtsp 转码为片段 MP4,或者如果您正在寻找商业产品,我们公司刚刚发布了一款视频监控产品,可以提供来自 RTSP 摄像机的 HTML5 兼容直播。如果您对商业产品有任何兴趣,请发表评论。