html - HTML5 中的实时流媒体视频

Question

我需要开发一个 Web 应用程序，它需要支持 IE9 以及 iPad 和 Android 平板电脑。我面临的问题是客户端需要在所有页面上显示实时流媒体视频。如何在 HTML5 中实现直播视频？

Answer 1

我推荐你使用 Wowza 媒体服务器（当然有几个流媒体服务器。Wowza 提供具有出色性能和服务的视频/音频）我正在将它用于我的项目。它还支持流播放器、Jw 播放器等开源播放器。在您的机器上安装 Wowza 媒体服务器并在其上创建一个实时应用程序并开始广播。您需要一个用于直播的编码器，您可以使用 Adob​​e Flash Media Live Encoder 进行测试。Wowza 可以将视频播放到 iphone、网页等，

Answer 2

试试代码

<video id="movie" width="" height="" preload controls>
   <source id="srcMp4" src="video.mp4" />
   <source id="srcOgg" src="video.ogg" />
   <object id="flowplayer" name="flowplayer" width="480" height="352" 
   data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
            type="application/x-shockwave-flash">
     <param name="movie" 
     value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />
     <param name="allowfullscreen" value="true" />
     <param name="flashvars" 
     value='config={"clip":"http://domain.com/video.flv"}' />
  </object>
</video>

首先提供 MP4 格式，这是由于 iPad 中的一个错误，它只看到列出的第一个源。

如果浏览器无法播放 MP4 版本，它会尝试加载 Ogg 版本。如果失败，它将使用 Flowplayer (flash) 作为 fallback.s