zoukankan      html  css  js  c++  java
  • EasyNVR H5直播流媒体解决方案前端构建之:如何播放自动适配RTMP/HLS直播播放

    之前在进行EasyNVR多屏开发的时候,由于多屏功能不需要在手机端展示出来(pc多播放为RTMP,手机端播放为HLS),因此只注意到了引用videojs来进行rtmp的播放。由于不同项目需求不同,对hls流的播放也需要体现出来。

    videojs在播放rtmp时,是调用Flash来进行播放的,在播放hls时是调用h5来播放的。

    <source src="hls地址" type="application/x-mpegURL">
    
    <source src="rtmp地址" type="video/mp4">
    

    主要的不同点在于type的形式

    当我们在标签中引用videojs时会通过data-setup=”;来进行控制,我们有时默认为空,由videojs自己来觉定,但是必须要有该属性;

    如果是要播放 hls 就改成這樣

    data-setup=’{“techOrder”: [“hls”]}’ ;
    播放h5或flash,同理;

    如果 我们播放方hls, video type 一定要是 type=”application/x-mpegURL”;
    其他更多的用法请参考官网文档:http://docs.videojs.com/


    关于EasyNVR

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

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

    获取更多信息

    邮件:support@easydarwin.org

    WEB:www.EasyDarwin.org

    Copyright © EasyDarwin.org 2012-2017

    EasyDarwin

  • 相关阅读:
    SpringFlex框架搭建
    SqlDataReader的用法 转自https://www.cnblogs.com/sunxi/p/3924954.html
    C#学习笔记:ListBox控件的用法
    C#栈Stack的使用
    C# 队列Queue
    xshell传送文件
    Java基础中字符串与字符的注意点!
    大数据的基础学习:
    Python的空行
    Python基本语法
  • 原文地址:https://www.cnblogs.com/babosa/p/9217750.html
Copyright © 2011-2022 走看看