V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
linuxvivian
V2EX  ›  推广

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

  •  
  •   linuxvivian · 2017-07-20 10:18:48 +08:00 · 2206 次点击
    这是一个创建于 2687 天前的主题,其中的信息可能已经有所发展或是发生改变。
    当今的直播业务发展日新月异的大环境下,若企业、机构、政府、学校官方网站甚至是个人的网站主页,要是没有个直播版块或视频点播版块,应该都不好意思说是官网吧。 难为了管理网站的技术人员,购买第三方的直播点播云服务,小并发还比较适合。但往往会预估并发量比较大,计算下来,用云平台根本不划算。 尤其现在很多直播云平台都不再提供按照流量付费的方式,而转以峰值带宽付费方式。对比下来,最终只有自建直播点播服务器。

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

    ü 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 标签两种。 如下图:





    嵌入网页显示:



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



    了解更多: http://www.800li.net/index.php?s=/home/website/lists.html
    2 条回复    2017-07-20 11:27:09 +08:00
    linuxvivian
        1
    linuxvivian  
    OP
       2017-07-20 10:40:54 +08:00





    图片有点小,再贴一次。
    cst4you
        2
    cst4you  
       2017-07-20 11:27:09 +08:00
    iframe 啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2700 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 15:41 · PVG 23:41 · LAX 07:41 · JFK 10:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.