风痕_hughfenghen

介绍一个比较前沿但是非常有用的新特性：一个浏览器原生支持的 CSS 文本高亮高亮功能，官方名称叫做 CSS Custom Highlight API，有了它，可以在不改变 ...

本文介绍了视频视频花屏/绿屏问题的常见原因，如丢失关键帧、metadata的变化、硬件编解码的兼容性问题和颜色格式不一致问题。以及排查方法和解决策略，包括检查视频数据格式、...

文件系统是许多领域程序的基石，所有通用编程语言都会内置完备的文件系统 API。 Web 很长一段时间没有提供完善的访问文件系统的规范，使得需要高频读写文件、大文件处理软件在...

用 interface 描述类型的结构，用 type 描述类型关系。 有点编程基础中数据结构与算法的味道。 结构即是类型的属性集合 关系可以是类型结构（属性集合）计算的算法...

拦截的价值 > 计算机科学领域的任何问题都可以通过增加一个中间层来解决。 如果系统的控制权、代码完全被掌控，很容易添加中间层； 现实情况我们往往无法...

* WebCodecs 是一个 Web 规范，21 年 9 月份在 Chrome 94 中实现 * WebCodecs 提供访问编解码能力的接口，可精细控制音视频数据...

背景 Web视频编辑器即基于浏览器的视频编辑工具，可以实现视频拼接、滤镜等功能点，一般包含视频导入、预览和导出功能。在众多编辑器中，绝大部分编辑器选择了服务端导出，因为服务...

WebContainer 惊艳的地方有两点 能在浏览器中运行Node服务，居然还能启动 DevServer “监听端口” 离线后 IDE 开发中的页面也能正常开发 大致原理...

背景 JS 最常使用 setTimeout、setInterval 来延迟或定时循环执行函数，通常会传递第二个参数来控制延迟或间隔执行的时间。 但开发者必须意识到函数执行时...

个人回顾 本系列更新至今，持续了一个月时间，内容可以总结为音频、视频数据的 解析 - 处理 - 合成，在浏览器中比较粗粒度地实现音视频编辑的主要环节，差不多是把 WebAV...

前序章节介绍了如何在浏览器中解析、创建视频，以及给视频添加一些自定义素材（图片、音频、文字...）； 本章介绍如何给图像素材加特效、加动画，实现转场、移动水印、图像滤镜美化...

经过前序章节的介绍，读者能大致了解如何在播放器中解析、创建视频； 本章介绍何在浏览器中合成视频，这是视频编辑中最基础的功能。 你可以跳过原理介绍，直接查看 WebAV 合成...

OPTIONS请求指method为OPTIONS的http请求。 通俗来说：它的作用是用于WEB服务器是否支持某些header，也可以叫做预检请求(顾名思义：提前检测)。...

为什么单独介绍音频处理? 因为网络上缺乏音频处理的资料，绝大多数示例都是针对视频而略过音频，很多人在网上寻找音频处理的示例 对前端开发者来说，音频处理相对视频略微复杂一些 ...

在 WebCodecs 之前，由于编解码能力的缺失，几乎无法在纯浏览器中编辑、创建视频。 WebCodecs 补齐了编解码能力，相当于在浏览器中提供了视频创作能力。...

某些场景需要对视频进行更细致的处理，比如截取关键帧、提取视频中的文字、人物打码、极低延时播放视频等等。 总之，除了最单纯的视频播放外，对视频数据的一切处理都需要从解析开始...

我们常听说 JS 是单线程模型，即所有代码都在主线程 中执行的。 如果某些任务计算量较大，将阻塞主线程，UI 界面轻则掉帧、重则卡死。 所以在计算量大的场景，JS 需要支持...

时至今日，短视频App可谓是如日中天，一片兴兴向荣。随着短视频的兴起，音视频开发也越来越受到重视，但是由于音视频开发涉及知识面比较广，入门门槛相对较高，让许许多多开发者望而...

阅读后续文章或开始使用 WebAV 处理音视频数据之前，需要一点点背景知识。 本篇主要简单介绍音视频最基础的知识，以及 WebCodecs 的核心 API。 视频结构 视频...