HTML5 中的实时流媒体视频答案

【问题标题】：Live streaming video in HTML5HTML5 中的实时流媒体视频
【发布时间】：2012-04-06 06:33:12
【问题描述】：

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

【问题讨论】：

你有什么尝试吗？例如<video width="320" height="240" controls="controls"> <source src="http://ADR/STREAM_ADR" type="video/mp4" /> Your browser does not support the video tag. </video> ?

【解决方案1】：

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

【讨论】：

但是 Wowza 只支持一些有限的浏览器。而且我的客户不接受去 Wowza。HLS 流媒体是否支持 IE9、Chrome、opera、safari、iPad 和 Android 平板电脑？我用这个代码它不起作用
查看此链接：longtailvideo.com/html5/hls 以检查各种浏览器对 HLS 的支持

【解决方案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) 作为后备。s

【讨论】：

直播视频？它的
将 src 更改为视频所在的位置