ZingAI.video 在线口播视频剪辑

ZingAI.video 字影是采用前沿 Web 技术构建的口播视频剪辑工具，欢迎体验 背景 我发现自己消费的视频基本都是口播类视频，且 AI 生成的视频绝大多数也是这类视频。 口播类视频并不是指狭义的主播（或数字人）念稿子，它的典型特征是传达的信息以文字语音为主，图像信息为辅的视频； ...

WebAV SDK（Web 视频编辑）V1 发布

前言 WebAV 是基于 WebCodecs 构建的 SDK，用于在 Web 平台上创建/编辑视频文件。 V1 对项目来说是里程碑版本，意味着 API 已经稳定，且功能的稳定性也经过了长时间的考验，可用于生产环境。 我在 20 年加入 B 站，开始接触 Web 音视频相关的知识（Web 播放器）， WebCodecs API 在 21 年发布； 我预期 WebCode ...

纯 Web 视频剪辑

ZingAI.video 字影是采用纯 Web 技术实现剪辑功能的产品，欢迎体验 前言 WebCodecs API 为 Web 平台提供了音视频编解码能力，使得在 Web 平台（网页、Electron）上实现高效、专业的视频剪辑成品成为可能。 读者可阅读笔者的入门系列文章获取更详细的信息，或直接使用 [W ...

Google IO 分享 WebCodecs、OPFS 文字版

背景 2024 北京 Google I/O 邀请我参加合作者开发者论坛，主题是 "Build powerful Web App"； 笔者近期在公司项目中实践 WebCodecs，对应的开源项目是 WebAV，在 Web 音视频领域算是相对前沿的探索； 本文主要分享基于 WebCodecs、OPFS 实现的视频剪辑产品，探讨这些 API 还有哪些应用场景； W ...

WebCodecs 性能表现及优化思路

ZingAI.video 字影是采用 WebCodecs 构建的视频剪辑工具，可在这里体验视频导出的性能 笔者开源 WebAV 已经一年半，还写了系列文章帮助初学者入门 Web 音视频。 之前一直隐隐担心在 Web 平台处理音视频与 Native APP 会有明显性能差距，因 ...

WebCodecs 编码字符串（codec）介绍

笔者的 Web 音视频系列文章 视频播放经常会看到这样的字符串 video/mp4; codecs="avc1.4d002a"，WebCodecs 编解码器初始化也需要配置 codec 参数，本文尝试简单介绍编码字符串含义。 视频编码分许多种类，每个种类还分多个版本，不同种类、版本对应的编解码算法、支持的能力（分辨率上限、色深等等）不同 ...

WebCodecs 开启 Web 音视频新篇章

你可以先略过下面的无聊文字，体验一番 WebCodecs 的实力 WebCodecs 是什么 WebCodecs 是一个 Web 规范，21 年 9 月份在 Chrome 94 中实现 WebCodecs 提供访问编解码能力的接口，可精细控制音视频数据 Web 音视频 API 存在什么问题 音视频技术在 Web 平台上的应用非常广泛，已有许多 Web ...

【译】WebCodecs 说明

本文翻译至 WebCodecs Explainer 问题与动机 已有许多 Web API 在内部使用媒体编解码器来支持特定用途，比如: HTMLMediaElement and Media Source Extensions WebAudio (decodeAudioData) MediaRecorder WebRTC 但是还没有一种通用的方式来灵活 ...

Web 音视频（六）图像素材处理

Web 音视频目录 前序章节介绍了如何在浏览器中解析、创建视频，以及给视频添加一些自定义素材（图片、音频、文字...）； 本章介绍如何给图像素材加特效、加动画，实现转场、移动水印、图像滤镜美化等功能。 你可以跳过原理介绍，直接查看 WebAV 示例 素材动画 在视频制作中实现动画跟其他场景略有不同，因为视频 ...