前端录制回放系统，顾名思义就是录制用户在网页中的各种操作，并且支持能随时回放操作，可用于异常监控和错误上报...

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 vendor.js 会很大，所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停…

video 标签最基本的使用是，指定src并加上controls属性，这样在支持的浏览器上便可以播放了。如果浏览器不支持video标签则会显示标签中的提示文字

短视频大行其道的年代，作为程序员势必需要了解：视频编辑背后的原理和技术。本文简略的描述了视频的组成原理和常用的视频编辑工具，以及在 NodeJS 中的用法。 想要了解视频原理，首先应该从图像原理开始说起。 1. 像素 图像画面由一个数字序列表示的图像中的一个最小单位色块，被称之…

1. 轨与流 我们再来看一下几个重要的类，第一个和我们刚看到的是同一个名字，也就是MediaStream，就是把它在WebRTC里面单独写了一个类，这里我们就不过多介绍了。 第二个是RTCPeerConnection，RTCPeerConnection是整个WebRTC里面最为…

Technologically, for greater probability to be happy. 只要在 HTML5 中使用过视频播放的同学对 video 标签一定不会陌生，不过很多同学只使用了 video 的基础功能，实际上 video 拥有强大潜能的，只要姿势正确…

对于直播业务场景，大家遇到问题时候获得的第一现场大多数都是从CDN观众端感受到，比如拉流发现主播卡了，有杂音，模糊，不出图等一类现象。在排查这类问题时候，其实从范围上讲，我们需要从两部分去排查。我们实时音视频云结合CDN直播构建的场景如下图所示： 左边是声网实时音视频云部分，右…

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

1. 背景 在这一节中我们主要是通过nginx+rtmp模块搭建一个点播服务，就是你有很多视频文件，想让其他人观看就可以参考这篇文章，和笔者之前的一篇文章 使用PHP结合Ffmpeg快速搭建流媒体服务实践 ,应用场景基本一致，不过这篇文章当中不涉及任何代码，相对来说更加简单。 …