Tagged articles
6 articles
Page 1 of 1
大转转FE
大转转FE
Aug 30, 2024 · Frontend Development

Mastering WebRTC: Essential Front‑End APIs and Real‑Time Communication Basics

This article provides a comprehensive front‑end guide to WebRTC, covering its core concepts, differences from WebSocket, browser compatibility, typical use cases, advantages and drawbacks, and detailed usage of key APIs such as getUserMedia, getDisplayMedia, RTCPeerConnection, and RTCDataChannel with practical code examples.

APIRTCPeerConnectionWebRTC
0 likes · 15 min read
Mastering WebRTC: Essential Front‑End APIs and Real‑Time Communication Basics
360 Smart Cloud
360 Smart Cloud
Nov 21, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage

This article provides a comprehensive overview of WebRTC's MediaStream and RTCPeerConnection APIs, explaining core concepts such as tracks, sources, sinks, device enumeration, media constraints, bitrate and resolution settings, compatibility considerations, screen sharing, content hints, and the step‑by‑step workflow for establishing a peer‑to‑peer connection in the browser.

Browser APIsJavaScriptMediaStream
0 likes · 15 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage
360 Tech Engineering
360 Tech Engineering
Jun 6, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide

This article provides a comprehensive overview of WebRTC’s MediaStream and RTCPeerConnection APIs, covering concepts such as sources, sinks, tracks, device enumeration, media constraints, resolution and bitrate settings, compatibility issues, screen sharing, content hints, and step‑by‑step connection establishment for real‑time communication in browsers.

Browser APIsJavaScriptMediaStream
0 likes · 13 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide
ByteFE
ByteFE
Sep 23, 2021 · Frontend Development

Building a 1‑to‑1 WebRTC Real‑Time Audio/Video Call in the Browser

This article explains how to create a browser‑based 1‑to‑1 real‑time audio/video communication application using WebRTC APIs, covering media capture, SDP and ICE handling, signaling with socket.io, peer‑to‑peer connection setup, data channels, and NAT traversal techniques.

JavaScriptRTCPeerConnectionSTUN
0 likes · 15 min read
Building a 1‑to‑1 WebRTC Real‑Time Audio/Video Call in the Browser
KooFE Frontend Team
KooFE Frontend Team
Aug 2, 2021 · Frontend Development

Mastering WebRTC: Media Streams, Peer Connections, and Data Channels Explained

This article provides a comprehensive overview of WebRTC, covering its core components MediaStream, RTCPeerConnection, and RTCDataChannel, the processes of media and network negotiation, NAT traversal techniques, signaling, and practical code examples for building real‑time communication applications.

MediaStreamRTCDataChannelRTCPeerConnection
0 likes · 14 min read
Mastering WebRTC: Media Streams, Peer Connections, and Data Channels Explained