众所周知,在视频直播领域,有不同的商家提供各种的商业解决方案,其中比较靠谱的服务商有阿里云直播,腾讯云直播,以及又拍云和网易云的有偿直播服务,服务包括软硬件设备,摄像机,编码器,流媒体服务器等。但是其高昂的费用以及较高的准入门槛让许多个人和小型企业望而却步,本文要讲解的是如何使用nginx-rtmp搭建直播服务器,配合FFmpeg推流,在网页端vue.js作为载体利用video.js作为流播放器,打造一套可用的在线视频直播方案。
TSINGSEE青犀视频的流媒体播放器EasyPlayer视频播放器,可支持H.264与H.265视频编码格式,性能稳定、播放流畅,还能支持RTSP、RTMP、HLS、FLV、WebRTC等视频流播放,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。目前TSINGSEE青犀视频的所有视频监控平台均使用的是EasyPlayer.js播放器,也是最受用户及开发者欢迎的一款H5流媒体播放器。
文 / Pratima Ashok Dhuldhule & Darshan Datt K. S.
作为支持H265编码的视频播放器EasyWasmPlayer.js,我们开发后立即在EasyNVR内做了测试,EasyWasmPlayer.js表现出了良好的适配性和优越的稳定性,目前在TSINGSEE青犀视频开发的其他视频平台中也已经集成。
TSINGSEE青犀视频研发团队的成果包含了视频相关的很多内容,有视频流媒体平台EasyNVR、EasyGBS、EasyDSS,有视频智能分析平台EasyCVR,有H265视频播放器EasyWasmPlayer及各种专用直播流播放器,还有视频组件及推流辅助设备等,其中视频流媒体平台内就结合了最新的H265播放器EasyWasmPlayer。
作为我们的视频流媒体播放器,EasyPlayer 系列项目都支持集成以及二次开发,也可以通过下载试用获得真实的测试效果。其中新的 H.265 播放器分支 EasyWasmPlayer 播放器是网页播放的主流播放器。
我们不仅研发了很多视频流媒体服务器,对于一些播放器的需求者,我们也有EasyPlayer的视频流媒体播放器可以选择,目前EasyPlayerPro已经支持H265视频流的播放,EasyPlayer.js能够进行网页无插件的HLS视频流播放,极大方便了开发者在解决B/S型业务开发时遇到的播放器接入问题。
免费视频直播、点播H5播放器SkeyeWebPlayer使用常见问题1、用常见问题——配置iframe允许自动播放和全屏SkeyeWebPlayer播放器在PC上正常情况下单击播放器的全屏按钮是可以全屏播放的,在使用时如果用到了iframe时,全屏按钮就会失效,需要设置如下 webkitallowfullscreen mozallowfullscreen allowfullscreen 即可:<iframe width="800" height="600" src="http://192.168.0.111
是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源(Github)。
我们的EasyPlayer流媒体播放器可支持H.264与H.265,能支持RTSP、RTMP、HLS、FLV、WebRTC等格式的视频流播放。TSINGSEE的视频平台均集成了EasyPlayer的播放器,实现了无插件网页直播,性能稳定。
EasyPlayer视频流媒体播放器属于高开放度、高兼容性、高灵活性、可支持H.264/H.265视频编码格式的播放器,为了满足用户的个性化需求,EasyPlayer具备多个版本,如EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等,并且EasyPlayer还拥有Windows、Android、iOS版本,EasyPlayer.js还可支持Linux平台。用户可以根据自身的需求对其进行二次开发或自主集成。
EasyPlayer流媒体视频播放器可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持RTSP、RTMP、HLS、FLV、WebRTC等格式的视频流播放,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。
传统的播放视频是采用 flash 播放器方式,然而各大浏览器厂商都不再支持flash , 我们不得不寻找其他解决方案。
短视频大火已经有很长时间了,日常工作中我们可能很容易接到视频播放相关的需求。大叔给大家推荐一款开源的视频播放器 plyr,在 GitHub 标星21.9k。
今天又收到了一个开发者的反馈,也是比较有代表性的,刚好拿出来跟大家分享一下。具体需求是这样的:有用户在使用EasyDSS产品时,想要集成播放器在业务系统中,需要整合ie active x控件播放RTMP直播流,同时需要兼容IE8浏览器。
随着网络宽带的不断提升和智能手机的流行,RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等诸多场景实施的信息化系统中,绝大多数都采用的是B/S架构,隐藏迫切需要在浏览器中嵌入多路摄像头RTSP流低延迟(小于500毫秒)播放功能,而在IE及Chrome 45以下版本等浏览器中,采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的,从2015年开始Chrome及Firefox等浏览器纷纷取消了NPAPI插件的支持,而IE又在与Chrome
EasyCVR平台可以实现海量资源的接入、汇聚、计算、存储、处理等,平台具备轻量化接入能力,可支持多协议方式接入,包括主流标准协议GB28181、RTSP/Onvif、RTMP等,以及厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等。今天我们来详细介绍一下EasyCVR平台的鉴权功能与配置方法。
之前和大家讲到EasyPlayer.js的播放器项目已经支持VR播放了,但是在调试过程中,用户反馈,在VR视频流播放过程中,hls直播切换flv直播是可以的,但是flv直播切换到另一个flv直播失效。初步判断是我们自己的项目代码出现bug,排查如下:
libSkeyePlayer实现对RTSP直播流进行实时采集和解码显示,稳定,高效,低延时;解码可采用intel硬件解码和软件解码两种方式,能实时进行录像和快照抓图,OSD叠加等功能。
哔哩哔哩现为中国年轻世代高度聚集的文化社区和视频平台,被粉丝们亲切地称为“B站”。
Adobe公司已经宣布在2020年彻底停止Flash的更新,而Chrome浏览器也提示“自2020年12月开始,Flash Player将不再受支持。”
在未知或不断变化的网络条件下的操作一直是自适应比特率流媒体系统自 1990 年代诞生以来一直试图解决的最基本挑战之一。这个挑战今天仍然存在,尽管在某种程度上简化了设置,允许使用基于 HTTP 的自适应流 (HAS) 架构。在这样的架构中,网络适配逻辑驻留在流媒体客户端中,有效地驱动媒体流片段的选择和加载。在过去的十年中,已经提出了许多先进的方法来设计流选择算法。这包括基于吞吐量的方法、基于缓冲区级别的启发式、控制理论方法以及机器学习算法。
众所周知,RTMP是以flash为客户端播放器的直播协议,主要应用在B/S形式的场景中。本人研究并用C++开发实现了RTMP直播流协议的播放器,结合之前做的RTMP直播采集端,可以将RTMP协议完全扩展到C/S形式的应用场景中,这将对之后的通用、全平台的流媒体架构设计和实现,打下坚实的基础。
之前我们解决过EasyNVR拉流播放失败的问题,这样的问题也同样会在视频广场选定视频播放的时候发生,我们在测试的时候发现视频点进去不能直接播放,需要切换别的码流才能播放:
现在到处是摄像头的时代,随着带宽的不断提速和智能手机的普及催生出火热的网络直播行业,新冠病毒的大流行又使网络视频会议系统成为商务会议的必然选择,因此RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等场景实施的信息化系统中,已基本全采用B/S架构,迫切需要在浏览器中嵌入多路摄像头RTSP流的超低延迟(小于500毫秒)播放功能,而在IE及Chrome 49以下版本等浏览器中,采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的,从2015年开始Chrome及Firefox等浏览器纷纷取消了NPAPI插件的支持,而IE又在与Chrome及Firefox等浏览器竞争的过程中不断被用户抛弃,到现在市场份额已降到可怜的个位数。微软在几经折腾后,索性也拥抱Chromium内核推出Edge新版来杀死自己的IE,以挽救自己在浏览器这块岌岌可危的江湖地位。
随着音视频业务的快速发展,作为前端工程师,我们团队也逐步深入到音视频编解码领域,涉及到流媒体技术中的文本、图形、图像、音频和视频多种理论知识的学习,并有机会大规模应用到具体实践中。
IMWebConf 2020 直播期间,腾讯课堂上课页出现 flv 流直播场景页面崩溃现象:此稳定性问题颇为严重,在此记录下解决过程以示警戒。 现象 IMWebConf 2020 直播期间,腾讯课堂上课页出现 flv 流直播场景页面崩溃现象: 此稳定性问题颇为严重,在此记录下解决过程以示警戒。 定位过程 定性为内存泄露 通过搜索了解到页面崩溃通常是因为内存泄露导致(非网络等其他问题情况下)。 稳定重现 音视频分队同学首先是去做实验重现这个问题,针对直播的代码做测试页面: 空白测试页面:XHR 请求 fl
本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码,跑一个能播视频的 demo 很容易,但是播放时各种各样的异常会搞到你怀疑人生。
Infuse PRO for Mac 是一款强大的视频播放器,几乎支持您的所有视频文件。Infuse 将把您从永无宁日的视频转换中解放出来,用极美的方式在您的Mac上观赏几乎所有视频格式。
EasyNVR视频监控综合管理平台支持多种格式视频流的直播播放,包括HLS、FLV、RTSP等,今年我们在此基础上又开发了WebRTC格式的播放,并且将该格式拓展到其他平台,比如EasyGBS。如果大家有兴趣可以直接下载测试。
点击上方“LiveVideoStack”关注我们 ▲扫描图中二维码或点击阅读原文▲ 了解音视频技术大会更多信息 ---- 翻译:Alex 技术审校:章琦 本文来自OTTVerse,作者为Krishna Rao Vijayanagar。 播放器 Easy-Tech #033# 当视频流媒体席卷通信世界,为了保持和提升用户增长,内容创造者和流媒体服务提供者需要提供高质量的用户体验。而想要实现这一点,他们都需要在自己的网站上内嵌HTML5视频播放器。 在本文中,我们将来了解一下现在市面上可用的HTML5
背景 ---- 2020年受到疫情的影响,大众减少了线下娱乐,将更多的时间投入到了线上活动,直播行业迎来了一个小爆发,主播注册数量与线上观众不断增长。同时,在线直播演唱作为一种全新的演出模式,受到广大网友的好评,4月以来TME承办了近20场明星在线演唱会。 随着站外直播场景业务需求逐步增多,K歌直播旧的业务代码无法满足不断增长的产品功能需求和用户体验需求。在此背景下,Web侧急需为推流直播业务提供更加可靠的技术支持。 HLS和HTTP FLV ---- 目前K歌Web使用的直播流格式主要以HLS直播流为主
但是,原来的很多经典歌曲,要么改收费一首歌几块钱、要么是翻唱的,听起来也没有原版好,对于我们这些只是偶尔听听歌的、写写东西的人来说,的确有点不方便。
这一节详细解释HTTP FLV的背景。 What is HTTP FLV 所有的HTTP FLV流都是一个HTTP FLV地址,譬如:http://ossrs.net:8081/live/livestream.flv,但是,流的形式却至少有三种: FLV文件,渐进式HTTP流。放一个文件到nginx目录,可以访问下载在播放器播放,这是HTTP FLV文件,也就是渐进式下载流。所谓渐进式下载,也就是用户观看时无法从未下载的地方开始看。 FLV伪流。一般说的HTTP FLV,比上面的渐进式流高级一点,譬如,一个
首图来自 https://www.cablelabs.com/meet-connectivity-enabler-alberto-campos
云直播CSS 你问我答 第八季 本期共解答8个问题 Q1:QUIC协议直播的优势有哪些? 1. 避免队头阻塞的多路复用; 2. 连接迁移、前向冗余纠错; 3. 减少了 TCP 三次握手及 TLS 握手时间,改进的拥塞控制; 4. QUIC协议相对于TCP协议,更适合弱网和高丢包场景的数据传输; Q2:音视频不同步的原因? 一般出现音画不同步都是因为推流的音视频时间戳不同步有跳变导致的,我们可以在拉流的时候去解析流信息检查音频和视频流的PTS是否正常,是
在本系列上一篇文章《定义和测量延迟》中,介绍了为什么延迟是OTT传输的一个问题以及如何测量端到端延迟中不同传输步骤所占的延迟比重。 本文接下来介绍可能的延迟优化,从编码,打包,CDN交付以及视频播放器这些过程,通过调整其中的参数,可以为观众提供一个经过精心优化的低延迟直播流。
在遍地都是摄像头的今天,往往需要在各种信息化、数字化、可视化等B/S系统中集成实时视频流播放等功能,海康、大华、华为等厂家摄像头或录像机等设备一般也都遵循安防行业标准,支持国际标准的视频主流传输协议RTSP(实时视频流)输出,不幸的是Chrome、Edge、Firefox等新一代浏览器从2015年开始不再支持NPAPI插件加载运行,直接导致RTSP视频流从此无法在高版本浏览器网页中原生播放。对于绝大部分没有影视频处理经验的前、后端工程师来说是一个非常棘手的问题,专业性强,技术门槛高,而对做B/S系统集成的大多数公司来说,为了这部分的功能单独招聘专职音视频研发人员来负责的话,成本高昂不说,还未必做的好。
新知系列课程第二季来啦!去年的系列课,我们为大家介绍了直播、RTC、IM、媒体处理等音视频通信技术,这一次,我们将继续为大家带来全真互联时代下新的行业趋势、新的技术方向以及新的应用场景分享。今天,我们邀请到了腾讯云音视频技术导师——付秋平,他将结合实际案例,为大家介绍流媒体源流中常见的问题,以及延迟分析处理的方法。 今天的内容分为播放器播放流程、直播源流常见问题、直播延迟的产生与处理、WebRTC快直播四个部分。 播放器的播放流程,基本上是推流的逆向过程。推流端基于同一个时钟源进行音频和视频的采集,得
永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放1、H5播放webrtc,现在各大浏览器已经逐渐加大对WebRTC技术的支持,成都视开信息科技视频团队开发webrtc视频播放方案,我们已经实现了webrtc的视频推流,播放webrtc流。this.pc = new RTCPeerConnection(null);this.pc.ontrack = (event) => { this._mediaElement['srcObject'] = event.streams[
RTSP协议的视频智能分析平台EasyNVR内接入的视频通道可以通过平台进行网页直播,并且支持市面上大部分的RTSP/Onvif协议设备:IP Camera/NVR/DVR/编码器等,直播便捷稳定,是安防直播解决方案中一个不错的选择。
在直播app平台搭建中,需要才用到非常多的技术手段,例如视频/音频处理,图形处理、视频/音频压缩、CDN分发等,每一个技术都够学好几年的。今天就跟大家介绍一下开发一套视频直播系统,整个流程中所运用到的技术流程大概是哪些。
浏览器在做监控视频播放时,本身性能达不到CS客户端的性能。加上GB28181协议默认只能取到下级视频主码流的问题,使浏览器同时多窗口播放时播放路数不是很多。
HLS.js 是一款由苹果公司开发的,在浏览器中播放 HLS 的视频播放器。在最近,苹果发布了 Safari 浏览器中的低延时 HLS(LL-HLS),同时在其他浏览器中实现了基于 HLS.js 的播放器。
下载地:https://download.docker.com/mac/stable/Docker.dmg
网络视频直播存在已有很长一段时间,随着移动上下行带宽提升及资费的下调,视频直播被赋予了更多娱乐和社交的属性,人们享受随时随地进行直播和观看。一般来说,网络视频直播的流程可以分为如下几步: 采集 —>处理—>编码和封装—>推流到服务器—>服务器流分发—>播放器流播放。 下面我们逐步来看一下。
在许多时候,视频服务提供商或许会有一个巨大的内容库,用户会不定期选择查看这些内容,而视频服务提供商希望不断在视频流播放过程中提供新的功能,平台也还会有其他的要求。此外在满足这些新要求的同时,如何提升用户体验也是重要的。这就是动态边缘应用(Dynamic Edge Application)的设计出发点,并且该动态边缘应用还能实现视频流的格式统一,降低存储和传输开销。
今天你黑了吗,哈哈,当然不是指的你皮肤变黑了,而是身处在直播浪潮中的你,在观看直播中是否碰见了黑屏的现象,不过不要慌张,接下来就以腾讯云直播为例告诉您引起黑屏的原因以及如何去规避黑屏。
领取专属 10元无门槛券
手把手带您无忧上云