关于使用CKplayer播放m3u8视频出现没有视频的问题分析

时间:2023-02-01 00:07:38

由于项目的需求,需要在网页上使用播放器播放HLS m3u8的视频。看到网上关于CKplayer的介绍,使用了这个开源的播放器。

从CKplayer的官网找到了m3u8的插件。可是使用之后出现了问题。

关于使用CKplayer播放m3u8视频出现没有视频的问题分析

此时视频已经开始播放,通过开发者工具查看

关于使用CKplayer播放m3u8视频出现没有视频的问题分析

可以清楚看到切片已经开始下载。

使用vlc播放该视频可以正常播放。考虑可能是推流问题,从网络上找了开放的m3u8地址,均可以正常播放。

碰到这样的问题,让人焦头烂额,不知道从何处下手。

这个时候突然想到了视频编码格式问题。使用VLC查看了一下视频编码

关于使用CKplayer播放m3u8视频出现没有视频的问题分析

关于使用CKplayer播放m3u8视频出现没有视频的问题分析

似乎突然发现了问题的所在,在流化切片之前,对视频进行h264转码。

果然,可以正常播放。看来CKplayer的m3u8插件对视频编码的格式还是有要求的。之前在论坛有看到很多人在说这个问题,看来应该也是这个问题。