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

熊猫TV直播H5播放器架构探索

当下,打造一款播放器已经有比较好的开源实现,但熊猫TV为什么还要自研一款H5播放器呢?为了保证业务持续扩展能力,需要对播放器做解耦。...作为熊猫直播最重要的用户之一,熊猫直播的老板王思聪之前提出H5播放器的开发需求,那么H5播放器具有哪些优势呢? (1)高效性 第一点是高效性。我们需要明确Video标签为浏览器带来的是什么?...之前我们遇见了很多非同寻常的案例与需求,包括将HTML5播放器技术运用于电视直播或游戏主机,这其实是反映了H5解决方案的良好兼容性。这种兼容性体现在一次开发后可以在多个不同平台应用,降低开发成本。...直播领域H5播放器的问题 我们之前从未尝试过将H5播放器技术运用于视频直播领域,因此在开发初期我们遇到了很多棘手的问题。...Q3:关于解决音视频不同步问题的修正码插件,是集成在原生播放器中吗? A:在Remaster中,暂时还没有提取出来。 FLV流拉过来时会给出一个PTS差值。

2.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    没有Flash如何做直播

    还是WebRTC”,“用什么播放器播HTTP-FLV”。...没有Flash了怎么做直播? 答案是:PC用H5。 为什么不说客户端?因为客户端上早就没有Flash,不会问这个问题。客户端上浏览器,比如微信的浏览器,如果要播放直播可以用HLS。...其实很多播放器底层都是用的MSE,比如flv.js播放HTTP-FLV或者WebSocket-FLV,比如hls.js播放HLS,比如dash.js播放DASH切片。...目前直播的云服务,这三个协议都是支持的,如果不能支持,自己用SRS搭建直播源站,转协议后分发,就可以支持了。 而且SRS还能将RTMP转成WebRTC,是居家必备的不二之选。 用什么播放器?...这个问题就比较简单了,根据协议可以选择播放器: HTTP-FLV,PC上用flv.js,移动端用Fijkplayer。

    1.5K50

    RTSP协议视频智能分析平台EasyNVR新增H265播放器EasyPlayer和EasyWasmPlayer的区别介绍

    因此TSINGSEE青犀视频研发的无插件视频直播平台就在这样的项目场中发挥了重大作用。 ?...拿RTSP协议的视频平台EasyNVR来说,4.1.2版本以后,EasyNVR平台新增了自主选择播放器的功能,这样用户可以根据自身需求来进行播放器的选择。 ?...播放器对比:EasyPlayer和EasyWasmPlayer EasyPlayer播放器 优点:支持RTMP、WS-flvflv、hls视频流的web直播,同时视频直播过程中对是通过H5进行视频解码...,只有客户端支持h5就可以完美进行视频的无插件直播,同时支持大码率视频直播。...缺点:不支持H.265编码格式 EasyWasmPlayer播放器 优点:支持WS-flvflv、hls,支持H.264、H.265编码格式的视频直播

    1K10

    H.265视频EasyPlayer播放器点播FLV不断加载,如何处理?

    TSINGSEE青犀视频旗下的视频平台内集成的播放器均为EasyPlayer,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,性能稳定、播放流畅。...我们在测试时,EasyPlayer播放点播FLV格式的视频流时,出现了不断重新加载的情况。...经过排查发现,FLV视频流播放时,程序判断是直播,则会有追帧操作,因此导致不断重启播放器: 当视频不是直播时,应该将直播live属性设置成false: 这样播放器就不会不断重启了。...在视频直播过程中通过H5进行视频解码。...只要客户端支持H5,就可以完美进行视频的无插件直播,同时还支持大码率视频直播(注:H.265编码格式不支持大码率视频直播),用户可以根据实际应用场景来选择设置播放器模式。

    1.6K30

    SkeyeWebPlayer网页直播点播播放器-页面动态多播放器添加代码示例

    强大的网页直播/点播播放器 SkeyeWebPlayer,使用简单,功能强大, 终身免费使用,支持Windows、 Android、iOS平台。...SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放,视频编码支持H.264,H.265,音频支持AAC,支持TCP/UDP...功能包括:直播、录像、抓图,目前在功能性、稳定性、可扩展性和完整性极强的一款H5播放器!...支持Websocket-RTSP播放;支持m3u8播放;支持HTTP-FLV、WS-FLV播放;支持HEVC/H265播放;支持直播和点播播放;支持全屏或比例显示;支持播放器快照截图;支持Android...、iOS播放;多播放器示例(1)、动态添加播放器页面示例<!

    2K40

    为什么说WebRTC做直播,不是潮流而是大坑?

    About play stream 如果是从播放器角度来说,对于直播场景,MSE是比WebRTC成熟得多的技术,几乎目前所有直播平台都是用MSE在播放。...如果需要支持iOS或Android,在直播领域FFmpeg同样是个更合适的选择,例如ijkplayer,可以播放RTMP或HTTP-FLV,是非常成熟的方案。...所以如何选择播放器,完全取决于你的客户端,如果只有PC H5,那么WebRTC或MSE都行,当然WebRTC的服务器更复杂。 最后,关于直播的延迟,HTTP-FLV一样延迟也很低,大约1~3秒。...4.移动端设备适配WebRTC有各种问题,特别是H5浏览器,Native会适配好点但为何不用完全没问题的FLV呢。...Conclusion 其实,WebRTC就不是为直播设计的,最合适的场景就是H5推流,其他情况请考虑普通的直播技术,比如RTMP、HLS、HTTP-FLV或SRT。

    2.8K31

    集RTMP, HLS, FLV, WebSocket 于一身的网页直播点播播放器EasyPlayer.js引用videojs无法自动播放问题解决

    EasyPlayer.js,极大地方便了开发者在解决B/S型业务开发,集 rtmp,hls,flv,websocket 于一身的网页直播/点播播放器。...引用videojs无法自动播放问题 很多的流媒体视频H5网页播放使用的是videojs来进行的播放,而videojs本身自带的自动播放属性是需要通过添加autoplay()方法来完成视频播放的自动加载:...实际上,采用video.js播放或者采用ckplayer、cyberplayer等播放器,在安防、流媒体、音视频领域,总会有一些局限,举个简单的例子,我们为了产品全平台、全终端的兼容,需要H5播放能同时支持...RTMP、HTTP、HLS、HTTP-FLV、websocket等多种协议,同时,在安防等工业场景,重连还是必须的,例如RTMP重连、HTTP-FLV直播的重连、HLS(m3u8)直播的重连,这就不得不让我们基于...videojs、flv.js、flash等做整合,于是有了EasyPlayer.js。

    6.9K10

    突破:SRS4支持WebRTC,迎来两位新作者

    直播H5播放器:Flash将在2020年左右禁用,目前H5播放直播一般使用MSE技术用flv.js或hls.js或dash.js播放直播流,SRS可以将直播转成WebRTC后可以用WebRTC播放直播流...,作为一种补充播放器。...监控播放器:SRS正在合并GB28181的支持的PR,很快将支持GB28181,摄像头可以直接将流推送到SRS,可以用H5播放器播放流,监控摄像头的流就可以在浏览器无插件播放。...可以使用FFMPEG或OBS推流: ffmpeg -re -i doc/source.200kbps.768x320.flv -c copy \ -f flv -y rtmp://192.168.1.3...AAC转成Opus,直播主要是AAC,而WebRTC是Opus。 H5播放器rtc_player.html,已经放在了SRS网站上。 支持UDP端口复用,默认UDP/8000端口传输数据。

    2.4K10

    曾经的荣耀王者Flash,为什么要凉了?

    image.png image.png 2017年6月,Chrome 59版本默认屏蔽Flash播放器,其它基于Chrome内核的浏览器收到了波及(包括360、QQ等大部分国产浏览器),直播平台也开始寻找...既然H5播放器这么厉害,到底怎么辨别网页是否使用了H5播放器?不会还要查代码吧?...保利威线上教育直播>>>> image.png 【4】尾巴 这对HTML5播放器来说,是个最好的时代,因为互联网技术发展,各种视频内容不断涌现,不断推动音视频技术向前发展。...目前浏览器播放运用比较广泛的是FLV格式,但H5播放器又不支持。 解析播放和数据传输对媒体格式要求上存在矛盾,也决定了H5播放环境目前无法独立满足流媒体播放场景的要求。需要借助其他方式作为补充。...一般会通过FLV格式传输视频数据,然后将FLV转换为MP4格式,提交给HTML5播放器播放。 不过,HTML5作为一项开源技术,能享受到社区成千上万开发者智慧的红利。

    1.2K10

    通过摄像机视频设备或者流媒体服务器SDK获取到数据转换成RTMP流实现网页手机微信播放

    Github有一些所谓的H5RTSPPlayer,这些都有一个共同点,就是H.264+AAC进行RTMP推流,当然SkeyeWebPlayer除外,SkeyeWebPlayer开创性的支持在浏览器端采用H5...直接播放器RTSP流,下载地址:SkeyeWebPlayer: 永久免费H5直播点播播放器,支持FLV、HLS、RTSP、WS-FLV、WS-RTSP、WEBRTC、HEVC/H265https://gitee.com...G.726、AAC的,如果是返回的G.711或者G.726时,就需要调用AAC的编码器(如ffmpeg等)将安防的音频流转换成AAC的音频编码格式;二、将编码好的H.264视频和AAC音频以RTMP/FLV...、桌面直播、摄像机直播、课堂直播等等方面! ...RTSP播放器的实现方案,RTSP要H5播放,必须借助于服务器的转换;

    1.2K20

    使用flv.js做直播

    为什么要在这个时候探索flv.js做直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样的用户体验很致命。...常见直播协议延迟与性能数据以下数据只做对比参考 传输协议 播放器 延迟 内存 CPU RTMP Flash 1s 430M 11% HTTP-FLV Video 1s 310M 4.4% HLS Video...其中HTTP FLV需通过流式IO去拉取数据,支持流式IO的有fetch或者stream flv.min.js 文件大小 164Kb,gzip后 35.5Kb,flash播放器gzip后差不多也是这么大...原因如下: 兼容目前的直播方案:目前大多数直播方案的音视频服务都是采用FLV容器格式传输音视频数据。 FLV容器格式相比于MP4格式更加简单,解析起来更快更方便。...兼容方案如下: PC端 优先使用 HTTP-FLV,因为它延迟小,性能也不差1080P都很流畅。 不支持 flv.js 就使用 Flash播放器播 RTMP 流。

    13.2K105

    SkeyeVSS综合安防视频云服务H5无插件直播点播实现HEVC H265低延迟播放

    SkeyeVSS综合安防视频云服务H5无插件直播点播实现HEVC H265 300毫秒以内低延迟播放SkeyeVSS视频云支持HEVC/H265编码格式的摄像机直接接入,同时不需要后台转码,直接在WEB...网页前端采用H5直接进行无插件播放;在前文《SkeyeVSS综合Onvif、RTSP、GB28181安防视频云服务WEB端H5无插件直播点播卡顿的解决方案》中我们已经提到H5播放H265编码格式的视频是采用的软解并已经解决了卡顿的问题...当然,因为H5本身不支持H265解码,同时WEBRTC也不支持HEVC/H265编码格式,所以,我们需要将视频流转换成HTTP-FLV(HLS)或者通过WEBSOCKET代理出来才能在网页上通过H5进行播放...)观看;支持 WebRTC、RTMP、HLS、HTTP-FLV、Websocket-FLV、RTSP 、Websocket-RTSP分发支持网页端H5无插件播放、回放;支持多分屏多路同时实时播放;支持多分屏多路同时录像回放...SkeyeVSS其独创的ws-rtsp流媒体直播技术,兼容传统安防流媒体的同时,不需要安装浏览器插件,解决互联网接入安防监控延迟高、起播慢等问题;支持全平台终端H5直播点播(PC、Web、Android

    1.2K40

    SkeyeVSS综合安防视频云服务WEB H5无插件播放RTSP摄像机解决方案,拒绝插件,拥抱H5,Windows PC、 Liunx、 Android

    答案: RTMP协议播放需要Flash插件,而衍生的FLV或者HLS协议延迟很大(2s以上) 早年风靡一时的互联网直播RTMP协议,只有flash浏览器插件播放器才能支持,而通过flash播放RTSP的播放器...RTMP/HTTP-FLV/HLS/WS-FLV;前端H5无插件取流播放;技术实现RTSP拉流目前市面上能非常兼容地拉取各个厂家的RTSP流的方案总结来说有两种:**Live555**Live555取流实时性高...、ws-flv直播流;图片关于SkeyeVSSSkeyeVSS是一款基于Web网页H5无插件直播点播的视频云融合管理系统:支持 WEB 页面配置管理;支持组织机构管理;支持设备或平台通过GB/T28181...)观看;支持 WebRTC、RTMP、HLS、HTTP-FLV、Websocket-FLV、RTSP 、Websocket-RTSP分发支持网页端H5无插件播放、回放;支持多分屏多路同时实时播放;支持多分屏多路同时录像回放...SkeyeVSS其独创的ws-rtsp流媒体直播技术,兼容传统安防流媒体的同时,不需要安装浏览器插件,解决互联网接入安防监控延迟高、起播慢等问题;支持全平台终端H5直播点播(PC、Web、Android

    1.4K40

    React框架下如何集成H.265流媒体视频EasyPlayer.js播放器

    H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV...、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流。...在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,并且已实现网页端实时录像、在iOS上实现低延时直播等功能,具备较高的可用性和稳定性。...近期在我们的EasyPlayer播放器技术交流群中,有用户询问,在React框架下如何集成EasyPlayer播放器?...EasyPlayer播放器系列依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、电脑桌面直播等。感兴趣的用户可以自行下载测试。

    71320

    关于EasyPlayer.js播放器检测m3u8视频是否为H.265的优化

    EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。...在播放器EasyPlayer.js 5.0.7版本中,项目现场因为外网网速过慢,导致m3u8视频流一帧请求达到7~8秒,从而出现了加载异常,并且检测不到视频流为H.265的情况。...在调用的setHLSListener方法内,做递归进行监听视频流是否为H.265,如图:从而达到播放器监听H.265的需求,优化播放器细节。...EasyPlayer具备较强的灵活性,在视频直播过程中EasyPlayer可通过H5进行视频解码,只要客户端支持H5,就能完美进行视频的无插件直播,同时还支持大码率视频直播(大码率直播目前暂不支持H.265

    51720
    领券