flv 同时支持 WebSocket 和 HTTP 两种传输方式，幸运的是，flv.js 也同时支持这两种协议。 选择用 http 还是 ws，其实功能和性能上差别不大，关键看后端同学给我们什么协议吧。我这边的选择是 h...

网站视频直播需要实时性，延迟当然越短越好。当然决定传输速度的因素有很多，其中一个就是视频数据本身的大小。 点播场景我们最常见的 mp4 格式，对前端是兼容性最好的。但是相对来说...

网站静态数据与流数据的区别？我们常接触的文本，json，图片等等，都属于静态数据，前端用 ajax 向接口请求回来的数据就是静态数据。 像上面说到的，直播产生的视频和音频，都属于流数据...

什么是网站直播？什么是网站点播？网站点播与直播的区别？ 直播就不用说了，抖音普及之下大家都知道直播是干嘛的。点播其实就是视频播放，和咱们哔哩哔哩看视频一摸一样没区别，就是...

单标签使用渐变实现 当然，可以看到，我们上面使用的是两个标签的结构： div class=g-container div class=g-progress/div /div 抠门点，我们还可以仅仅利用一个标签去完成这个事情，主要借助了渐变去...

当然，进度条不可能只有直线型的。还有非常多其他类型的，下面我们首先来看看圆弧型的进度条。 在今天，我们可以使用 CSS 快速的创建圆弧形式的进度条，类似于这样： 核心就是使用角向...

使用百分比实现进度条 最为常见的一种方式是使用背景色配合百分比的方式绘制进度条。 最简单的一个 DEMO： div class=g-container div class=g-progress/div /div .g-container { width: 240px; height: 25px; border-ra...

这个可能是一些同学还不太清楚的，HTML5 原生提供了两个标签 meter 和 progress 来实现进度条。 meter：用来显示已知范围的标量值或者分数值 progress：用来显示一项任务的完成进度，通常情况下，...