大家好，我是六六。花了半个月开发时间，这个录像回放项目终于进入了尾声。今天就把自己开发的成果视频时间轴组件给开源分享出来，本篇主要以功能介绍，组件使用，下图为项目成果。讲解主要以demo为主了。 gi

“这是我参与8月更文挑战的第31天，活动详情查看：8月更文挑战” 视频是什么 视频，其实就是一系列连续播放的图片，如果1s钟播放24张图片，那么人眼看到的就不再是一张张独立的图片，而是动起来的画面。其

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

在测试相应程序的过程中不可避免的需要对音频能力进行验证，为了能够在云真机测试平台中完成不同场景下的音频测试，就需要实时获取客户端设备中播放的音频，进而能够直接通过 Web 端平台进行测试。

如何实现两个人的实时视频通话呢？你可能会首先想到直播手段：采流 -> 推流 -> 拉流。但是，如果把这个过程放在前端去实现，那只能天台见了。然而，WebRTC的出现，扭转了这个现状。