以下是视频文字稿,观看视频请移步 B 站、抖音
开场
大家好!
我是风痕, 开源项目 WebAV(音视频编辑 SDK )的作者,
在我的博客有许多 Web 音视频入门的技术文章。
随着 AI 视频技 ...
alt text
前言
本来打算写的主题是“我为什么讨厌 React Hooks API”,展开聊聊“小甜甜”是如何变成“牛夫人”的,没想到越写越严肃:)
React 是两次前端范式革命的引领者,至今仍有繁荣的社区和旺盛的创造力;
React 多次天才又激进的创新,一些想法被借鉴改良、一些引发广泛质疑,大部分是被认同和接受的; ...
没忍住又搞了一个 OPFS 项目,我太喜欢(Web 太需要)这个文件 IO 能力了,对 OPFS “寄予厚望”!
preview img
项目链接:
立即体验:
简介
该项目基于 opf ...
It's been a year and a half since I open-sourced WebAV and wrote a series of articles to help beginners get started with Web audio and video.
I've always had concerns about po ...
笔者开源 WebAV 已经一年半,还写了系列文章帮助初学者入门 Web 音视频。
之前一直隐隐担心在 Web 平台处理音视频与 Native APP 会有明显性能差距,因为 WebCodecs API 毕竟被浏览器代理了一层,且一些数据处理需要 js 配合,不确定有多大的性能损耗。
相信刚接触 WebCodecs 的读者也非常关心它的性能表现如何。
...
前言
大部分程序员,想必都有会一个常用的抓包代理工具;
但在座的各位,可曾见过这样一款集成在 Web 应用中的代理工具?
它是明显区别于传统代理工具的,有以下特性:
零安装,零配置,Web 点击即用、APP 扫码即用;_(不 ...
文件系统是往往是构建大型软件的基石之一,很长一段时间 Web 平台因缺失成熟的文件系统成为构建大型软件的阻碍,如今 OPFS 可弥补这一缺憾。
本文介绍 OPFS 背景和基本使用方法、使用过程中的注意事项,及如何配合笔者开源的 opfs-tools、opfs-tools-explorer 两个项目,充分发挥 OPFS 的性能与开发效率。
Web 存储 A ...
拦截的价值
> 计算机科学领域的任何问题都可以通过增加一个中间层来解决。 —— Butler Lampson
如果系统的控制权、代码完全被掌控,很容易添加中间层;
现实情况我们往往无法控制系统的所有环节,所以需要使用一些 “非常规”(拦截) 手段来增加中间层。
拦截的方法
拦截/覆写 浏览器 API
最常见的场景有通过拦截 console ...
Web Audio & Video Series Table of Contents
Previous chapters covered how to parse and create videos in the browser, as well as add custom assets (images, audio, text...).
T ...
Web 音视频目录
前序章节介绍了如何在浏览器中解析、创建视频,以及给视频添加一些自定义素材(图片、音频、文字...);
本章介绍如何给图像素材加特效、加动画,实现转场、移动水印、图像滤镜美化等功能。
你可以跳过原理介绍,直接查看 WebAV 示例
素材动画
在视频制作中实现动画跟其他场景略有不同,因为视频 ...