TSINGSEE青犀视频官方技术博客

只需要在项目本地配置重连属性，就可以在网络恢复后重连播放了。

将EasyPlayer-element.min.js里的EasyPlayer.wasm全部替换成static/EasyPlayer.wasm

在uniapp框架下集成EasyPlayer.js播放器，但是集成的过程中会报一个“video.js，flv.js找不到”的错。

播放器收到iceConnectionState === ‘disconnected’ 断开连接时，将会重新初始化播放器，这样就解决了断流不重连的问题，从而实现让视频正常播放。

EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性。

EasyPlayer.js可支持多种流媒体协议播放，包括WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等。

EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点，已经成熟运用于多个项目场景当中，其中包括手机直播、电脑桌面直播等。

因为ios设备不支持flvjs.isSupported()，所以采用H.265软解码视频，从而造成视频画面无法切换至标准并出现拉伸的情况。

出现上述报错的现象是因为，vue3.0不是通过npm导入，而是通过html的方式集成。

EasyPlayer还能支持网页实时视频录像以及在iOS上实现低延时的直播。

有一些帧数据不仅包含了sei数据，还包含了视频数据，因此在此处直接返回，就会导致视频播放出现异常。

发现播放器加载出现了两个video标签，猜测是初始化H.265时，播放器的video标签并没有成功销毁。

EasyPlayer现有多个版本，包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等，可支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放。

原来是vjs-play-progress vjs-slider-bar的样式没有及时更新和隐藏

EasyPlayer性能稳定、播放流畅，可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等，具备较高的可用性。

近期我们也对EasyPlayer拓展了新功能，包括实现直播视频实时录像、在iOS端实现低延时直播等，感兴趣的用户可以翻阅我们往期的文章进行了解。

首先排查视频流是否正常。如果流正常，但是偶尔会出现错误，刷新下又能成功播放，那是因为流数据可能中断或者数据异常。

播放webrtc协议时长按播放页面无法关闭”关于我们“页面

既然代码没什么问题，那么有可能是调用了错误版本的库。查看库的字节数是否一样，再查看库的版本。

排查是否为丢帧和解码失败情况。在排查中了解到，调试信息中表明未有此类情况（注：如果丢帧和解码失败不会出现闪烁的情况，会显示跳帧），所以排除是该缘故。

文物及古迹建筑是我国重要的历史文化遗产，也是国家和各地市重点保护项目。目前我国的文物古迹、古桥、古塔、古墓等建筑主要依靠"人防"，监管手段单一、传统，存在着监管不到位、人手不足、人员疏忽等各种管理问题，从而导致这些古塔、古墓等古迹建筑屡屡发生盗掘盗窃、火灾事故、游客不文明行为等文物丢失、损坏的安全事件，给文物的保护带来极大难题，并造成了重大损失。

EasyPlayer多个衍生版本无论是在对接设备型号种类，还是在对接编码的兼容性上，都具备较高的可用性。在视频直播过程中通过H5进行视频解码。

EasyPlayer灵活性强，多个衍生版本无论是在对接设备型号种类，还是在对接编码的兼容性上，都具备较高的可用性和稳定性，而且EasyPlayer上层有一套成熟的视频缓冲与追帧算法，在视频能力应用上表现十分优异。...

不得不说在Flash被各大浏览器抛弃了以后，想在WEB上高效地播放各种网络协议流EasyPlayerPro是一个不错的选择。我们经常会收到网友们的提问，比如如何更新EasyPlayerProActiveX.ocx中的Key。Key是由TSINGSEE青犀视频按月提供的，主要是为了方便广大用户做测试。EasyPlayerPro支持各种网络协议流，如RTSP\RTMP\HTTP-FLV\HTTP-HLS，文件也可以播放，支持264和265两种编码协议。在取得官方有效Key后，可以用VS2010打开E

EasyPlayer播放器系列项目是TSINGSEE青犀视频开发的极具开放性的播放器项目，用户可以根据自己的需求调用接口或者进行开发，实用性强，稳定性也非常优越，很多用户调用EasyPlayer播放器自行做开发或者集成。有位用户向我们反馈在调用EasyPlayer播放器时出现了问题，切换视频路径就会报错：FlvPlayer.load() has been called,pleasse call unload() first!报错图片如下：由于搜寻资料没有找到相关内容，所以需要自己从该用户的配

EasyPlayer播放器系列项目可以说是目前市面中一款非常开放的播放器项目，用户可以根据自己的需求调用接口或者进行开发，实用性强，稳定性也足够优越。上周我们遇到一个用户在使用EasyPlayer-RTSP-WIN的时候报异常终止，程序无法正常运行，如下图：于是给该用户远程调试了一次，现在将过程记录下来。1、既然程序已经正常运行，说明肯定不是VC环境等问题导致的异常终止；2、用户在输入RTSP流地址后，点击播放按钮的时候出现的异常终止，说明异常肯定是在预览函数后面触发的，于是带着疑问单步调试

EasyPlayer.js是TSINGSEE青犀视频开发的一款支持二次开发和集成的网页视频播放器，并且经过我们不断优化，已经支持了H.265编码视频的播放，在网页视频流媒体播放项目中能够得到精准、稳定的应用。有客户在使用EasyPlayer.js播放HLS流后不能自动播放且播放出现404的情况。该客户在VUE中通过接口获取到了HLS的视频流地址，随后使用EasyPlayer播放显示404，必须点击一下pause，再次点击play才能播放。但是在我们官网中的EasyPlayer.js页面却可以直接播放

在部分采用H265播放器EasyPlayer.js播放HLS视频流的用户中，有位用户反馈HLS使用了H265编码格式，收到了请求的TS文件，控制台未见报错，但是画面一直黑屏，无法正常播放视频，让我们协助排查。跟踪代码，发现是frameType=0导致无法继续解码，代码内容如下：if(mediaType==1&&!self.wasmInitVideoDecoder&&frameType){//openvideo...

作为支持H265编码的视频播放器EasyWasmPlayer.js，我们开发后立即在EasyNVR内做了测试，EasyWasmPlayer.js表现出了良好的适配性和优越的稳定性，目前在TSINGSEE青犀视频开发的其他视频平台中也已经集成。EasyWasmPlayer.js播放器也是支持用户来测试的，当然在自行开发的时候也可能会产生报错。比如有时会在控制台出现如下图的报错，并且报错一直循环重复，导致chrome崩掉：根据报错log，是flv.js播放了不支持的音频编码（只支持AAC和MP3

EasyPlayer播放器系列项目可以说是目前市面中一款非常开放的播放器项目，用户可以根据自己的需求调用接口或者进行开发，实用性强，稳定性也足够优越。上一篇我们讲了《EasyPlayer-RTMP定制窗体开发》，对于其中OSD的功能仍然有可以继续完善的点，比如用户希望可以自己定义OSD内容的颜色。默认的是红色字体，如下图：接下来介绍下OSD实现的过程，就可以方便大家自己来修改叠加内容的位置、颜色等信息。/// <summary> /// 附加信息

支持播放H.265编码视频的流媒体播放器EasyWasmPlayer.js播放器在测试时，我们发现在运行过程中，生成播放器实例后，必须注销才能重新赋值新的地址，否则就会出现400报错现象。检查一下报错产生的原因，首先找到EasyWasmPlayer播放器项目中的 SyncPlayer.js 文件，检查其播放函数：在播放函数里加个判定，如果切换的地址和上一次地址不同，播放器内部就自动注销播放器，并且重新初始化播放，如果切换地址相同就不处理。if(this.url!=url&...

对于TSINGSEE青犀视频开发的各种流媒体平台，大多数平台都已经支持了H.265编码的视频播放，即EasyWasmPlayer.Js播放器。当然该播放器在编译中，对于不同的屏幕大小或者浏览器播放界面，播放器的屏占比也是不同的，因此需要对EasyWasmPlayer.Js播放器自定义高度和宽度，来实现自定义播放器的大小。其步骤如下：1.新建父级播放器容器并赋予容器自定义宽高：2.新建播放器实例添加 height: true 属性，让播放器跟随父级宽高：newWasmPlayer(n.

基于EasyPlayer的研究基础，TSINGSEE青犀视频进一步顺应互联网视频行业发展的需求，研发了H265网页播放器EasyWasmPlayer.js，在4.2.0版本之后的EasyNVR视频平台已经可以支持自主选择播放器了。之前我们在测试EasyWasmPlayer.js播放器时，为大家介绍了如何实现视频截图功能，截图可用于封面或者存档使用。据部分开发者反馈，支持H265的WasmPlayer.js可以播放，但无法调用setSnap设置封面图片。初步判断是开发者创建Player失败，排

作为TSINGSEE青犀视频开发的视频流媒体播放器，EasyPlayer系列项目都是支持集成以及二次开发的，也可以通过下载试用获得真是的测试效果，其中新的H265播放器分支EasywasmPlayer播放器是网页播放的主流播放器。H265播放器EasywasmPlayer已经在多个用户项目中实现了集成和播放，当然也有用户在集成中遇到报错情况来咨询我们，比如有用户项目集成报错：SyncPlayer.js:642 Uncaught TypeError: Failed to execute ‘drawImag

TSINGSEE青犀视频开发的视频流媒体播放器EasyPlayer项目已经开拓了H265播放器EasyWasmPlayer，该播放器支持WS-flv、flv、hls，支持H.264、H.265编码格式的视频直播，在网页H265视频流的播放和集成方面具备很高的可靠性。我们在某个网页对EasyWasmPlayer播放器测试时，网页控制台出现报错信息:Uncaught TypeError: Cannot read property ‘flvPlayer’ of null排查发现，问题出现的原因是当

TSINGSEE青犀视频开发的流媒体播放器libEasyPlayer-RTSP在手机端的的视频渲染是解码后获取的视频帧，需要分解成Y、U、V的值，再送到OpenGL去渲染，这里默认传的一个渲染视频的句柄为HWND句柄。如果不通过传入HWND句柄能否拿到Y、U、V的渲染数据呢？因此此处我们尝试了不使用HWND句柄，而使用数据渲染，但是通过数据渲染并没有获取到想要的数据，导致界面视频并没有渲染成功，我们首先猜测是函数调用出了问题，因此做如下排查：先查看代码调用EasyPlayer_OpenStream函

之前和大家讲到EasyPlayer.js的播放器项目已经支持VR播放了，但是在调试过程中，用户反馈，在VR视频流播放过程中，hls直播切换flv直播是可以的，但是flv直播切换到另一个flv直播失效。初步判断是我们自己的项目代码出现bug，排查如下：watch:{VrUrl(newVal,lodVal){if(lodVal!==newVal){this.playerUrl=this.VrUrlthis.initURl()...

TSINGSEE青犀视频开发的播放器项目EasyPlayer有很多个分支，其中 EasyPlayer.js就是集成在EasyNVR、EasyGBS等平台内进行直播的网页播放器，并且EasyPlayer.js已经成功实现了VR视频的播放（TSINGSEE青犀视频云服务将从EasyPlayer.js播放器支持VR播放启动VR研发）。有很多客户都采用EasyPlayer.js播放器进行页面的集成，部分用户偶尔会出现画面卡住但是数据流还在加载的情况，如下：经过反复的测试发现，视频如果偶尔出现卡住，控制台

由于VR行业的火热已经蔓延到除音视频外的各项行业中，我们也不断在网页视频实现VR播放上面投入开发。目前TSINGSEE青犀视频前段时间刚刚攻克了网页视频播放器EasyPlayer.JS实现VR视频播放的功能，后续将加紧合并，发布到EasyPlayer.js的主分支上。对于过往传统的直播形式，VR全景的选择更加多样化，效果更加真实和沉浸。在清晰度上有更加高画质的视觉呈现，这也是TSINGSEE青犀视频VR视频播放中的着力点。作为网页视频播放器EasyPlayer.JS，对于VR视频的播放是基于

TSINGSEE青犀视频开发的项目大多都可以通过调用接口进行二次开发，EasyPlayer播放器项目也是如此。对于EasyPlayer-RTSP版本的调整，我们之前根据部分用户的需求，添加了C#版本增加OSD功能（EasyPlayer-RTSP在C#版本增加OSD功能说明）。但是EasyPlayer-RTSP仍在测试当中，我们发现使用VS2010编译出现以下错误：命令行“xcopy /y xxxxxxxx”已退出，代码为4。xcopy代码出自：右击本项目 => 属性 => 生成