HTML5中的直播视频

时间:2012-04-06 06:33:13

标签: html5 video streaming live

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

尝试代码

<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