• 基于EasyNVR+EasyDSS H5视频直播二次开发实现业务需求:直接使用播放页面


    之前的“网页直播、微信直播技术解决方案:EasyNVR与EasyDSS流媒体服务器组合之区分不同场景下的easynvr”有介绍一些功能。由于客户需求,我们定制一下功能。给该套方案添加了一个分享功能。

    问题背景:

    客户 只是需要一个网页地址直接可以播放。无需自己开发播放页面。

    问题描述即解决:

    不管是EasyNVR接入还是 通过其他方式推流到我们的EasyDSS流媒体服务器,easydss自身的播放都是通过 接口的方式获取到对应的流地址在页面播放(有自身二次开发需求的可以自身通过调用接口来获取流地址播放)。

    这样的好处就是我们可以通过获取到流地址可以根据自身的需求可以灵活的使用。不用拘泥于外部的页面、样式。。。。。
    

    有的用户可能就需要简单的一个网页地址就可以播放。不需要有什么特别的样式需求,只要集成一个网页地址进入自己的其他软件系统之中就可以。

    针对这种需求,我们作为立足与视频能力层是可以解决的。
    为了我们这个easydss流媒体服务器外部样式的统一性,没有直接展示在我们的前端页面上。
    我们的播放形式都是通过接口获取到的流地址来进行直播的(不管是单路播放还是四分屏还是十六屏)。

    单路播放

    easydss

    四屏播放

    easydss

    十六屏播放

    easydss

    描述了这样多,这个问题到底有没有解决的方法?

    直播列表页面:

    easydss

    我们前端为此特地开发了一个页面用于展示分享页面使用。只需要将easydss流媒体页面中的“Stream ID”作为一个标识,在又在分享页面上即可。

    网页链接地址格式:http://easydss流媒体服务器ip:端口/share.html?id=对应的Stream ID

    实例: http://192.168.1.151:10089/share.html?id=easynvr_1

    效果图:

    easydss

    对于其他推流工具推过来的流也是同样的方法。

    实例:http://192.168.1.151:10089/share.html?id=Bla

    效果图:

    easydss


    关于EasyDSS流媒体服务器

    EasyDSS商用流媒体服务器解决方案是一套集流媒体点播、转码与管理、直播、录像、检索、时移回看于一体的一套完整的商用流媒体服务器解决方案,EasyDSS高性能RTMP流媒体服务器支持RTMP推流,同步输出HTTP、RTMP、HLS、HTTP-FLV,支持推流分发/拉流分发,支持秒开、GOP缓冲、录像、检索、回放、录像下载、网页管理等多种功能,是目前市面上最合理的一款商用流媒体服务器!

    详细说明:http://www.easydss.com/

    点击链接加入群【EasyDSS流媒体服务器】:560148162


    关于EasyNVR

    EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;

    详细说明:http://www.easydarwin.org/easynvr/

    点击链接加入群【EasyNVR解决方案】:383501345

    获取更多信息

    邮件:support@easydarwin.org

    WEB:www.EasyDarwin.org

    Copyright © EasyDarwin.org 2012-2017

    EasyDarwin

  • 相关阅读:
    浅谈如何学好前后端
    MONGDB的使用
    一个css3特效
    axios
    css实现响应式图片及各种效果
    jQuery中.bind() .live() .delegate() .on()的区别
    HTML5 Web 存储
    HTML5中新的语义元素
    html5shiv:用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题
    JS移动客户端--触屏滑动事件
  • 原文地址:https://www.cnblogs.com/babosa/p/8206976.html
Copyright © 2020-2023  润新知