如何在浏览器中播放 H.264 视频？

Posted 2023-03-12

【中文标题】如何在浏览器中播放 H.264 视频？

【英文标题】：How to play H.264 video in browser?

【发布时间】：2014-08-14 06:16:18

【问题描述】：

我已将视频的每一帧从 RGB -> YUV12 -> H264 转码。在出口我有 H.264 视频流，我想在没有 VLC 媒体播放器等的情况下观看它。

应该可以通过这种方式从 PC、平板电脑、智能手机等不同设备上使用流

我只会使用浏览器。

选择哪种方法？

也许 Flash 有帮助？将视频从 h.264 转码为 mp4？还有什么？

感谢您的任何想法。

【参考方案1】：

<video> 标签支持 RTSP 流。 在 Firefox、Chrome 和 IE9+ 上，您可以使用：

<video src="rtp://domain.com/stream">
    Your browser does not support RTP streams.
</video>

或

<video src="rtsp://domain.com/stream">
    Your browser does not support RTP streams.
</video>

在良好的旧 IE8 中，VLC 带有一个允许视频流的 ActiveX 插件（VLC 网络插件）：

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
     codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
       id="vlc" events="True">
   <param name="Src" value="rtsp://cameraipaddress" />
   <param name="ShowDisplay" value="True" />
   <param name="AutoLoop" value="False" />
   <param name="AutoPlay" value="True" />
   <embed id="vlcEmb"  type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no"  
     target="rtsp://cameraipaddress" ></embed>
</OBJECT>

【讨论】：

这对我不起作用。 Ubuntu 上的 Firefox 似乎没有显示 VLC 愉快显示的有效 RTSP 流。在浏览器中显示 RTSP 流需要什么？