那麽問題就來了。 如何把直播內容+播放器嵌入到網頁上呢?網友們也紛紛提問:
ü HTML怎麽添加壹個直播flash播放器;
ü 如何在網頁中放置視頻播放代碼;
ü 怎麽在HTML網頁中插入直播視頻;
ü 網頁嵌入在線直播代碼。
那麽我們來抽絲剝繭來分析下如何生成嵌入網頁的直播的HTML代碼呢?
目前市場上直播都已采集先進的流式傳輸stream方式。那麽RTMP流媒體直播系統、RTMFP/P2P流媒體系統或HLS直播系統就是必需的。選擇的這種流媒體系統要求:
1. 生成flash的HTML播放器代碼,嵌入網頁保證無需安裝插件。
2. 手機端采用HLS協議,H5技術,保證安卓和蘋果移動端也不需要安裝任何插件。或者提供M3U8的視頻播放地址,開發APP調用視頻進行流式播放。
3. 直播系統如Adobe Media Server或800Li Media Server能夠自適應多種播放終端。
PC上用flash的HTML代碼示例 (object+embed標簽)
現在很多直播系統軟件的安裝和部署都設計很簡潔,管理都是web網頁觀看,沒有繁雜的操作步驟,簡單易懂。 當然也會直接提供直播內容插入網頁的HTML標簽,考慮兼容性都會有obeject標簽+embed標簽兩種。 如下圖:
代碼如下:
<script type="text/javascript" src="/go/getflashplayer"><img src="/images/shared/download_buttons/get_flash_player.gif" alt=
"安裝最新的Flash player" /></a></p>
</div>
嵌入網頁顯示:
轉發其他人的直播,如愛奇藝,優酷等,會提供分享嵌入網頁代碼。 如下圖: