直播視頻在HTML5

Question

我需要開發一個 web 應用程序，它需要支持 IE9 以及 iPad 和 Android 平板電腦。 我面臨的問題是客戶端需要在所有頁面上顯示實時流媒體視頻。 HTML5如何實現視頻直播？

Answer 1

我建議您使用 Wowza Media Server（當然那里有幾個流媒體服務器。Wowza 提供具有出色性能和服務的視頻/音頻）我正在將它用於我的項目。 它還支持開源播放器，如 flow 播放器、Jw 播放器等。在您的機器上安裝 Wowza Media Server 並在其上創建一個直播應用程序並開始廣播。 直播需要編碼器，可以使用Adobe 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) 作為后備。