小鹿同学

报错 编译完成ffmpeg，且配置好环境变量，执行时报以下错误 原因 没有配置库路径 解决 /usr/local/ffmpeg/lib /usr/local/x264/li...

在Html5中video支持的格式比较有限： Ogg、MPEG4、WebM，且有些格式对于浏览器的兼容性却各不同。 视频格式，这是一个很复杂的东西，涉及 编码格式 封装格式...

同样的视频，在mac上显示了304.3 MB，在windows上显示了290 MB，这是为什么呢？可以看到他们的字节大小都是一致的。这是为什么呢？...

上一讲视频的基础概念，这一讲视频的容器和编码。 采集 一般我们用手机、摄像机进行视频采集。我们采集的视频是由一帧一帧图像所组成的，连起来的越快看着越流畅，用 帧率（就是每秒...

视频的一些基础概念，视频的基础从概念、容器格式、编码格式展开来讲。 基本概念 码率、帧率、压缩率、分辨率 容器格式 MP4、AVI、FLV、TS, M3U8、WebM、OG...

我们经常在很多直播网站去看视频，你有没有注意到他们是用的什么流？我们去B站随便找一个直播或者视频打开控制台查看播放器，你会发现 video 标签的 src 居然是 blob...

因为HTML5 和 标签的限制 不支持流 不支持 DRM 和加密 很难自定义控制, 以及保持跨浏览器的一致性 编解码和封装在不同浏览器支持不同 浏览器出了 MSE 解决 H...

在web播放场景中，我们只能通过 video 标签进行播放。但 video 标签只支持几种特定的容器格式和解码器，容器格式支持mp4、webm、ogg，编码支持 h264。...

我们在做视频上传的视频需要对视频的大小、时长、分辨率、宽高比有要求。但是在视频上传的时候，我们只能获取到文件的名称、大小、格式，并不能获取到时长、分辨率、宽高比信息，那怎么...

Mac https://brew.sh/ docker 安装 Docker 文档 Docker Hub 源使用帮助 docker安装sentry 安装文档：https://...

前端 知识点 input 属性：input file FormData 对象：异步上传二进制文件 FileReader 对象：实现图片预览功能 选择文件 需要选择上传文件，...

我们一般提供给别人使用我们代码有3种，js库、npm包、ifream页面。 js库：一般不带ui或者简单ui，封装复杂js处理能力。网页中一般挂载到 window 对象上使...

要点：数据变化重新设置监听事件 思考：那么window上的监听事件会爆炸么？还是会覆盖，重新设置后触发时机是怎么样的？ 如上述代码所示，props.asyncData 变化...

WebRTC 直播整体链路 直播的采集发送端一般 obs，app和浏览器。obs是c++的桌面端软件，app客户端 这两个很好理解，可以直接调用底层C++能力。不过浏览器怎...

ffmpeg 转 gif 的难点在于要保证清晰度，不能卡顿，并且gif不至于太大（<1MB）。 ## mp4 转 gif FFmpeg初级命令： ``` ffmpeg -i...

简介 画图工具粗分起来就两种： 拖拽式 代码式 拖拽式的优点：所见即所得，可以较为精细的控制元素。缺点：画图花的时间较长，画完后改动比较麻烦，很难统一样式。 代码式的优点：...

WebRTC 概览 优点 跨平台：可以在Web、Android、iOS、Windows、MacOS、Linux环境下运行WebRTC应用。 实时传输：传输速度快，延迟低，适...

背景 Node 使用 node-fluent-ffmpeg 进行 ffmpeg 操作，需要下载并且设置 ffmpeg 路径。node-ffmpeg-installer会自动...

字幕方案 硬字幕 字幕本身是嵌入在视频画面中。如果是直播，通过OBS等直播软件，添加字幕网页，就可以实现。如果是短视频，可以烧录srt等字幕文件到视频中实现。 软字幕 软字...