getUserMedia | BestHub

Rare Earth Juejin Tech Community

Apr 28, 2024 · Frontend Development

Implementing WebRTC Media Capture, Recording, and Real‑Time Speech Recognition in Web Applications

This article provides a comprehensive guide on using WebRTC, getUserMedia, and MediaRecorder to capture camera and microphone streams, perform screen capture, visualize audio, handle device and network checks, convert media formats, and integrate real‑time speech‑to‑text services, while sharing practical pitfalls and solutions.

AudioVisualizationMediaRecorderVideoCapture

0 likes · 22 min read

Implementing WebRTC Media Capture, Recording, and Real‑Time Speech Recognition in Web Applications

360 Smart Cloud

Aug 31, 2022 · Frontend Development

WebRTC Basics: Accessing Media Devices, Streams, Screen Sharing, and Recording

This article introduces WebRTC fundamentals, explains how to enumerate audio/video devices, describes MediaStream and MediaStreamTrack concepts, demonstrates using getUserMedia for media capture with constraints, shows screen sharing via getDisplayMedia, and provides code examples for recording and downloading video streams using MediaRecorder.

MediaDevicesMediaRecorderScreenSharing

0 likes · 9 min read

WebRTC Basics: Accessing Media Devices, Streams, Screen Sharing, and Recording

Tencent IMWeb Frontend Team

Feb 1, 2021 · Frontend Development

Mastering WebRTC: From Camera Capture to Screen Sharing in the Browser

This article explains WebRTC fundamentals, covering camera and microphone basics, frame rate and resolution, tracks and streams, the getUserMedia API with constraints and error handling, device enumeration, MediaRecorder for client‑side recording, and screen sharing via getDisplayMedia, all illustrated with practical JavaScript code examples.

JavaScriptMediaRecorderWebRTC

0 likes · 13 min read

Mastering WebRTC: From Camera Capture to Screen Sharing in the Browser