本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。不是简单的官 Demo，会给你详细解释实践场景下的各种解决方案

最近在做视频相关的项目，自然就遇到了如何让视频顺畅播放的问题 现在的视频网站，特别是长视频网站，一般不会直接请求一整个视频文件；这样直接导致响应时间过长，用户等待过久 通常采用流媒体传输协议，就是将视

其实移动对于video标签极度不友好，为了用户体验度避免浪费用户的流量，移动端浏览器只能让用户触发事件去播放video。如点击播放按钮或者监听document的触摸事件，在Safari、 谷歌浏览器、QQ浏览器均有各类奇葩问题无法实现完美自动播放的效果； iOS下不能自动播放，…

2.1 支持原生H5 video标签的所有配置参数，并且更加丰富的配置。 视频本地预览的功能主要利用 URL.createObjectURL() 方法来实现。URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的 …

随着 Flash 的衰落 和 移动设备的爆炸式增长，越来越多的内容正在以 HTML5 视频的方式发布。你可以通过 用 HTML5 视频片段代替 GIF 动画 的方式来优化你的网站速度。然而，视频文件本身就有大量可优化的地方，你可以借此提升它们的性能。 其中最重要的一点是视频文件…

我司的官网首页——贝聊官网，首屏有一个自动播放的背景视频，一直被诟病视频加载慢、播放卡。刚开始以为是文件太大，或者是网速太慢，但当我去优化它的时候，发现并没有预想的简单。本文记录了优化过程和经验总结，希望能对读者有所帮助。 官网的首页由6屏组成,首屏主要内容是一个自动循环播放的…

WebRTC（Web Real-Time Communications）是由谷歌开源并推进纳入W3C标准的一项音视频技术，旨在通过点对点的方式，在不借助中间媒介的情况下，实现浏览器之间的实时音视频通信。 与Web世界经典的B/S架构最大的不同是，WebRTC的通信不经过服务器，…

现有的前端视频帧提取主要是基于 canvas + video 标签的方式，在用户本地选取视频文件后，将本地文件转为 ObjectUrl 后设置到 video 标签的 src 属性中，再通过 canvas 的 drawImage 接口提取出当前时刻的视频帧。 受限于浏览器支持的视…

代表每秒传送的比特数。 比特率又称为“二进制位速率”，俗称“码率”，“码流”，又称为数据信号速率。这大兄弟别名好多。。 从传输速度的发展看来，摩尔定律不仅应用在晶体管的密度，同样可以用在传输速度：比特率大概每18个月提高一倍。 比特率越高，代表单位时间传送的数据就越多。 举个例…