首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在IE浏览器播放RTSP或RTMP

好多开发者一直苦恼于如何在IE浏览器环境下,构建低延迟的RTSP或RTMP播放,对于RTSP流来说,好多公司通常的做法是把RTSP转RTMP,然后分发到RTMP服务器,然后服务器转http-flv出来,...浏览器直接播放http-flv流,亦或通过flash控件直接播放RTMP流,还有就是,转hls流出来,缺点是hls流延迟更大。...大牛直播SDK(Github)在现有SDK的基础上,扩展了ocx控件,用于IE浏览器下的低延迟RTMP或RTSP播放,不谦虚的说,也可能是行业内功能支持和延迟最好的RTMP和RTSP播放器(支持RTMP...功能齐全的单画面RTMP流或RTSP流播放: 2. 同时播放4路RTMP流或RTSP流画面: 本地播放 DEMO说明 1_player_ocx.html:单个窗口功能展示。...注意:RTSP/RTMP播放OCX控件只适用于微软IE浏览器

3.7K30

IE浏览器如何低延迟播放RTSP或RTMP

首先,虽然本文是介绍IE浏览器下OCX控件播放RTSP或RTMP,但这种方式并不推荐,毕竟它只能用于IE浏览器环境下,局限太大,而且随着微软IE浏览器的更新,不确定后续支持情况。...如果需要浏览器场景下有更好的兼容性,对于RTSP流来说,好多公司通常的做法是把RTSP转RTMP,然后分发到RTMP服务器,然后服务器转http-flv出来,浏览器直接播放http-flv流,或者直接播放...本文基于大牛直播SDK https://github.com/daniulive/SmarterStreaming 现有RTSP、RTMP播放接口的基础上,二次封装,扩展了ocx控件,用于IE浏览器下的低延迟...RTMP或RTSP播放,支持RTMP/RTSP H.265(hevc)播放。...ULONG NT_SetURL(LPCTSTR url); 设置播放RTMP或RTSP url; 7.

1.2K50
您找到你想要的搜索结果了吗?
是的
没有找到

网页可以播放RTMP视频流?支持RTMP的网页播放

我们知道多数监控摄像头都是支持RTMP协议的,当然公安部的摄像头是支持GB28181协议的,这个我们在本文不做过多赘述,我们来探讨一下网页播放RTMP视频流的播放器。 ? ?...网页可以播放RTMP视频流吗?当然是可以的,但是对于PC端来说,网页播放RTMP流媒体视频流将会承受更多的服务器压力,满足网页播放RTMP视频流有哪些要求,下文我们一起来看一下。 1.便捷。...我们研发的流媒体服务器自身支持对成功接入的摄像机实时视频进行7*24h录像,支持录像的检索与回放,并且支持网络硬盘录像机NVR按设备、通道、日期获取对应录像文件进行录像的检索与回放,无需安装各个安防厂商的视频播放插件...本文已经为大家介绍完毕啦,结论就是网页是能够播放RTMP视频流的,如果想体验网页播放RTMP视频流的流媒体服务器或者播放器,可以继续关注本栏目。

6.3K20

RTMP播放流媒体过程

前言 RTMP协议规定,播放一个流媒体需要执行以下几个步骤: 建立一个网络连接(NetConnection),网络连接代表RTMP服务器端和客户端之间建立真正的网络连接。...播放网络流 在RTMP服务器端对于每一个网络媒体流都建立了一个状态机,包括以下几个状态: 握手态; 连接态; 媒体流已建立态; 播放态; RTMP通过命令来变更状态机。并在每个状态下做相应的工作。...播放(Play) 客户端发送消息“播放”(play)到服务器。 接收到“播放”消息后,服务器发送设置块大小(ChunkSize)消息。 服务器发消息“streambegin”,告知客户端流ID。...之后,服务器发送客户端要播放的音频和视频数据。 ? 小结 以上就是 RTMP协议的播放过程。建立一个网络流的播放就是以下这几步。...握手; 连接; 建立网络流; 播放; 目前,已经有很多开源库实现了 RTMP 协议。其中比较著名的是 librtmp 库,它是 rtmpdump 工具的一部分。

1.5K20

如何在RTMP推送端和RTMP播放端支持Enhanced RTMP H.265(HEVC)

技术实现本文以大牛直播SDK的Windows平台RTMP直播推送和RTMP直播播放模块为例,考虑到老的扩展CodecID 12的场景依然使用,我们添加了个设置接口:RTMP推送端,对应文件为SmartPublisherSDK...0:enable*/NT_UINT32(NT_API *DisableEnhancedRTMP)(NT_HANDLE handle, NT_INT32 value);RTMP播放端,对应文件为SmartPlayerSDK...= dts)*p |= 1;else*p |= 3; p++; *p++ = 'h';*p++ = 'v';*p++ = 'c';*p++ = '1'; //....RTMP播放端,对应的sample判断代码如下...推流URL,实现Enhanced RTMP推送,播放端拉流播放,整体延迟如下:可以看到,尽管开启了Enhanced RTMP,整体延迟还在毫秒级。...技术总结鉴于目前RTMP扩展265这块,大多还是用的老的CodecID设置为12的模式,如果需要支持新的Enhanced RTMP,除了推送端和播放端外,RTMP服务端也需要做响应的调整,来适配这种情况

15110

html 播放rtsp 流rtsp2rtmp

在旧版的chrome上可以通过vlc插件来播放rtsp视频,但是更新到新版的chrome之后要想播放这个rtsp的视频就变得比较麻烦。...另外一个做法就是通过ffmpeg或者vlc播放器进行协议转换,如果是单个视频流可以通过vlc进行转换,转成http协议,直接通过video标签进行播放即可。...illuspas封装了一个支持rtmp协议的nginx,https://github.com/illuspas/nginx-rtmp-win32,下载之后直接运行nginx即可启动服务。...://localhost:1935/live/1000026 启动之后再状态页可以看到相关的流信息: 此时就可以使用video.js播放rtmp流数据了。...本文标题: 《html 播放rtsp 流rtsp2rtmp》 * 本文链接:https://h4ck.org.cn/2021/03/html-%e6%92%ad%e6%94%bertsp-%e6%b5%

3.5K20

RTMP播放器开发填坑之道

好多开发者提到,在目前开源播放器如此泛滥的情况下,为什么还需要做自研框架的RTMP播放器,自研和开源播放器,到底好在哪些方面?以下大概聊聊我们的一点经验,感兴趣的,可以关注 github: 1....低延迟:大多数RTMP播放都面向直播场景,如果延迟过大,严重影响体验,所以,低延迟是衡量一个好的RTMP播放器非常重要的指标,目前大牛直播SDK的RTMP直播播放延迟比开源播放器更优异(大牛直播SDK...支持多实例:大牛直播SDK提供的RTMP直播播放SDK支持在设备性能允许的情况下,支持多实例播放RTMP流数据,大多开源播放器对多实例支持不太友好; 除了常规的多实例外,比如大屏监控场景下,尽管我们CPU...实时静音:比如,多窗口播放RTMP流,如果每个audio都播放出来,体验非常不好,所以实时静音功能非常必要,开源播放器不具备实时静音功能; 6....长期运行稳定性:大牛直播SDK提供的RTMP直播播放SDK适用于长时间运行,开源播放器对长时间运行稳定性支持较差; 11.

2.2K30

google maps api_js调用谷歌浏览器接口

ditu.google.com:也可以用ditu.google.cn,假如你需要在地图上显示大陆以外的具体地图,就用 maps.google.com 2.file=api 这个是请求API 的JS...事件触发时,this 被设置为源对象,同时调用事件处理程序。此函数将 DOM 方法用于当前浏览器,来注册事件处理程序。...五:浏览器兼容性 Google Maps API支持的浏览器种类与Google地图网站相同。...因为不同的应用程序在碰到不兼容的浏览器的时候需要表现不同的行为,所以Maps API提供了一个全局方法 (GBrowserIsCompatible())来检查兼容性,但是,发现一个不兼容的浏览器时,它不会自动采取任何措施...file=api&v=2里面的脚本似乎可以在任何浏览器里面解析而不产生错误,所以您可以在检查浏览器兼容性之前就包含脚本文件。

5.6K10

EasyNVR、EasyDSS二次开发---RTMP、HLS流在web页面进行无插件播放(demo)

对于传统的浏览器插件播放谁用谁知道; ? ? ? ?...以上是软件自带播放展示 背景需求 对于EasyNVR和EasyDSS的使用方式大概分为两大类,一类是直接将软件作为视频能力平台来进行使用;另一类就是将视频能力集成到自身的业务系统来,这就涉及到相关的接口调用和一些对应的功能的集成...} }) } test(); } } 在自身事件需要的地方调用播放器的初始化方法来完成视频播放...; } }) 效果展示 播放EasyNVR转发出来的RTMP和hls流 用http-server起一个本地的服务; ?...RTMP播放效果: 通过EasyNVR获取到RTMP流地址; ? ? HLS播放效果: 通过EasyNVR获取到HLS流地址; ? ?

1.7K10

Windows平台RTMP播放器RTSP播放播放窗口添加OSD文字叠加

好多开发者在做Windows平台特别是单屏多画面显示时,希望像监控摄像机一样,可以在播放画面添加OSD台标,以实现字符叠加效果,大多开发者可很轻松的实现以上效果,针对此,本文以大牛直播SDK (Github...)的Windows平台demo为例,简单介绍下具体实现: Windows平台RTMP播放器、RTSP播放器C++ demo Windows平台C++的demo,以录像过程为例,动态在左上角显示个闪动的图标...data_.swap(buffer); } bitmap.UnlockBits(&locked_bitmapData); } return logo_image; } Windows平台RTMP...播放器、RTSP播放器C# demo Windows平台C#的demo,添加了“设置台标”选择框,在player窗口左上角显示“叠加字符展示”,具体内容、坐标可自定义,具体效果如下: 添加osd.png

2.6K50

Windows平台RTSP播放器、RTMP播放器几点设计细节讨论

我们在实现Windows平台RTSP播放器或RTMP播放器的时候,需要考虑的点很多,比如多实例设计、多绘制模式兼容、软硬解码支持、快照、RTSP下TCP-UDP自动切换等,以下就其中几个方面,做个大概的探讨...视频绘制模式 我们在实现Windows平台播放的时候,一般首选D3D,D3D不支持的情况下,考虑数据回上来,采用GDI模式,一般实现如下,先做D3D检测,以大牛直播SDK播放端为例(Github),调用...这样的好处在于如果系统不支持硬解,可以继续软解播放,具体设置如下,在调用NT_SP_Open()之前,做检测,因为NT_SP_Open()每个句柄对应一个player实例,多个实例只需要做一次判断即可:...,实现全帧播放,所以,只解关键帧一定要做成实时调用的接口才更有设计意义。...实时快照 实时快照功能不表,是一个好的RTSP播放器和RTMP播放器必备的功能,实时快照是把解码后的yuv数据重新编码成png,所以有一定的CPU消耗,不建议过于频繁操作,具体实现如下:

1.5K00

rtsp html播放_浏览器视频播放rtsp

从摄像机获取的RTSP视频流直接在浏览器播放,这里采用vlc插件进行播放,设置步骤如下 1、下载32位的vlc播放器,安装时选择安装插件,安装路径不要有空格,注意64位播放器安装上也不能正常播放...(我测试不能正常播放) 2、注册VLC插件(否则视频无法正常显示):使用cmd 运行:regsvr32 D:\VideoLAN32\VLC\axvlc.dll 其中D:\VideoLAN32\VLC为VLC...在需要时便于安装 id:标识 events width:以百分比或象素指定影片的宽度 height:以百分比或象素指定影片的高度 mrl:视频流地址 volume:声音大小设置 autoplay:是否自动播放...loop: (true或false),是否循环 fullscreen:是否全屏 controls:显示默认的控件 4、目前测试IE浏览器和360浏览器可以正常支持vlc插件播放 5、若需要播放多个视频

4.4K40

iOS平台如何实现RTSP|RTMP播放端录像?

​技术背景我们在做RTSP、RTMP直播播放器的时候,有个比较重要的功能,就是拉流端实时录像,包括设置单个录像文件大小、文件前缀、audio转AAC、只录制视频或只录制音频、开始录像、停止录像事件状态回调等...我们录像模块,覆盖了RTMP、轻量级RTSP服务、RTSP|RTMP播放端录像,平台覆盖了Windows、Linux、Android、iOS,主要功能设计如下: [拉流]支持拉取RTSP流录像; [拉流...]支持拉取RTMP流录像; [推流端录像]支持RTMP|RTSP推送端同步录像; [轻量级RTSP服务录像]支持轻量级RTSP服务SDK同步录像; [推流端录像实时暂停/恢复]支持推送端录像过程中实时暂停录像...、恢复录像; [逻辑分离]大牛直播录像SDK不同于普通录像接口,更智能,和推送、播放、转发、内置轻量级RTSP服务SDK功能完全分离,支持随时录像; [url切换]在录像过程中,支持切换不同URL,如两个...播放端录像,我们的设计,是播放和录像分离,可以只录像或只播放,如果同时录像和播放,只需要一个拉流实例来完成。​

13000

在使用音视频流媒体直播点播系统时业务系统继承OCX播放器方法

具体需求是这样的:有用户在使用EasyDSS产品时,想要集成播放器在业务系统中,需要整合ie active x控件播放RTMP直播流,同时需要兼容IE8浏览器。...该控件可实现系统集成,解决网页RTMP直播流播放问题。 ? 同时,用户提出需要js调用播放控件的跳转和获取当前播放时间的函数的需求,找不到具体的js函数。经查为跳转接口可能没有开放。...具体如下: //跳转到指定时间播放(文件) LONG SeekFile( LPCTSTR sPlayTimeSecs/秒/ ); 用SeekFile这个接口控制跳转 在获取工具条和进度条的问题上,进度条可以在...Js层实现,此部分可控,ocx提供播放暂停等一系列功能接口给js调用

97950

理论 | 使用flv.js做直播

常见直播协议 RTMP: 底层基于TCP,在浏览器端依赖Flash。 HTTP-FLV: 基于HTTP流式IO传输FLV,依赖浏览器支持播放FLV。...flv.js 简介 flv.js是来自Bilibli的开源项目。它解析FLV文件喂给原生HTML5 Video标签播放音视频数据,使浏览器在不借助Flash的情况下播放FLV成为可能。...不支持 flv.js 就使用 Flash播放器播 RTMP 流。Flash兼容性很好,但是性能差默认被很多浏览器禁用。...它会启动RTMP(1935端口)服务用于主播推流,以及HTTP-FLV(7001端口)服务用于播放。 实现播放页 在react体系里使用react flv.js 组件reflv 快速实现。...音视频服务器再通过HTTP协议通过和浏览器建立的长链接流式把FLV TAG传给浏览器。 flv.js 获取FLV TAG后解析出压缩后的音视频数据喂给Video播放

3.5K10

使用flv.js做直播

常见直播协议 RTMP: 底层基于TCP,在浏览器端依赖Flash。 HTTP-FLV: 基于HTTP流式IO传输FLV,依赖浏览器支持播放FLV。...flv.js 简介 flv.js是来自Bilibli的开源项目。它解析FLV文件喂给原生HTML5 Video标签播放音视频数据,使浏览器在不借助Flash的情况下播放FLV成为可能。...不支持 flv.js 就使用 Flash播放器播 RTMP 流。Flash兼容性很好,但是性能差默认被很多浏览器禁用。...它会启动RTMP(1935端口)服务用于主播推流,以及HTTP-FLV(7001端口)服务用于播放。实现播放页 在react体系里使用react flv.js 组件reflv 快速实现。...音视频服务器再通过HTTP协议通过和浏览器建立的长链接流式把FLV TAG传给浏览器。 flv.js 获取FLV TAG后解析出压缩后的音视频数据喂给Video播放

13K105
领券