ribbon image search rewind fast-forward speech-bubble pie-graph star

Web 多媒体开发指南

一般接触音视频开发的前端比较少,但实际里面涉及的知识点非常多,因此做一个脑图,帮助有兴趣的同学学习和研究相关知识点。



基本

Web 多媒体开发覆盖非常多的方面,其中,视频,音频,以及 WebRTC 都比较成熟,而近年来的 WebXR(AR/VR) 也成为大家比较热情研究的内容。它旨在给人类带来听觉和视觉上的冲击。
其实 Mozilla 做过一个专项的列表 Web media technologies ,列举出当前音视频的知识点。

虽然看着只是一个小的点,但是进去了解后,其实每个领域都需要掌握一定基础知识才能深入学习。

于是自己的初衷便是罗列一些关键的知识点帮助大家有一个总体的概念。

Github 地址: https://github.com/JackPu/web-media-developer-guide

罗列一些常用的知识点和资源:

Video

Video 元素

视频

第三方库

Video Player

  • shaka-player A Video Player from Google.
  • chimee A Video Player from 75Team(Qihoo.org)
  • xgplayer A Video Player from Bytedance
  • plyr The most popular video player from freedom developer.

Audio

音频元素知识

编码

常见的库

WebRTC

WebXR

博客

You Can Speak "Hi" to Me in Those Ways