天天看点

【疑难解决】H264/H265编码视频流媒体播放器EasyWasmPlayer.js控制台循环报错Unsupported,如何处理?

作为支持H265编码的视频播放器EasyWasmPlayer.js,我们开发后立即在EasyNVR内做了测试,EasyWasmPlayer.js表现出了良好的适配性和优越的稳定性,目前在TSINGSEE青犀视频开发的其他视频平台中也已经集成。

【疑难解决】H264/H265编码视频流媒体播放器EasyWasmPlayer.js控制台循环报错Unsupported,如何处理?

EasyWasmPlayer.js播放器也是支持用户来测试的,当然在自行开发的时候也可能会产生报错。比如有时会在控制台出现如下图的报错,并且报错一直循环重复,导致chrome崩掉:

【疑难解决】H264/H265编码视频流媒体播放器EasyWasmPlayer.js控制台循环报错Unsupported,如何处理?

根据报错log,是flv.js播放了不支持的音频编码(只支持AAC和MP3)的原因。由于收到了非常多的音频数据包,每个包都会触发这个报错,所以导致浏览器一直抛出这个error。另外,控制台出现的Error:Unhandled error表示在浏览器中并未处理这个抛出的error。

该问题我们需要从两个地方解决,一个是解决报错重复的问题,另一个是处理报错。步骤则分为以下两步:

(1)、优化代码,收到不支持的音频数据包时,只抛出一次:

【疑难解决】H264/H265编码视频流媒体播放器EasyWasmPlayer.js控制台循环报错Unsupported,如何处理?

(2)、在播放器内,处理抛出的error:

【疑难解决】H264/H265编码视频流媒体播放器EasyWasmPlayer.js控制台循环报错Unsupported,如何处理?

EasyPlayer的视频流媒体播放器具备多种版本,包括iOS、Android系统的视频播放。目前EasyPlayerPro已经支持H265视频流的播放,EasyPlayer.js能够进行网页无插件的HLS视频流播放,极大方便了开发者在解决B/S型业务开发时遇到的播放器接入问题。

【疑难解决】H264/H265编码视频流媒体播放器EasyWasmPlayer.js控制台循环报错Unsupported,如何处理?

继续阅读