视频流媒体播放器EasyPlayer.js RTSP播放器视频颜色变灰色/渲染发绿的原因分析

EasyPlayer.js RTSP播放器属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，无须安装任何插件，起播快、延迟低、兼容性强，使用非常便捷。

EasyPlayer.js播放器不仅支持H.264与H.265视频编码格式，也能支持WebSocket-FLV、HTTP-FLV、HLS（m3u8）、WebRTC、ws-fmp4、http-fmp4等格式的视频流，并具备直播、点播、录像、快照截图、MP4播放、多屏播放、倍数播放、全屏播放等功能特性。

EasyPlayer.js网页全终端安防视频流媒体播放器支持H.264与H.265编码格式，性能稳定、播放流畅，并且已实现网页端实时录像、在iOS上实现低延时直播等功能。

1、视频颜色变灰色（软解码）

原因：

• 视频流的格式不是yuv420p。
• 可能的视频格式是yuvj422p格式。
• 可能是webgl渲染的问题导致的。

2、视频渲染发绿（软解码）

原因：

• 对于宽度不是8的倍数的时候就会出现这样的问题。
• 在使用WebGL对YUV420P进行渲染时，WebGL图像预处理默认每次取4字节的数据，但是540x960分辨率下的U、V分量宽度是540/2=270不能被4整除，导致绿屏。

3、解决方案：

程序会自动检查分辨率，如果不是标准的分辨率，会自动更新webgl渲染规则。

总之EasyPlayer.js H5播放器，是一款能够同时支持FMP4视频直播与视频点播等多种协议，支持H.264、H.265、AAC、G711A、MP3等多种音视频编码格式，支持MSE、WASM、WebCodec等多种解码方式，支持Windows、Linux、Android、iOS全平台终端的H5播放器，使用简单，功能强大。