m3u8流文件在html视频播放器中播放有声音无画面问题

m3u8流文件在html视频播放器中播放有声音无画面问题

前言

最近在做一个海康视频设备直接在网页上播放的功能，由于现在浏览器不支持flash等插件，所以想着将海康的rtsp流先转化为hls流再使用html5来播放直播画面，但是在后台把流转化成hls流的m3u8文件后再到html中播放就出现了有声音没画面的问题，先后试了videojs，hls.js，dplayer等播放器插件，均无法播放画面只有声音。

解决方案

实际上，这个问题是播放器插件和流媒体格式和海康的流媒体格式不一致导致的，市面上大部分的海康流媒体格式为H265，而html的播放器插件默认是H264格式，故视频解码时无法正常解码，所以只需要在海康的摄像头中更改流媒体格式为H264，那么视频就可以正常播放了

参考文章

Dplayer播放器问题解答https://github.com/DIYgod/DPlayer/issues/1169