EasyPlayer
文章平均质量分 57
Black蜡笔小新
我将像一匹负轭的老马,不到最后关头绝不松套。
展开
-
如何在Vue3中使用H.265视频EasyPlayer.js流媒体播放器?
首先通过npm引入easyplayer.js。原创 2024-04-15 17:11:32 · 1550 阅读 · 0 评论 -
H.265网页无插件播放EasyPlayer.js流媒体播放器常见问题及解答
因为H.265解码比较占用播放端的CPU性能,所以不建议播放多路H.265格式的视频流,可以切换为H.264。原创 2024-04-10 17:48:38 · 886 阅读 · 1 评论 -
如何在Uniapp真机中使用H.265无插件流媒体播放器EasyPlayer
可以使用vue组件的生命周期(不支持beforeDestroy、destroyed、beforeUnmount、unmounted),不可以使用App、Page的生命周期。原创 2024-04-10 17:47:21 · 544 阅读 · 0 评论 -
TSINGSEE青犀智能分析网关V4智慧工地解决方案
中间地图:显示所有接入的IPC在这个地图上的位置标点。原创 2023-12-28 17:17:22 · 447 阅读 · 0 评论 -
TSINGSEE青犀智能分析网关V4在智慧小区场景中的应用
对电梯实时、全方位监控,自动检测电动车进入电梯等,可报警喊话,保证电梯安全使用。原创 2023-12-28 17:16:47 · 513 阅读 · 0 评论 -
【FAQ】如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?
安防视频监控EasyPlayer是一个支持多框架集成的播放器,我们在前期的文章中也介绍了如何在React框架下集成流媒体视频播放器EasyPlayer.js,感兴趣的用户可以翻阅我们往期的文章进行了解。原创 2023-09-19 10:06:38 · 620 阅读 · 3 评论 -
【开发】React框架下如何集成H.265网页流媒体EasyPlayer.js视频播放器?
EasyPlayer播放器系列依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、电脑桌面直播等。原创 2023-09-13 09:49:40 · 600 阅读 · 0 评论 -
【FAQ】H.265视频无插件流媒体播放器EasyPlayer.js播放webrtc断流重连的异常修复
在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,支持网页端实时录像,具备较高的可用性和稳定性。原创 2023-08-24 09:37:15 · 1019 阅读 · 0 评论 -
【FAQ】H5网页流媒体播放器EasyPlayer.js播放H.265,无法截取快照是什么原因?
是因为用户的视频分辨率较小,无法达到设定大小后,将会直接返回无法截取快照。原创 2023-08-02 09:45:53 · 323 阅读 · 0 评论 -
【FAQ】如何隐藏网页H.265播放器EasyPlayer.js的实时录像按钮?
只需要在前端进行隐藏即可。原创 2023-08-02 09:43:37 · 357 阅读 · 0 评论 -
【疑难解决】H265编码网页视频流媒体播放器EasyWasmPlayer.js播放控制台提示Uncaught TypeError,如何解决?
基于EasyPlayer的研究基础,TSINGSEE青犀视频进一步顺应互联网视频行业发展的需求,研发了H.265网页播放器EasyWasmPlayer.js,在4.2.0版本之后的EasyNVR视频平台已经可以支持自主选择播放器了。部分用户会选择自主使用EasyWasmPlayer.js播放器进行集成,出现了无法播放并且控制台报错的问题,报错信息: Uncaught TypeError: c is not a function。分析问题1.在线上播放发现没有问题,视频流可以正..原创 2021-04-22 11:02:17 · 963 阅读 · 0 评论 -
【疑难解决】H265编码流媒体播放器EasyPlayer.js播放HLS H265视频流,遇到黑屏如何排查?
在部分采用H265播放器EasyPlayer.js播放HLS视频流的用户中,有位用户反馈HLS使用了H265编码格式,收到了请求的TS文件,控制台未见报错,但是画面一直黑屏,无法正常播放视频,让我们协助排查。跟踪代码,发现是frameType=0导致无法继续解码,代码内容如下:if(mediaType==1&&!self.wasmInitVideoDecoder&&frameType){//openvideo...原创 2021-04-15 10:21:24 · 3057 阅读 · 1 评论 -
【接上篇】H265编码流媒体播放器EasyPlayer-RTMP自定义OSD字体颜色修改开发
EasyPlayer播放器系列项目可以说是目前市面中一款非常开放的播放器项目,用户可以根据自己的需求调用接口或者进行开发,实用性强,稳定性也足够优越。上一篇我们讲了《EasyPlayer-RTMP定制窗体开发》,对于其中OSD的功能仍然有可以继续完善的点,比如用户希望可以自己定义OSD内容的颜色。默认的是红色字体,如下图:接下来介绍下OSD实现的过程,就可以方便大家自己来修改叠加内容的位置、颜色等信息。/// <summary> /// 附加信息原创 2021-04-15 10:11:56 · 250 阅读 · 0 评论 -
【技术开发分享】TSINGSEE青犀视频流媒体播放器EasyPlayer-RTMP定制窗体开发
因为2020年年底的时候各大浏览器厂商逐渐开始摒弃FLASH,导致基于WEB的RTMP协议流播放被大家诟病,这时候客户端又逐渐被大家捡起来使用。这两天就有一个用户需要定制一个RTMP低延迟的播放器,需求如下:1、界面简洁,支持窗体大小控制;2、功能按钮通过右键给出菜单;3、播放流地址、缓存设置、OSD叠加功能等放到配置文件中;4、最主要的是低延迟播放;根据需求内容,我们打算用EasyPlayer-RTMP进行改造,因为EasyPlayer-RTMP底层是基于EasyRTMPClient做的低延原创 2021-04-15 10:10:08 · 253 阅读 · 0 评论 -
【技术优化】TSINGSEE青犀视频H.265编码视频播放器EasyWasmPlayer.js切换播放地址优化
支持播放H.265编码视频的流媒体播放器EasyWasmPlayer.js播放器在测试时,我们发现在运行过程中,生成播放器实例后,必须注销才能重新赋值新的地址,否则就会出现400报错现象。检查一下报错产生的原因,首先找到EasyWasmPlayer播放器项目中的 SyncPlayer.js 文件,检查其播放函数:在播放函数里加个判定,如果切换的地址和上一次地址不同,播放器内部就自动注销播放器,并且重新初始化播放,如果切换地址相同就不处理。 if (this.url !..原创 2021-04-14 14:47:36 · 422 阅读 · 0 评论 -
【技术教程】H.265流媒体EasyWasmPlayer.Js如何实现自定义高度和宽度?
对于TSINGSEE青犀视频开发的各种流媒体平台,大多数平台都已经支持了H.265编码的视频播放,即EasyWasmPlayer.Js播放器。当然该播放器在编译中,对于不同的屏幕大小或者浏览器播放界面,播放器的屏占比也是不同的,因此需要对EasyWasmPlayer.Js播放器自定义高度和宽度,来实现自定义播放器的大小。其步骤如下:1.新建父级播放器容器并赋予容器自定义宽高:2.新建播放器实例添加 height: true 属性,让播放器跟随父级宽高:newWasmPl...原创 2021-04-14 14:24:08 · 1053 阅读 · 0 评论 -
H265视频流媒体播放器libEasyPlayer-RTSP如何通过数据渲染视频获得YUV数据?
TSINGSEE青犀视频开发的流媒体播放器libEasyPlayer-RTSP在手机端的的视频渲染是解码后获取的视频帧,需要分解成Y、U、V的值,再送到OpenGL去渲染,这里默认传的一个渲染视频的句柄为HWND句柄。如果不通过传入HWND句柄能否拿到Y、U、V的渲染数据呢?因此此处我们尝试了不使用HWND句柄,而使用数据渲染,但是通过数据渲染并没有获取到想要的数据,导致界面视频并没有渲染成功,我们首先猜测是函数调用出了问题,因此做如下排查:先查看代码调用EasyPlayer_OpenStream函原创 2021-03-23 16:48:26 · 144 阅读 · 0 评论 -
H265网页视频播放器EasyPlayer.js在VR播放项目中两个flv直播无法切换问题排查
之前和大家讲到EasyPlayer.js的播放器项目已经支持VR播放了,但是在调试过程中,用户反馈,在VR视频流播放过程中,hls直播切换flv直播是可以的,但是flv直播切换到另一个flv直播失效。初步判断是我们自己的项目代码出现bug,排查如下:watch:{VrUrl(newVal,lodVal){if(lodVal!==newVal){this.playerUrl=this.VrUrlthis.initURl()...原创 2021-03-19 09:54:20 · 347 阅读 · 0 评论 -
【技术教程】如何通过配置文件TSINGSEE青犀视频H265网页播放器EasyPlayerPro-Win自动播放功能?
由于TSINGSEE青犀视频H265播放器EasyPlayer系列项目的开放性,关于EasyPlayer的开发一直是很多用户乐此不疲的事,可广泛应用于流媒体客户端、互联网直播、在线教育、IPTV、赛事直播、本地视频文件播放等项目中,稳定、高效、可靠。当然了,EasyPlayerPro-Win播放器也能够实现自动全屏、自动播放的功能。该功能让EasyPlayerPro直接在项目中直接使用,不用再做二次开发。关于播放器的显示样式问题,TSINGSEE青犀视频研发团队在设计的时候就有考虑过,因此留下了原创 2020-12-15 10:20:35 · 197 阅读 · 0 评论 -
【技术教程】RTSP协议视频智能分析平台EasyNVR新增H265播放器EasyPlayer,与EasyWasmPlayer有何区别?
对于很多要求网页直播的用户来说,目前市面上大多数可集成的平台都是要安装插件的,但是插件在某些项目中表现的并不友好,给用户的使用带来不便。因此TSINGSEE青犀视频研发的无插件视频直播平台就在这样的项目场中发挥了重大作用。而随着H.265编码格式技术的进步,之前的使用模式已经不满足于用户的播放及存储需求,H.265编码因此进入了火热阶段。对于TSINGSEE青犀视频来说,模式的转变和升级是我们必经的过程。因此我们基于我们现有的视频智能分析平台,研发了新的播放器来对H.265编码格式进行兼容。原创 2020-12-15 10:15:16 · 516 阅读 · 0 评论 -
【代码参考】H265编码视频播放器EasyPlayerPro支持高码率视频播放和D3D画面旋转
EasyPlayerPro是一款全功能的流媒体播放器,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放等多种功能特性,核心基于ffmpeg,稳定、高效、可靠,支持Windows、Android、iOS三个平台,EasyPlayerPro播放器可广泛应用于流媒体客户端、互联网直播、在线教育、IPTV、赛事直播、本地视频文件播放等项目中。我们今天介绍一下EasyPlayerPro-win版的D3D画面旋转原创 2020-11-27 17:13:38 · 2712 阅读 · 0 评论 -
H265编码视频播放器EasyPlayer.JS控制台出现VideoJS:WARN警告信息是什么原因?
H265编码的压倒性优势致使其不断在音视频行业完善发展,TSINGSEE青犀视频在不断开发H265播放器的不同使用方法,并且期望在未来运用于更多场景当中(h264编码视频与h265编码视频哪个更清晰)。上一篇我们解决了H265编码视频播放器播放FLV视频流无法播放的问题,本文在上文的基础上,解决了新的问题——H265播放器EasyPlayer.js播放视频控制到出现VideoJS:WARN警告信息。分析问题实际上该警告信息一般对程序的使用没有影响,但是在后期调用部分新功能的时候,该信息可能会原创 2020-10-13 16:51:44 · 1349 阅读 · 0 评论 -
【开发记录】H.265编码视频播放器在播放FLV视频流时出现黑屏现象如何解决?
EasyPlayer是一款流媒体播放器系列项目,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性,目前支持Windows、Android、iOS三个平台,EasyPlayer.js还支持Linux平台。提出问题TSINGSEE青犀视频研发团队近期在研发H265播放器开发,发现使用H265播放器播放FLV视频流,会出现黑屏现象,等待后也无法正常播放。分析问题通过浏原创 2020-10-13 16:48:40 · 1284 阅读 · 0 评论 -
【教程】RTSP/RTMP/HTTP/HLS协议视频流媒体播放器EasyPlayer-RTSP安卓版本,切换视频流黑屏怎么办?
EasyPlayer视频流媒体播放器支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性。使用了TSINGSEE青犀视频产品的小伙伴都知道,EasyNVR、EasyDSS内都集成了EasyPlayer.JS版本。当然了,EasyPlayer-RTSP、EasyPlayer-RTMP也经受了众多用户的使用考验,表现出了强大的播放和调用性能。我们比较细心的测试专员在对EasyPla原创 2020-09-24 10:10:47 · 752 阅读 · 1 评论 -
视频流媒体播放器EasyPlayer-RTSP-Android 如何随意切换播放视频流?
我们的视频流媒体播放器可以输出多种视频流,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放,同时也支持本地文件播放。在我们的Easy Player.JS版里面,由于是网页播放器,切换哪种视频流只需点击哪种视频格式,十分便捷,那么在EasyPlayer-RTSP-Android 里应该如何操作才能切换播放流?针对这个问题,分2种情况:1、界面只有一个播放器,随意切换;2、界面有2个及更多个播放器,随意切换。对此我们也提供了两种对应的解决办法:1、界面原创 2020-07-29 11:34:08 · 866 阅读 · 0 评论 -
视频流媒体播放器EasyPlayer.js截取base64编码快照显示不完整问题解决
我们不仅研发了很多视频流媒体服务器,对于一些播放器的需求者,我们也有EasyPlayer的视频流媒体播放器可以选择,目前EasyPlayerPro已经支持H265视频流的播放,EasyPlayer.js能够进行网页无插件的HLS视频流播放,极大方便了开发者在解决B/S型业务开发时遇到的播放器接入问题。在我写这篇文章之前,有用户向我反馈EasyPlayer.js截取base64编码的快照在浏览器显示不完整的问题,觉得还是可以跟大家讲一下这个,以此文章作为记录。上图我们可以看到快照只显示了一半,原创 2020-07-10 10:25:01 · 446 阅读 · 0 评论 -
用ffmpeg4.x AV_CODEC_ID_H264编码器将yuv数据转换成h264有B帧问题解决
H.265技术在码率上进行了深度优化,同等画质下,可以比H.264节省近50%的码率,使存储成本大大降低。我们流媒体服务器和流媒体播放器都将会趋向于H265编码,之前我们实现了H265编码的播放:EasyRTMP-Android使用H265编码流程,而现在我们也实现了RTSP/Onvif网络摄像头流媒体服务器播放H265编码视频。本文我们暂时不讨论H265,我们来讲一下有用户遇到的关于ffmpeg4.x AV_CODEC_ID_H264编码器将yuv数据转换成h264的问题。有开发者用ffmpe原创 2020-06-10 10:22:53 · 632 阅读 · 0 评论 -
网页全终端视频流媒体播放器EasyPlayer之使用 nginx 和 rtmp 插件搭建视频直播和点播服务器
使用 nginx 和 rtmp 模块 ,可以很容易地搭建一个视频直播和点播服务器出来。下面我们来看一下具体实施步骤:1. 安装 nginx 和 rtmp 模块有关 nginx 的编译和安装比较简单,这里就不介绍了,看参考文献。这里提示以下几点:(1) 安装好 nginx 后,配置文件在这里:/usr/local/nginx/conf/nginx.conf(2) 启动 nginx ...原创 2020-03-09 11:52:52 · 493 阅读 · 0 评论 -
网页全终端视频流媒体视频直播/点播播放器EasyPlayer.js实现WEB播放H265/HEVC视频方案介绍
H.265/HEVC是当前非常火的视频压缩方式,相对于大家熟知的H.264 ,平均可以带来接近于50%的宽度节省。这对于我们做视频的开发者而言,无疑可以在同等流量下拿到更多的Buffer,无论是直播还是视频播放都是非常有收益的事情。在HEVC编码架构中,整体被分为了三个基本单位,分别是编码单位(coding unit, CU)、预测单位(predict unit, PU)和转换单位(trans...原创 2020-03-09 11:42:02 · 847 阅读 · 0 评论 -
HLS播放器RTSP播放器支持8K播放且低延时高并发全功能流媒体播放器EasyPlayer搭建之HTML中 px,em,rem该如何区别?
EasyPlayer是一款流媒体播放器系列项目,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、 支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性,核心基于ffmpeg,稳定、高效、可靠、可控。随着多年不断的发展和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer-RTSP、EasyPlayer-RTM...转载 2020-02-24 16:27:26 · 325 阅读 · 0 评论