notminusone / web-media-developer-guide

🦍 The Guide of Web Media Developer

web-media-developer-guide

The Guide of Being a Web Media Developer.

Web Media

Web media has played an import role in our life. We watch videos on Youtube or Netflix. And we listen to music on Spotify or QQMusic. The Web's ability to present, create, and manage audio, video, and other media has grown at an increasing pace. So I write this guide for all web developers who is interested in these areas.

• Video
• Audio
• WebRTC
• WebXR
• Blog

Video

Basic Video API

• Video Element
• Video Events
• Media Source Extensions
• Encrpted Media Extensions

Codec

• H.264
• H.265
• AV1
• FFMpeg
• mp4box
• HLS

Library

• mp4box.js
• dash.js
• hls.js
• videojs

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

Basic Audio

• Audio Elment
• Audio Events
• Audio Context

Codec

• aac
• opus
• vorbis

Library

• audio.js
• howler.js
• tone.js
• wad

WebRTC

• peer.js
• licode
• SimpleWebRTC
• ⚡️ webtorrent
• simple-peer Simple WebRTC video, voice, and data channels

WebXR

• react-360
• A-Frame
• babylonJS
• AR.js
• three.ar.js
• argon.js

Blog

• Netflix
• Chrome Media Updates
• Google AR
• LensVR Blog
• Thundering Herd - Chris Pearce(work in Mozilla)
• ivweb
• Some common Web Video Articles

Web Video Quality Summary

Encrypted Media Extensions

1. How it works?

💐 Contribution

• Open pull request with improvements
• Discuss ideas in issues