---
nav:
  title: 文章
  order: 4
sidebar: false
---

# 相关资料索引

- [Web 音视频知识图谱](https://github.com/hughfenghen/WebAV-KnowledgeGraph)
  - 音视频涉及了非常多的 Web API，该项目整理相关的 API、SDK、文章、对外产品，帮助初学者入门
- [WebCodecs 开启 Web 音视频新篇章](//hughfenghen.github.io/posts/2023/10/06/webcodecs-new-era-for-media-on-the-web/)
  - LVS (Live Video Stack) 分享主题，是后面系列文章的总结
- [【译】WebCodecs 说明](https://hughfenghen.github.io/posts/2023/10/02/webcodecs-explainer/)
- [WebAV 系列](https://hughfenghen.github.io/tag/WebAV/) 持续更新入门文章及应用案例
  - [Web 音视频（零）概览](//hughfenghen.github.io/posts/2023/07/16/webav-0-overview/)
  - [Web 音视频基础知识](//hughfenghen.github.io/posts/2023/07/19/webav-1-basic/)
    - WebCodecs 常用 API 介绍
    - 音视频编码、封装，及常见格式
  - [在浏览器中解析视频](//hughfenghen.github.io/posts/2023/07/23/webav-2-parse-video/)
    - 解析视频、视频逐帧处理...
    - WebCodecs 解码相关 API 应用
  - [在浏览器中创建视频](//hughfenghen.github.io/posts/2023/07/31/webav-3-create-video/)
    - 从 Canvas、摄像头、麦克风等采集数据创建并导出视频文件
    - WebCodecs 编码相关 API 应用
  - [在浏览器中处理音频](//hughfenghen.github.io/posts/2023/08/05/webav-4-process-audio/)
    - 在浏览器中**采集、处理、编码、封装**音频数据全流程介绍
    - 音频数据基本处理：音量调节、混流、淡入淡出、重采样
  - [在浏览器中合成视频](//hughfenghen.github.io/posts/2023/08/12/webav-5-combine/)
    - 在视频上添加素材（视频、音频、图片、文字）
    - 合成、拼接多个视频
  - [图像素材处理](//hughfenghen.github.io/posts/2023/08/19/webav-6-process-image/)
    - 图像处理
    - 控制素材层级、给素材添加动画，导出视频
    - 素材动画：位移、旋转、不透明度...
  - [中期回顾](//hughfenghen.github.io/posts/2023/08/19/webav-7-mid-review/)
- [WebGL Chromakey 实时绿幕抠图](https://hughfenghen.github.io/posts/2023/07/07/webgl-chromakey/)
