【问题标题】: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> ?

标签: html video streaming live


【解决方案1】:

我推荐你使用 Wowza 媒体服务器(当然有几个流媒体服务器。Wowza 提供具有出色性能和服务的视频/音频)我在我的项目中使用它。它还支持流播放器、Jw 播放器等开源播放器。在您的机器上安装 Wowza 媒体服务器并在其上创建一个实时应用程序并开始广播。您需要一个用于直播的编码器,您可以使用 Adob​​e 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 更改为视频所在的位置
猜你喜欢
  • 2015-05-27
  • 2012-11-09
  • 2014-09-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-03
  • 2014-06-30
相关资源
最近更新 更多