awesome-media-streams

A list of awesome things related to Media Capture and Streams API

W3C Specifications

• Media Capture and Streams specification (aka getUserMedia)

MDN Documentation

• Media Capture and Streams API
• MediaDevices.getUserMedia()
• Web Audio API with awesome code example about how to visualize audio stream on canvas

Tutorials

• Take Photos and Control Camera Settings
• Facial Recognition With Tracking.js
• Speech Recognition
• Introduction to Web Audio API
• Real time communication with WebRTC
• Augmented Reality for the Web
• Let's light a torch and explore MediaStreamTrack's capabilities
• Depth camera capture by Intel
• ARCode and ARKit in Web

Examples

• Collection of WebRTC samples
• ASCII representation of your webcam video stream
• How to generate an ascii art photo from the webcam
• Web Audio Demos
• ImageCapture: experiment with sizes of grabFrame() and takePhoto() results
• ImageCapture: grabFrame() and invert grabbed frame
• Merge multiple video MediaStreams into one composite
• Face Tracking Demo

Other

• Introducing WebRTC 1.0 and interoperable real-time communications in Microsoft Edge
• WebKit announcing WebRTC and Media Capture
• ImageCapture API description by Chromium, explains the differences between methods takePhoto() and grabFrame()
• requestAnimationFrame on MDN
• WebGazer.js - Webcam Eye Tracking
• Web Audio Weekly