h5 rtmp推荐控件_H5播放Rtmp之videojs播放

一、简介

我们看到了HLS播放视频实时性非常差，好的在6-7s，差点的就要10-12s了，也就是人走了，估计视频上还能看到，这对观感效果造成了很大的影响！但是好处就是它是基于http协议文件下载的，所以不需要任何插件，到处播放，处处兼容，所以rtmp和hls在web端的特点如下：HLS

(1) 使用http协议，兼容所有浏览器。

(2) 延时非常大，不太适合实时视频源，适合文件点播或历史录像直播。RTMP

(1) 使用flash插件播放，不兼容所有浏览器(特别2020年12月后chrome带头不再支持flash)

(2) 浏览器播放需要对浏览器安全进行设置，此外点播可能还会弹出确定提示，交互体验较差

(3) 更贴近传统监控的实时协议，实时性非常好，基本与实时视频点播一致

考虑到实时性，我们可能还会选择使用rtmp协议点播我们的视频，所以就实时性而言还是很有必要考虑rtmp协议的使用，接下来，我要跟大家一起分享的就是在web端使用rtmp协议查看视频。

二、VideoJS播放rtmp

前端播放代码如下所示：

video.js播放rtmp流

class="video-js vjs-default-skin vjs-big-play-centered" controls

preload="auto" autoplay="autoplay"

poster="images/logo.png" width="500" height&