精华内容
下载资源
问答
  • 浏览器不支持flash插件之后,h5播放rtmp直播流的解决方案背景几种视频流比较http-flv搭配flv.js播放方案rtmp与http-flv地址格式直播在线测试地址: JavaCV转封装rtsp到rtmp(无需转码,低资源消耗) 海康sdk捕获码...

    JavaCV转封装rtsp到rtmp(无需转码,低资源消耗)
    海康sdk捕获码流数据通过JavaCV推成rtmp流的实现思路(PS流转封装RTMP)

    相关资源:
    nginx-http-flv:https://download.csdn.net/download/weixin_40777510/12513147
    nginx-rtmp:https://download.csdn.net/download/weixin_40777510/12270281
    RTSPtoRTMP开源项目地址:https://gitee.com/banmajio/RTSPtoRTMP
    HCSDKtoRTMP项目地址:https://gitee.com/banmajio/HCSDKtoRTMP
    rtmp在线测试地址:http://cloud.liveqing.com:10080/#/liveplayer
    http-flv在线测试地址:http://bilibili.github.io/flv.js/demo/

    背景

    目前监控直播大多采用rtmp-nginx-flash来进行无插件播放的。但是2020年底,所有浏览器不再支持flash插件之后,rtmp的视频流就不能在浏览器中播放了。这个时候可以采用将rtmp重新封装成http-flv的视频流,采用flv.js来进行播放。

    几种视频流比较

    协议http-flvrtmphls
    传输方式http流tcp流http流
    视频封装格式flvflvTs文件
    延迟
    数据分段连续流连续流切片文件
    h5播放flv.jsvideo.jshls.js

    http-flv搭配flv.js播放方案

    rtmp和http-flv的视频格式都是flv格式的,只是传输协议而不同。rtmp是tcp的传输协议,而http-flv是http长链接的传输协议。
    可以采用搭载http-flv模块的nginx服务对rtmp流重新封装为http-flv的流进行分发。搭载http-flv的nginx服务可以通过nginx-http-flv此处下载,没有积分的找拼多多代下载几毛钱!!! 已经编译成可执行的.exe文件,直接双击即可运行。端口即其他配置修改nginx.conf文件即可。
    也可以通过下载源码,自行编译生成可执行文件:https://github.com/winshining/nginx-http-flv-module

    流媒体服务推荐使用srs服务,配置部署都很简单!!!

    rtmp与http-flv地址格式

    worker_processes  1;
    
    #error_log  logs/error.log;
    #error_log  logs/error.log  notice;
    #error_log  logs/error.log  info;
    #error_log  logs/error.log  debug;
    
    #pid        logs/nginx.pid;
    
    events {
        worker_connections  1024;
    }
    
    # 添加RTMP服务
    rtmp {
    
        server {
            listen 1935;
            application live {  
                live on;
            }
    	}
    
    }
    # 添加http-flv服务
    http {
        server {
            listen       8080;
            server_name	 localhost;
    		
    		location /live {
    			flv_live on;
                chunked_transfer_encoding  on; #open 'Transfer-Encoding: chunked' response
    			add_header 'Access-Control-Allow-Credentials' 'true'; #add additional HTTP header
    			add_header 'Access-Control-Allow-Origin' '*'; #add additional HTTP header
    			add_header Access-Control-Allow-Headers X-Requested-With;
    			add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    			add_header 'Cache-Control' 'no-cache';
            }
    	}
    }
    
    

    如上配置,可以通过nginx服务同时分发rtmp流和http-flv流。

    rtmp直播地址:rtmp://192.168.0.31:1935/live/streamid
    http-flv直播地址:http://192.168.0.31:8080/live?port=1935&app=live&stream=streamid
    srs分发的http-flv地址拼接格式与nginx分发的地址拼接略有不同,使用srs的朋友查看srs官方文档给出的例子!!!

    flv.js延迟问题

    累积延迟:flv.js有累积延迟问题,它在播放的过程中,会越来越落后于视频流的进度,这里应该定期的清空MSE的缓冲。

    flv.js的并发

    chrome浏览器对于同一个域名的并发连接是6路,而HTTP-FLV是基于HTTP协议的长连接,一般不注意的话,很容易误以为流媒体服务器有什么并发上的性能问题,其实这是浏览器的锅,这里建议使用多域名或是多端口号来避开浏览器对单域名的并发数的限速。

    直播在线测试地址:

    rtmp在线测试地址:http://cloud.liveqing.com:10080/#/liveplayer(需要加载flash插件)
    http-flv在线测试地址:http://bilibili.github.io/flv.js/demo/(不需要flash插件)

    展开全文
  • H5浏览器播放RTMP直播流

    万次阅读 2018-05-07 17:01:00
    <source src='rtmp://live.hkstv.hk.lxdns.com/live/hks' type='rtmp/flv'/> var player = videojs('my-player'); var options = {}; var player = videojs('my-player', options, function ...

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link href="http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/5.19/video.min.js"></script>
    </head>
    <body>
    <video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
    <source src='rtmp://live.hkstv.hk.lxdns.com/live/hks' type='rtmp/flv'/>
    </p>
    </video>
    <script type="text/javascript">
    var player = videojs('my-player');
    var options = {};

    var player = videojs('my-player', options, function onPlayerReady() {
    videojs.log('Your player is ready!');
    // In this context, `this` is the player that was created by Video.js.
    this.play();
    // How about an event listener?
    this.on('ended', function() {
    videojs.log('Awww...over so soon?!');
    });
    });

    </script>
    </body>
    </html>

    展开全文
  • h5 rtmp播放demo

    2018-01-08 16:26:44
    h5实现rtmp协议视频播放,里面包含实现样例源码,少积分下载!
  • 一、RTMP、RTSP、HTTP协议 这三个协议都属于互联网 TCP/IP 五层体系结构中应用层的协议。...但通常来说,直播一般用 RTMP、RTSP。而点播用 HTTP。下面分别介绍下三者的特点。   1,RTMP协议 (1)是流媒...

    转自https://blog.csdn.net/u014162133/article/details/81188410

    一、RTMP、RTSP、HTTP协议

    这三个协议都属于互联网 TCP/IP 五层体系结构中应用层的协议。理论上这三种都可以用来做视频直播或点播。但通常来说,直播一般用 RTMP、RTSP。而点播用 HTTP。下面分别介绍下三者的特点。

     

    1,RTMP协议

    (1)是流媒体协议。

    (2)RTMP协议是 Adobe 的私有协议,未完全公开。

    (3)RTMP协议一般传输的是 flv,f4v 格式流。

    (4)RTMP一般在 TCP 1个通道上传输命令和数据。

     

    2,RTSP协议

    (1)是流媒体协议。

    (2)RTSP协议是共有协议,并有专门机构做维护。.

    (3)RTSP协议一般传输的是 ts、mp4 格式的流。

    (4)RTSP传输一般需要 2-3 个通道,命令和数据通道分离。

     

    3,HTTP协议

    (1)不是是流媒体协议。

    (2)HTTP协议是共有协议,并有专门机构做维护。 

    (3)HTTP协议没有特定的传输流。 

    (4)HTTP传输一般需要 2-3 个通道,命令和数据通道分离。

     

     

    二、可用的直播流地址

     

    通常我们进行 RTMP/RTSP 开发时,除了可以自己搭建视频服务器来进行测试外。也可以直接使用一些电视台的直播地址,省时省力。
    下面是我收集汇总的一些视频直播地址,亲测可用。 

     

     

    1,RTMP协议直播源

    香港卫视:rtmp://live.hkstv.hk.lxdns.com/live/hks

     

    2,RTSP协议直播源

    珠海过澳门大厅摄像头监控:rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp

    大熊兔(点播):rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov

     

    3,HTTP协议直播源

    香港卫视:http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8

    CCTV1高清:http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8

    CCTV3高清:http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8

    CCTV5高清:http://ivi.bupt.edu.cn/hls/cctv5hd.m3u8

    CCTV5+高清:http://ivi.bupt.edu.cn/hls/cctv5phd.m3u8

    CCTV6高清:http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8

    苹果提供的测试源(点播):http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/gear2/prog_index.m3u8

     

     

    三、播放软件推荐:VLC

     

    要播放视频直播流,或者测试一个直播视频地址是否可以使用。这里推荐 VLC 媒体播放器。功能强大且跨平台。支持 Windows、Mac OS、Linux、Android、iOS。

    官网地址:http://www.videolan.org/

     

    打开播放器,选择菜单中“媒体”->“打开网络串流...”。在弹出页面中填入视频地址即可。


    --------------------- 
    作者:程序源码中的战斗机 
    来源:CSDN 
    原文:https://blog.csdn.net/u014162133/article/details/81188410 
    版权声明:本文为博主原创文章,转载请附上博文链接!

    展开全文
  • 实现rtsp/onvif/gb28181相关设备或平台的汇聚,通过媒体分发平台和媒体存储平台对外提供实时流、历史流、报警信息、语音对讲、设备云台控制(PTZ)等相关服务,支持H5无插件直播,配合该方案基于mse开发的相关前端js...

    SFX流媒体解决方案基于安防行业推出了以媒体汇聚平台(SfxMCP)为主,以媒体分发平台(SfxMDP)和媒体存储平台(SfxMSP)为辅,实现rtsp/onvif/gb28181相关设备或平台的汇聚,通过媒体分发平台和媒体存储平台对外提供实时流、历史流、报警信息、语音对讲、设备云台控制(PTZ)等相关服务,支持H5无插件直播,配合该方案基于mse开发的相关前端js播放器,可消除实时流的累积延时;同时,实时流/历史流/设备控制均支持PC端/移动端访问;同时提供丰富的二次开发接口(Restful API),以满足各类场景的快速集成与应用;

    SFX流媒体解决方案

       为了解决各行各业基于安防监控衍生出的相关需求,我们推出了集设备/平台汇聚、平台级联、设备管理、设备控制(PTZ)、报警管理、实时/历史流调阅、存储为一体的全栈解决方案 – SfxMCP汇聚平台。本方案支持各类专网/私网相关的应用,同时也兼容专网/私网与互联网的混合型应用场景。
       我们将安防领域和直播领域相关流媒体技术方案整合后,使得安防行业各类IPC具备PC端HTML5无插件播放能力,同时兼容移动端各类APP、浏览器直播访问设备的实时流与历史流,为SfxMCP汇聚平台创造了更为广阔、灵活的应用空间。

    基于专网/私网的应用方案

    在专网或私有内网,例如视频专网、企业内网等场合中,需要对IPC或监控平台进行对接/管理时,SfxMCP汇聚平台相关组件可直接部署在目标网络中,即可实现对该域内的IPC或监控平台相关资源进行访问与管理。

    在这里插入图片描述

    基于互联网/混合网的应用方案

       在涉及互联网的环境中,例如视频专网、企业内网中的设备或平台需要通过互联网访问等应用场景,可将SfxMCP汇聚平台部署于互联网。此时,基于GB28181的私网设备/平台可直接接入互联网;基于RTSP的私网设备借助于私网中的SfxMCE汇聚引擎可实现互联网的接入,从而提供互联网对私网内设备或平台的访问能力(内网或专网上的设备无需公网IP)。

    在这里插入图片描述

    平台管理与监测

       汇聚平台提供Restful API接口,方便C/C++、Java、甚至js等各类开发语言快速集成。演示平台通过HTML+JS实现,通过访问汇聚平台提供的相关接口实现了平台所在服务器的相关硬件资源监测。同时也提供了平台配置修改的相关接口,使得在WEB上即可实现对平台的运维管理,十分简洁便利。

    在这里插入图片描述

    实时流预览

       汇聚平台提供设备实时流的预览功能,支持PC端基于HTML5无插件的播放能力,兼容移动端各类APP、浏览器直接访问的功能。
       汇聚平台提供基于GB28181协议所定义的语音对讲功能或基于私有协议实现的语音对讲功能。
       同时,汇聚平台也支持对基于ONVIF/GB28181协议的设备进行PTZ控制的能力,从而实现云台旋转、缩放等基本功能。

    在这里插入图片描述

    历史流调阅

       汇聚平台提供设备历史流的访问功能,支持PC端基于HTML5无插件播放的能力,兼容移动端各类APP、浏览器直接访问的功能。
       当待调阅的设备历史流存储于下级GB28181平台上时,由汇聚平台向下级GB28181平台请求历史流并实时转封装对外输出。
       当待调阅的设备历史流经配置存储于SfxMCP汇聚平台时,则通过SfxMSP对外输出历史流。

    在这里插入图片描述

    QQ技术交流:564958276
    技术交流群: 185799978
    在这里插入图片描述

    展开全文
  • H5播放Rtmp之Flowplayer播放

    千次阅读 2020-09-21 17:10:52
    一、简介 我们看到了HLS播放视频实时性非常差,好的在6-7s,差点的就要10-12s了,也就是人走了,估计视频上还能看到,这对观感效果造成...(1) 使用flash插件播放,兼容所有浏览器(特别2020年12月后chrome带头不再支持
  • H5播放Rtmp之videojs播放

    千次阅读 2020-09-21 17:04:56
    一、简介 我们看到了HLS播放视频实时性非常差,好的在6-7s,差点的就要10-12s了,也就是人走了,估计视频上还能看到,这对观感效果造成...(1) 使用flash插件播放,兼容所有浏览器(特别2020年12月后chrome带头不再支持
  • H5实现RTMP流的直播小记

    万次阅读 2018-08-18 08:17:48
    &amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;使用video.js实现rtmp流的直播播放&amp;amp;amp;amp;lt;! - 引入播放器样式 - &amp;amp;amp;amp;gt;
  • H5播放Rtmp之vue-video-player

    千次阅读 2020-09-21 17:16:43
    一、简介 我们看到了HLS播放视频实时性非常差,好的在6-7s,差点的就要10-12s了,也就是人走了,估计视频上还能看到,这对观感效果造成...(1) 使用flash插件播放,兼容所有浏览器(特别2020年12月后chrome带头不再支持
  • 搭建直播系统并实现h5播放rtmp

    千次阅读 2020-07-09 17:06:03
    推流只能用rtmp协议,拉流可以使用rtmp协议和hls协议。rtmp协议时adobe公司开发的开放协议,hls是苹果公司推出的直播协议。我们使用nginx的rtmp插件来搭建推流服务器 基于nginx的rtmp直播服务器 安装加载nginx-rtmp-...
  • nginx 1.19.3 集成了rtmp推流模块 内含一个h5播放页面 支持跨平台播放可在windows跟linux上播放
  • 利用H5实现RTMP流的WEB移动端直播

    千次阅读 2019-09-17 20:11:22
    主要实现方式:使用H5的video 元素结合H5的网络频播放器(video.js)实现rtmp流的直播播放 video.js 介绍 Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,...
  • EasyNVR摄像机无插件直播方案随着互联网的发展,尤其是移动互联网的普及,基于H5、微信的应用越来越多,企业也更多地想基于H5、微信公众号来快速开发和运营自己的视频及视频相关性产品,那么传统的安防IPC摄像机所...
  • 视频监控安防平台-国标GB28181转RTSP、RTMP和HLS管理平台(支持GB28181-2016版本、支持公网码流传输) 最近抽了点时间把国标GB28181转RTSP、RTMP和HLS管理平台做了简单的整理,把相应的Demo也整理好了,本次Demo是...
  • 但是好处就是它是基于http协议文件下载的,所以需要任何插件,到处播放,处处兼容,所以rtmp和hls在web端的特点如下:HLS(1) 使用http协议,兼容所有浏览器。(2) 延时非常大,太适合实时视频源,适合文件点播或...
  • LiveQing视频点播RTMP推流直播服务支持H5无插件WebRTC超低延时视频直播1、WebRTC超低延时视频直播2、WebRTC延时对比3、LiveQing播放WebRTC流4、分屏页面如何选择默认播放流5、RTMP推流视频直播和点播流媒体服务 ...
  • 随着互联网的发展,尤其是移动互联网的普及,基于H5、微信的应用越来越多,企业也更多地想基于H5、微信公众号来快速开发和运营自己的视频及视频相关性产品,那么传统的安防IPC摄像机所输出的各种RTSP、GB28181、SDK...
  • 用Html5技术播放rtmp视频直播流的方案,采用本人开发的csharprtmp作为服务器,Broadway作为视频解码方案,speex.js作为音频解码方案,emscripten作为编译器的创新技术,需要浏览器支持AudioContext,WebSocket,...
  • 上一篇文章简单阐述了,在 H5 中,做直播需要哪些技术知识点,有哪些直播流协议和技术。通过对比,本篇主要聚焦于 RTMP 直播协议的相关内容,也就是说,本篇将会直接进行实际操作 Buffer 的练习和相关的学习。 RTMP ...
  • RTSP/HLS/FLV/RTMP拉流Onvif流媒体服务支持H5无插件WebRTC超低延时视频直播1、超低延时WebRTC2、WEBRTC延时对比3、LiveNVR支持WEBRTC输出4、RTSP/HLS/FLV/RTMP拉流Onvif流媒体服务 1、超低延时WebRTC 需要低延时的...
  • rtmp 播放工具,支持H264 H265, 参考FFmpeg完成rtmp H265推流后,使用此工具测试OK. 工具同时支持将rtsp转码rtmp推送测试平台,比Wowza Streaming用着更方便,rtmp开发者值得拥有,具体开发问题也可留言讨论。谢谢
  • web个人直播页面(支持rtmp,html)

    千次阅读 2020-09-23 10:25:10
    能直播。 实现: liunx服务器一台;(我是阿里云) 域名(可备案或无备案换个端口就行); 推流端(obs等软件都可以) 媒体服务器(用大佬写的) 拉流端(html实现) 个人理解: 看别人的写的文章太复杂了,简单的理解为推流是...
  • 找半天,HTML5的可以支持RTMP 但是无法播放RTSP,flash也止步于RTMP,最后同事推荐了个开源的好东东 VLC ,请教谷歌大神之后,这货果然可以用来让各浏览器(IE activex方式,谷歌、FF)实现播放RTSP视频流,那真是极...
  • 组件化H5播放器框架,支持mp4,m3u8,flv等多种格式,由奇舞团视频云前端组研发。 百度官方推出的用于开发网页播放器的软件开发工具包。 KSPlayer是金山云的Web端视频播放器。 以上播放器我都使用过,他们支持...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,858
精华内容 743
关键字:

h5不支持rtmp