---
nav:
  title: Article
  order: 4
sidebar: false
---

# Index of relevant information

- [Web Audio and Video Knowledge Graph](https://github.com/hughfenghen/WebAV-KnowledgeGraph)
  - Audio and video involves a lot of Web apis. This project organizes related apis, SDKS, articles, and external products to help beginners get started.
- [WebCodecs opens a new chapter of Web audio and video](//hughfenghen.github.io/posts/2023/10/06/webcodecs-new-era-for-media-on-the-web/)
  - The LVS (Live Video Stack) shared topic is a summary of the upcoming articles in the series.
- [【translate】WebCodecs explain](https://hughfenghen.github.io/posts/2023/10/02/webcodecs-explainer/)
- [WebAV series](https://hughfenghen.github.io/tag/WebAV/)
  - [Overview of Web audio and video (zero)](//hughfenghen.github.io/posts/2023/07/16/webav-0-overview/)
  - [Basic knowledge of Web audio and video](//hughfenghen.github.io/posts/2023/07/19/webav-1-basic/)
    - WebCodecs common API introduction.
    - Audio and video coding, packaging, and common formats.
  - [Parse the video in the browser](//hughfenghen.github.io/posts/2023/07/23/webav-2-parse-video/)
    - Parsing video, video frame-by-frame processing...
    - WebCodecs decoding related API applications.
  - [Create the video in the browser](//hughfenghen.github.io/posts/2023/07/31/webav-3-create-video/)
    - Create and export video files by collecting data from Canvas, camera, microphone, etc.
    - WebCodecs coding related API applications.
  - [Process audio in the browser](//hughfenghen.github.io/posts/2023/08/05/webav-4-process-audio/)
    - Introduction to the complete process of **capturing, processing, encoding, and encapsulating** audio data in the browser.
    - Basic audio data processing: volume adjustment, mixing, fading in and out, resampling.
  - [Compositing videos in the browser](//hughfenghen.github.io/posts/2023/08/12/webav-5-combine/)
    - Add material (video, audio, images, text) to a video
    - Compositing and stitching multiple videos.
  - [Image material processing](//hughfenghen.github.io/posts/2023/08/19/webav-6-process-image/)
    - picture processing.
    - Control asset levels, animate assets, export videos.
    - Material animation: displacement, rotation, opacity...
  - [interim review](//hughfenghen.github.io/posts/2023/08/19/webav-7-mid-review/)
- [WebGL Chromakey real-time green matting](https://hughfenghen.github.io/posts/2023/07/07/webgl-chromakey/)
