如何生成嵌入网页直播的 HTML 代码

当今的直播业务发展日新月异的大环境下，若企业、机构、政府、学校官方网站甚至是个人的网站主页，要是没有个直播版块或视频点播版块，应该都不好意思说是官网吧。难为了管理网站的技术人员，购买第三方的直播点播云服务，小并发还比较适合。但往往会预估并发量比较大，计算下来，用云平台根本不划算。尤其现在很多直播云平台都不再提供按照流量付费的方式，而转以峰值带宽付费方式。对比下来，最终只有自建直播点播服务器。

那么问题就来了。如何把直播内容+播放器嵌入到网页上呢？网友们也纷纷提问：

ü HTML 怎么添加一个直播 flash 播放器；

ü 如何在网页中放置视频播放代码；

ü 怎么在 HTML 网页中插入直播视频；

ü 网页嵌入在线直播代码。

那么我们来抽丝剥茧来分析下如何生成嵌入网页的直播的 HTML 代码呢？

目前市场上直播都已采集先进的流式传输 stream 方式。那么 RTMP 流媒体直播系统、RTMFP/P2P 流媒体系统或 HLS 直播系统就是必需的。选择的这种流媒体系统要求：

1. 生成 flash 的 HTML 播放器代码，嵌入网页保证无需安装插件。

2. 手机端采用 HLS 协议，H5 技术，保证安卓和苹果移动端也不需要安装任何插件。或者提供 M3U8 的视频播放地址，开发 APP 调用视频进行流式播放。

3. 直播系统如 Adobe Media Server 或八百里流媒体服务器系统（ http://www.800li.net ） 800Li Media Server 能够自适应多种播放终端。

PC 上用 flash 的 HTML 代码示例（ object+embed 标签）

现在很多直播系统软件的安装和部署都设计很简洁，管理都是 web 网页观看，没有繁杂的操作步骤，简单易懂。当然也会直接提供直播内容插入网页的 HTML 标签，考虑兼容性都会有 obeject 标签+embed 标签两种。如下图：

嵌入网页显示：

转发其他人的直播，如爱奇艺，优酷等，会提供分享嵌入网页代码。如下图：