NestJS搭建直播服务器 🐱‍🏍🐱‍🏍🐱‍🏍 介绍 后端使用node-media-server搭建直播推流服务器,使用obs推流,前端可使用B站开源的flv.js来播放直播,React可使用reac

在视频编辑器中，时间轴刻度尺是一个非常重要的组件，它能直观地展示视频的时间位置。今天我们来详细讲解一下时间轴刻度尺的实现原理。 核心实现 1. Canvas绘制基础 时间轴刻度尺使用Canvas实现，

这个主要是参加“深圳 liveVideoStack” 的ppt的文字版的分享。题目是：Web端专业级H264/H265 直播流播放器实现-jessibucaPro播放器

从rtsp讲起 目前的摄像头设备导出可用的视频播放协议基本都是rtsp协议的，这种协议是基于TCP/UDP之上的一种流媒体传输协议，但很不幸的是，浏览器并不能直接播放这种协议的视频。 为什么呢？因为浏

LiveVideoStackCon 2022北京站邀请到了成锐林老师为我们分享他们团队是如何解答这一系列问题的。

对外提供一致的接口，对HLS.js和FLV.js创建的播放器进行调用。完美的实现了产品的需求，不过写代码的时候总感觉有点蠢，HLS.js（208KB）和FLV.js（169KB）体积加起来有点太让人热泪盈眶了。 这时我们就有了一个想法，这两能不能合起来成为一个lib，既能播放f…

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

在音频可视化的旅程中，我深入研究了Web Audio API和傅里叶变换，透过数学镜头，揭示了声音的频域之美，创造出实时频谱图的引人入胜的可视化体验。

视频编码之I，P，B帧 编码主要是想办法压缩视频的大小。 使用帧间编码技术可以去除时间上的冗余信息，具体包括以下几个部分。 运动补偿：运动补偿是通过先前的局部图像来预测、补偿当前的局部图像，它是减少帧